.SafarPlanCodePromo {
    background-color: #333;
    color: #ffffff;
    padding: 5px;
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 42px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
	opacity: 0.95;
}

.hotels_dates .daterangepicker {
    min-width: 300px;
    min-height: 100px;
    border-color: #dfdfdf;
    box-shadow: 0 1px 2px rgba(0,0,0,.175)!important;
    border-radius: 0;
    padding: 10px 20px;
    margin-top: 30% !important;
    margin-left: 20% !important;
    font-family: inherit;
}

.pulse {
  animation: pulse 1s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple {
    background-color: #f2f4f7 !important;
}

.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .desc, .bravo_wrap .page-template-content .bravo-testimonial .item p {
    font-size: 16px !important;
    color: #333333 !important;
}

.bravo-news .widget_search form button {
    background: #68a036;
}

.bravo-news .widget_search form input[type=text] {
    border: 1px solid #68a036;
}

.btn-warning {
    color: #fff !important;
    background-color: #686868 !important;
    border-color: none;
}
.btn-warning:hover{
    color: #fff !important;
    background-color: #333 !important;
    border-color: none;
}
.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-more a:after {
    background: #68a036 !important;
}

.bravo_wrap .page-template-content .bravo-list-news .title {
    margin-bottom: 30px !important;
}

.bravo_wrap .page-template-content .bravo-client-feedback {
    background: #f2f4f7 !important;
}

.bravo_wrap .page-template-content .bravo-client-feedback .owl-nav .owl-next, .bravo_wrap .page-template-content .bravo-client-feedback .owl-nav .owl-prev {
    color: #68a036 !important;
}
.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .sub_title {
    color: #686868 !important;
}
.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .title {
    color: #68a036 !important;
	font-size: 18px !important;
}

.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .icofont-quote-right {
    color: #ff6600 !important;
}
.booking-review .booking-review-content .review-list li.final-total .val {
    font-weight: 700 !important;
    color: #ff6600 !important;
}

.booking-success-notice .notice-success .line1 span {
    color: #ff6600 !important;
}

.booking-success-notice .notice-success .line1 {
    color: #333 !important;
}

.form-control[readonly] {
     background-color: #ffffff !important;
	}
.modal-content { 
    border-radius: 20px 20px 20px 0 !important;
	border: 2px solid #68a03652;
}

.form-control[readonly] {
    background-color: #ffffff !important;
	}



.nights_counter_form_search { 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: max-content;
    margin-left: auto;
    margin-right: 0px;
    /*background-color: #f2f4f7;*/
    color: #333;
    padding: 0px 28px;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e0e2e5;
    border-left: 1px solid #e0e2e5;
    border-right: 1px solid #e0e2e5;
	border-radius: 0 0 3px 3px;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-tour-feature .item .icon {
    font-size: 40px !important;
    color: #68a136 !important;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-gallery .social .service-wishlist {
    background: #333333a3 !important;
}


.bravo_wrap .bravo_detail_tour .bravo_content .g-gallery .social .social-share .social-icon {
    background: #333333a3 !important;
}
.bravo_wrap .bravo_detail_tour .bravo_content .g-gallery .fotorama .fotorama__arr {
    border-radius: 10px 10px 10px 0px !important;
    background: none;
    background-color: #333333a3 !important;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-gallery .fotorama .fotorama__fullscreen-icon:after {
    background: #333333a3 !important;
}

.bravo_wrap .bravo_detail_tour .bravo_single_book .tour-sale-box .sale_class {
    position: absolute !important;
    width: 66px !important;
    height: 31px !important;
    right: 6px !important;
    top: 9px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background-color: #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px 10px 10px 0px !important;
    border: solid 2px #fff !important;
    transform: none !important;
}

.btn.btn-primary {
    background: #ff6600 !important;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-tour-feature .item .info .name {
    color: #333 !important;
}


.bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .score::after {
    border: 0px solid transparent !important;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .score {
border-radius: 15px 15px 15px 0px !important;
}
.bravo_wrap .bravo_detail_tour .bravo_content .g-header h2, .bravo_wrap .bravo_detail_tour .bravo_content .g-header h1 {
    /* margin-top: 0; */
    /* color: #1A2B48; */
    /* font-weight: 500; */
    /* font-size: 30px; */
    /* line-height: 1.3; */
    color: #333333 !important;
    font-weight: 500 !important;
    font-size: 24px !important;
}

.bravo_wrap .page-template-content .bravo-form-search-hotel {
    padding: 49px 0 !important;
}
.syncBnt {
    position: absolute;
    left: -14px;
    top: 31px;
    /* transform: translateY(-50%) rotate(90deg); */
    background-color: white;
    /* padding: 2px 10px; */
    padding-left: 2px;
    padding-top: 3px;
    border: 1px solid gainsboro;
    outline: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: .3s;
    z-index: 9;
    /*font-size: 24px;*/
    font-weight: 700;
    color: var(--spcolor);
}
.rotateSync{
  transform: translateY(0%) rotate(360deg);
}
.syncBnt span{
  margin-bottom: -35px;
  font-size: 20px !important;
}

/* research box  */
.rsContent{
  /*max-width: 1100px;*/
  border: 1px solid #e0e5eb;
  padding: 10px;
  margin: 0px auto;
  margin-top: 15px;
  background-color: white;
  position: relative;
  border-radius: 3px;
}
.rsContent-title{
    position: absolute;
    background: transparent linear-gradient(91deg, #68a036 40%, #75b43e 100%) 0% 0% no-repeat padding-box;
    color: white;
    top: -20px;
    left: -1px;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px 10px 10px 0;
}
.rsDLeft,.persons{
    display: flex;
    align-items: center;
	font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 6px;
}
.rsDLeft p{
  margin-bottom: 0px;
  margin: 0px 10px;
  font-size: 16px;
}
.rdDetails{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vrHr{
  height: 20px;
  width: 1px ;
  background-color: gray;
}
.unBtn{
  border: none;
  background-color: transparent;
  outline: none;
  /* border-bottom: 1px solid orangered; */
  color: #68a036;
  font-weight: 700;
}
.trip{
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.trip p{
  font-weight: 700;
  margin-bottom: 0px;
  margin-left: 10px;
}
.selectBtn{
  background-color: orangered;
  color: white;
  border: none;
  outline: none;
  padding: 4px 8px;
  font-size: .9rem;
  margin-left: 15px;
}
.dropHead{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 2px solid orangered;
}
.dropHead p{
  margin-bottom: 0px;
  margin-left: 0px;
}
.tripDrop{
  width: 300px;
}
.iconBtn{
  background-color: transparent;
  border: none;
  outline: none;
}
.dropdown-item{
  display: flex !important;
  align-items: center !important;
  padding: 10px!important;
}
.dropdown-item p{
  margin-bottom: 0px;
  margin-left: 10px;
}
.check{
  /* display: none !important; */
  opacity: 0;
}
.dropdown-item:hover .check{
  /* display: block  !important; */
  opacity: 1;
}
.activate .check{
  opacity: 1;
}

.psngrCountr{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.psngrCountr p{
  margin-bottom: 0px;
}
.pCOuntr{
  display: flex;
  align-items: center;
}
.pCOuntr button{
  background-color: transparent;
  border-radius: 50%;
  /* padding: 1px 9px; */
  font-size: 1.2rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 5px;
  width: 30px;
  height: 30px;
  margin: 0px 10px;
  background-color: gray;
  color: white;
  border: 1px solid gray;
  
}


.bravo_wrap .bravo_header .content .header-right .bravo-more-menu.active {
    color: #fff !important;
    background-color: #68a036 !important;
}

.booking-review .booking-review-title {
    color: #68a036 !important;
}

.bravo-booking-page .form-title {
    color: var(--spcolor) !important;
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar {
    background: #68a036 !important;
}
.bravo_wrap .bravo_header .bravo-menu-mobile {
    border-right: 1px solid #68a036 !important;
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul li a {
    color: #333 !important;
}
/* Whatsapp button */
.whatsapp-ico{
    fill: white;
    width: 50px;
    height: 50px;
    padding: 3px;
    background-color: var(--spcolor);
    border-radius: 10px 10px 10px 0;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);    /* box-shadow: 2px 2px 11px rgba(0,0,0,0.7); */
    position: fixed;
    bottom: 20px;
    right : 20px;
    z-index: 2000;
	animation: safarawhatsapp 2.5s ease infinite normal none running;
	transition: 0.7s;

}
@keyframes safarawhatsapp {
  0%   {bottom: 10px;}
  50%  {bottom: 15px;}
  100% {bottom: 10px;}
}

.whatsapp-ico:hover{
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
	background-color: #40be4f;
}

/* Start Button Search */
.button-search {
  position: relative;
  padding: 8px 16px;
  border: none;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
}

.button-search:active {
  background: #68a036;
}
													
.ripple {
  background-position: center;
  transition: background 0.6s;
}
.ripple:hover {
  background: #68a036 radial-gradient(circle, transparent 1%, #f88030 1%) center/15000%;
}
.ripple:active {
  background-color: #68a036;
  background-size: 100%;
  transition: background 0s;
}
													
.button__text {
  color: #ffffff;
  transition: all 0.2s;
}

.button--loading .button__text {
  visibility: hidden;
  opacity: 0;
}

.button--loading::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: rgba(255,255,255,.25) 4px solid;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
    width: 34px;
    height: 34px;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}
/* End Button Search */

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score {
    background: transparent linear-gradient(91deg, #68a036 40%, #75b43e 100%) 0% 0% no-repeat padding-box !important;
}


.bravo_wrap .bravo-contact-block .contact-info .info-content {
    background: #333333 !important;
    opacity: 0.9 !important;

}

/* Start Header */
.border_top_right_dott {
    border-right: 1px dotted #fff;
} 

.bravo-reviews .review-box .review-sumary .item .progress .percent.green {
    background: #68a036 !important;
}

.bravo_wrap .bravo_search_hotel .bravo_filter .filter-title {
    color: #686868 !important;
    margin-bottom: 5px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
}


.alert-dismissible {
    padding-right: 0rem !important;
}

/*.alert {
    padding: 0rem 0rem !important;
}*/

.alert-success {
    color: #68a136 !important;
    background-color: #68a13612 !important;
    border-color: #68a1362e !important;
}


.card-header {
    background-color: #f2f4f7 !important;
}
.btn-info {
    color: #fff !important;
    background-color: #68a036 !important;
    border-color: #68a036 !important;
}

.alert-dismissible .close {
    top: 10px !important;
}

.sp_label_newsletter_form {
    position: absolute;
    top: -8px;
    padding: 0 5px;
    background: white;
    left: 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    -webkit-letter-spacing: 0.2px;
    -moz-letter-spacing: 0.2px;
    -ms-letter-spacing: 0.2px;
    letter-spacing: 0.2px;
    color: #68a036;
}  


.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score:after {
    border-bottom: 0px solid #68a036 !important;
}
.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score {
    border-radius: 15px 15px 15px 0px !important;
}

.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head {
    color: #333333 !important;
}









.banner-inner-second-tab .banner-inner-form .fieldset-form .form-group .form-control:focus {
    border-color: #68a036;
}

body .daterangepicker .drp-calendar .calendar-table .next {
    background: url(/images/calendar-next.svg) no-repeat center center !important;
}

body .daterangepicker .drp-calendar .calendar-table .prev {
    background: url(/images/calendar-prev.svg) no-repeat center center;
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date{
    background: #686868 !important;
    color: #fff !important;
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td {

    font-size: 15px !important;
    border-radius: 1px !important;
}

body .daterangepicker .drp-calendar .calendar-table thead tr:last-child th {
    color: #68a036 !important;
    font-size: 14px !important;
}

.blog-breadcrumb {
    padding: 20px 0 !important;
    border-bottom: none !important;
    background-color: #ffffff !important;
}

@media(min-width:564px){
.daterangepicker {
width: max-content!important;
}
}


svg {
  vertical-align: sub !important;
}

.pad-form-search {
	padding: 0px 0 0 87px !important;
	}



.panel-custom-mbr {
  max-width: 100%;
  box-shadow: none;
  border: 1px solid #D7DCE3;
  border-radius: 3px;
}
.panel-custom-mbr .panel-heading-mbr {
  color: #333;
  background-color: #fff;
  border-radius: 0;
  border-bottom: 0;
  padding: 15px 48px 7px 11px;

}
.panel-custom-mbr .panel-heading-mbr .panel-icon {
  background-color: #fff;
  color: #68a036;
  padding: 4px 21px 23px 9px;
  font-size: 2em;
  top: 0;
}
.panel-custom-mbr .panel-heading-mbr .panel_mbr_title {
  font-size: 15px;
  font-weight: 600;
}
					
.panel-custom-mbr .panel-heading-mbr .panel-dsp {
  font-size: 13px;
  font-weight: 400;
}
					
.panel-custom-mbr .panel-heading-mbr .panel-dsp a {
  font-size: 14px;
  font-weight: 600;
  margin: 0 18px 0 0;
}
.panel-custom-mbr .panel-body {
  padding: 15px 0 0 0;
}



@media(max-width:1023px){
.bravo_wrap .bravo_form .smart-search .bravo-autocomplete, .bravo_wrap .bravo_form .input-search .bravo-autocomplete {
left: 0;
}
}

.bravo_wrap .bravo_search_hotel .bravo_filter .filter-title:before {
    background: #ffffff !important;
	margin-right: 5px !important;
}


#bravo_notify .media-object img {
    background: #f2f5f7 !important;
    color: #68A036 !important;
}
.banner-inner-form .form-group .form-control:focus {
border-color: #68A036;
}


.page-item.active .page-link {
    background-color: #68a036 !important;
    border-color: #68a036 !important;
	color:#fff !important;
}


.page-link {
    color: #68a036 !important;
 
}

.banner-inner-form fieldset.quantity-div .form-select-guests.show .passager-label {
background-color: #68A036;
color: #fff;
	border-color: #68a036;

}
.banner-inner-form fieldset.quantity-div .form-select-guests.show .form-control{
border-color: #68a036;
}


.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu.width-auto {
    min-width: 190px; !important;
}

.dropdown-notifications .notification-icon{
    top: -12px !important;
    left: 13px !important;
}


.badge-notification-safarplan {
    color: #fff;
    background-color: #ff6600;
}

/*.dropdown-menu {
    border-top: 1px solid #68a036 !important;
	margin-top: 15px !important;
}

.dropdown-menu:after {
    bottom: 100%;
    right: 30px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-right: 0px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #68a036;
}*/


.bravo_wrap .bravo_form .smart-search .bravo-autocomplete, .bravo_wrap .bravo_form .input-search .bravo-autocomplete {
 margin-top:1px;   
}

.bravo_wrap .bravo_form .smart-search .bravo-autocomplete, .bravo_wrap .bravo_form .input-search .bravo-autocomplete:after {
   
   
}


.form-select-guests {
    position: relative;
}
.bravo_wrap .select-guests-dropdown {
    margin-left: 0!important;
}



.bravo_wrap .bravo_form .smart-search:after {
  display: none !important;
}

.bravo_wrap .bravo-list-item .topbar-search .control-safarplan a {
    text-decoration: none !important;
}







:root { 
  --spcolor: #68a036;
}   
body {
    font-family: 'Dosis', sans-serif !important;
    color: #333333 !important;
	font-size: 16px;
	font-weight: normal;
    line-height: 1.5;
    overflow-x: hidden;	
}


a {
    text-decoration: none;
    transition: all .5s ease-in-out;
}

button:focus {
outline: none !important;
}

.g-button-submit:focus {
outline: none !important;
}

.border-top-light {
    border-top: 1px solid #999999 !important;
}





.hotel_list_broder {
    padding-top: 30px !important;
}

.bravo_wrap .bravo_form .field-icon {
    margin-top: -12px !important;
    left: 15px;
    width: 1.75rem;
    height: 1.75rem;
}

.btn.btn-danger {
    background: #ff6600 !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .item-title {
    font-weight: 600 !important;
}

@media (max-width: 1023px)
.bravo_wrap .bravo_form .form-group {
    border-bottom: none !important;
}

.btn-search-orange {
    height: 95px !important;
    font-size: 18px !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background-color: #68a036 !important;
    border-radius: 3px !important;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}


.listing-tabs li.dropdown .dropdown-menu {
    margin-top: 9px !important;
}

.border-right {
    border-right: 0px solid #dee2e6 !important;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list {
    border: none !important;
}

.flag-icon {
  border-radius: 5px 5px 5px 0 !important;  
  border-bottom:1px solid #d7d7d7 !important;

}

.bravo_wrap .bravo_form .smart-search .bravo-autocomplete .item i, .bravo_wrap .bravo_form .input-search .bravo-autocomplete .item i {
    color: #68a036 !important;
}

.bravo_wrap .bravo_form .g-field-search {
    flex: 0 0 80% !important;
    flex-grow: 0;
    max-width: 80% !important;
    flex-grow: 1;
    padding: 0 15px;
}

.onsale {
    text-decoration: line-through;
    font-size: 18px;
    color: #cc0033 !important;
    font-weight: 400;
	/*margin-left: 10px;*/
}

input[type=checkbox]:checked:before {
    color: #68a036 !important;
}

input[type=radio]:checked:before {
    background-color: #68a036 !important;
}

.sale_info_list {
    position: absolute;
    width: 119px;
    height: 31px;
    right: 6px;
    bottom: -3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color: #ff6600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px 15px 2px 0px !important;
    z-index: 999;
    border: solid 3px #fff !important;
}

.blog-breadcrumb ul li a, .blog-breadcrumb ol li a, .blog-breadcrumb .ul li a {
    font-weight:400 !important;
    color: #68a036 !important;
	font-size: 14px;
}

.blog-breadcrumb ol li.active, .blog-breadcrumb .ul li.active {
    color: #686868 !important;
    font-size: 14px;
}

.blog-breadcrumb ol li, .blog-breadcrumb .ul li {

    padding-left: 10px !important;
    padding-right: 14px !important;
}

.blog-breadcrumb ol, .blog-breadcrumb .ul {
    list-style: none;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    background: #ffffff;
}


.bravo_wrap .bravo_detail_hotel .g-gallery .social .service-wishlist {
    background: #333 !important;
}

.bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share .social-icon {
    background: #333 !important;
}

.bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes h3 {
    color: #333 !important;
}

.blog-breadcrumb ol li:not(:last-child):after, .blog-breadcrumb .ul li:not(:last-child):after {
    position: absolute;
    content: "" !important;
    top: 50%;
    right: -2px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #e0e5eb !important;
    z-index: 1;
}

.dropdown-notifications .dropdown-footer, #bravo_notify .dropdown-footer {
    background: #68a036 !important;
}

.bravo_wrap .bravo_form .g-button-submit {
    flex: 0 0 20% !important;
    flex-grow: 0;
    max-width: 20% !important;
    flex-grow: 1;
    position: relative;
}

bravo_wrap .bravo_search_flight .bravo_banner {
    background-color: #f3f3f3 !important;
    padding: 12px 0 !important;
}

.bravo_wrap .bravo_search_hotel .bravo_banner h1 {
    font-size: 36px;
    color: #f3f3f3;
    letter-spacing: 0;
    text-align: left;
    margin: 0;
}

.btn-search {
    background-color: #ff6600 !important;
    border-radius: 0px !important;
    font-weight: 600 !important;
    min-height: 100% !important;
    font-size: 18px !important;
    line-height: 28px;
}

.bravo_wrap .bravo_topbar {
    padding: 10px 0 !important;
}

.listing-tabs li h4 {
    font-weight: 600 !important;
    color: #333333 !important;
}

.listing-tabs {
    background-color: #f2f5f7 !important;
	border: solid 1px #e0e5eb !important;
	border-radius: 3px 3px 3px 0 !important;
}



.bravo_wrap .page-template-content .bravo-form-search-all {
    padding: 40px 0 85px 0 !important;
}

.booking_cookie_agreement {
    background-color: #333333 !important;
    color: #ffffff !important;
    opacity: 0.97 !important;
    width: 98% !important;
    bottom: 13px !important;
    left: 13px !important;
    right: 6px !important;
    border-radius: 10px 10px 10px 0 !important;
    /* padding-bottom: 30px; */
}

.booking_cookie_agreement .content-cookie {
    font-size: 16px !important;
    /* opacity: 1; */
    /* bottom: 12px; */
}
.bravo-reviews .review-message {
    border-left: solid 2px #68a036 !important;
    margin-bottom: 60px !important;
}
.booking_cookie_agreement .save-cookie {
    background-color: var(--spcolor) !important;
    padding: 0.5rem !important;
    border-radius: 7px 7px 7px 0 !important;
    color: #fff !important;
    opacity: 1 !important;
    margin-top: 2px !important;
    /* margin-bottom: 45px; */
    /* position: absolute; */
    /* right: 12px; */
    font-weight: 600 !important;
    min-width: 36px !important;
    /* height: 30px; */
    /* align-content: center; */
    /* align-self: center; */
}


.bravo_wrap .page-template-content .bravo-list-locations.style_4 .title {
    margin-bottom: 20px !important;
}

.bravo_wrap .page-template-content .bravo-list-hotel .item-loop .service-review .rate {
    color: #ffffff !important;
    padding: 5px !important;
    background-color: #68a036 !important;
    border-radius: 5px 5px 5px 0 !important;
    margin-right:5px !important;
    font-weight:600;

}


.bravo_wrap .bravo_search_flight .bravo_banner h1 {
    font-size: 28px !important;
    color: #f2f4f7 !important;
    margin: 0;
    margin-top: -34px !important;
    /* text-shadow: 1px 1px white, -1px -1px #eaeaea; */
}

.bravo_wrap .bravo_search_flight .bravo_banner {
    background-color: #f2f4f7 !important;
    padding: 38px 0 !important;
}



.bravo_wrap .page-template-content .bravo-list-hotel .item-loop .service-review .rate-text {
    font-weight:500;
}


@media (min-width: 564px){
.daterangepicker {
    width: auto;
   /* min-width:580px !important;*/
   left:20% !important;
}
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .title {
    font-weight: 600;
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .title:before {
    height: 4px !important;
    background: var(--spcolor) !important;
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .owl-nav .owl-next {
    border: none !important;
}
.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .owl-nav .owl-prev {
    border: none !important;
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .list-item .item-tour .featured {
    background: var(--spcolor) !important;
    
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .list-item .item-tour .price {
    background: #333333 !important;
    min-width: 190px !important;
    opacity: 1 !important;
    border-top-left-radius: 0px !important;
}

.fotorama__thumb-border {
    border-color: rgb(105 160 54) !important;
}

.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .list-item .item-tour .price {
    position: absolute;
    border: solid 3px #fff !important;
    right: -3px;
    bottom: -3px;
    z-index: 8;
    background: var(--link-color, #5191FA);
    padding: 5px 10px 5px 20px;
    margin-top: 0;
    opacity: 0.9;
    min-width: 110px;
    text-align: -webkit-right;
    border-top-left-radius: 5px;
}

.bravo_wrap .page-template-content .bravo-list-tour .item-tour .sale_info {
    position: absolute !important;
    width: 51px !important;
    height: 49px !important;
    transform: rotate(0deg) !important;
    right: 50% !important;
    top: -7px !important;
    line-height: 65px !important;
    text-align: center !important;
    color: #ffffff !important;
    font-size: 20px !important;
    z-index: 9 !important;
    font-weight: 600 !important;
    background-color: #ff6600 !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}
.bravo_wrap .page-template-content .bravo-list-tour.carousel_simple .list-item .item-tour .thumb-image {
    height: 260px !important;
}







.bravo_wrap .bravo_user_profile .bravo-user-dashboard .dashboard-price-info .dashboard-item {
    padding: 15px 32px !important;
    min-height: 90px !important;
}

.bravo_wrap .bravo_user_profile .bravo-user-dashboard .dashboard-price-info .dashboard-item .wrap-box .title {
    color: var(--spcolor) !important;
    text-transform: capitalize !important;
    font-size:16px !important;
}

.bravo_wrap .bravo_user_profile .bravo-user-chart {
    padding: 21px 0px !important;
    background-color: #FFFFFF;
    min-height: 154px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 15px;
}

.bravo_wrap .bravo_user_profile .bravo-user-dashboard .dashboard-price-info .dashboard-item .wrap-box .number {
    color: #333333 !important;
    font-weight:500;
    font-size: 26px !important;
}


.bravo-user-chart .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #343a40 !important;
    background-color: #ffffff !important;
    border-bottom: 2px solid var(--spcolor);
    border-radius: 0 ;
    font-size:16px;
}


.bravo_wrap .bravo_user_profile .sidebar-menu {
    border-bottom: solid 1px #e6e6e6 !important;

}

.bravo_wrap .bravo_header .content .header-left {
    min-height: 68px !important;
}

.bravo_wrap .bravo_header .content .header-right .dropdown-menu li.menu-hr {
    border-top: 0px solid #31414a !important;
}

.bravo-user-chart .nav {
    border-bottom: 1px solid #d9d9d9;
}

.bravo-user-chart .custom-bubble {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    background-color: #ff6600;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding: 0 4px;
    text-align: center;
    min-width: 16px;
    vertical-align: middle;
}

.bravo_wrap .bravo_user_profile {
    background: #ffffff !important; 
    color: #333333 !important;
}

.bravo_wrap .bravo_user_profile > .container-fluid > .row-eq-height > .col-md-3 {
    background: #f2f2f2 !important;
    color: #333 !important;
}

.bravo_wrap .bravo_user_profile > .container-fluid > .row-eq-height > .col-md-3:after {
    background-color: #ffffff !important;
}

.bravo_wrap .bravo_user_profile .user-profile-avatar {
    background: var(--spcolor) !important;
    border-radius: 10px 10px 10px 0px;
    border-color: #ffffff;
    border: 1px solid #f9f9f9;
}
.bravo_wrap .bravo_user_profile .user-form-settings .title-bar .btn-change-password {
     background: var(--spcolor) !important;
}

.bravo_wrap .bravo_user_profile .form-add-service .nav-tabs {
     background: var(--spcolor) !important;
}

.bravo_wrap .bravo_user_profile .booking-history-manager .tabbable .ht-nav-tabs li.active a {
    color: var(--spcolor) !important;
    border-bottom: 3px solid var(--spcolor) !important;
}

.bravo_wrap .bravo_user_profile .bravo-list-item .list-item .item-list .featured {
   
    background: #ff6600 !important;
    border-radius: 7px 0px 7px 0px !important;
    padding: 6px 10px;
}

.bravo_wrap .bravo_user_profile .user-form-settings .breadcrumb-page-bar {
   border-radius: 7px 0px 7px 0px ;
}

.bravo_wrap .bravo_user_profile {
    padding: 0 0 !important;
}

.bravo_wrap .bravo_user_profile .bravo-user-dashboard .dashboard-price-info .dashboard-item {
    background-color: #f2f2f2 !important;

}

.bravo_wrap .bravo_user_profile .sidebar-menu ul li a i {
    color: var(--spcolor) !important;
}

.bravo_wrap .bravo_user_profile .sidebar-menu ul li a i:hover {
    color: #000 !important;
}

.bravo_wrap .bravo_user_profile .btn.btn-primary {
    background: var(--spcolor) !important;
}

.badge-info {
    background-color: var(--spcolor) !important;
	
}
.bravo_wrap .bravo_user_profile .user-profile-avatar .info-new h5 {
    color: #ffffff !important;
}

.bravo_wrap .bravo_user_profile .badge {
    display: none;
}

.bravo_wrap .bravo_user_profile .logout a {
    display: none;
}
.bravo_wrap .bravo_user_profile .sidebar-menu ul li a {
    color: #000 !important;
    font-weight: 500 !important;
    font-size: 16px;
}

.bravo_wrap .bravo_user_profile .user-profile-plan {
    border-bottom: none !important;
    background: none !important;
	display:none;
  
}

.bravo_wrap .bravo_form .smart-search .bravo-autocomplete .message, .bravo_wrap .bravo_form .input-search .bravo-autocomplete .message {
    color: #686868 !important;
}


@media (max-width: 1023px){
    
.bravo_wrap .bravo_form .g-button-submit button {
    margin: 0px 0px !important;
    width:100%;
}
}

.bravo_wrap .page-template-content .bravo-list-hotel {
    margin: 15px 0 30px;
}

.bravo_wrap .page-template-content .bravo-featured-item {
    border-bottom: solid 1px #e0e5eb !important;
    border-top: solid 1px #e0e5eb !important;
    margin: 0px 0 !important;
    padding-bottom: 49px !important;
    background: #f2f5f7 !important;
    padding-top: 30px !important;
}
 
.bravo_wrap .bravo-list-hotel.layout_normal {
    margin: 0 0 !important;
}
.border-safarplan{ border-radius: 5px 0px 5px 0px;}

 #country-code.sp-topbar-logo-renderer {
                margin: -30px 0 0 0px;
                font-size: 11px !important;
                color: #767676 !important;
}


.ribbon {
            left: 7px;
            font-size: 14px;
            text-transform: none;
            cursor: default;
            background: #e21111;
            position: absolute;
            top: 8px;
            padding: 6px 16px;
            z-index: 1;
            color: #fff;
            border-radius: 3px 6px 6px 0;
            -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.32);
            box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.32);
            text-align: center;
            font-size: 14px;
            line-height: 1.3;
            min-width: 100px;
        }


.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info {
   
    padding: 0px 15px !important;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price {

    padding: 0px 0px 15px 0 !important;
}
        
        
        .ribbon-list {
            left: 8px !important;
            top:40px !important;
            
        }
        

        
        .ribbon:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 0;
            height: 0;
            border: 4px solid #b70808;
            border-bottom-color: transparent;
            border-left-color: transparent;
            z-index: -1;
            white-space: normal;
        }
        
        .ribbon-green {
            background-color: var(--spcolor);
        }
        
        .ribbon-green:before {
            border: 4px solid var(--spcolor);
            border-bottom-color: transparent;
            border-left-color: transparent;
        }
        
   .hotel-type-badge {
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        vertical-align: middle;
        margin-top: -7px;
        padding: 0 4px;
        border-radius: 3px;
        background: #aeaeae;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
                      }
    .stars-hotels-details {
        cursor: help;
        display: inline-block;
        font-size: 0px;
        font-weight: normal;
        vertical-align: middle;
        margin-top: 5px;
        padding: 0 2px;
    }     
    
    
    .deal-main {
            margin-bottom: 10px;
        }
        
        .deal-main span {
            text-transform: none;
            line-height: 18px;
            font-weight: 400;
            padding: 3px 8px 3px 8px ;
            display: inline-block;
            white-space: nowrap;
            border-radius: 3px;
            background: var(--spcolor);
            font-size: 14px;
            line-height: 18px;
            color: #fff;
        }
        
        
        
        /*************** BRING MORE CSS****************/     
        .bring-more {
            background-color: #ffffff;
           
        }
        
        .bring-more-inner {
            padding-top:  28px;
        }
        
        .bring-more-inner .tab-nav {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin: 0 -6px;
            padding-bottom: 26px;
            justify-content: center;
        }
        
        .bring-more-inner .tab-nav a {
            text-align: center;
            padding: 0px 6px;
            position: relative;
            text-decoration:none;
        }
        
        .bring-more-inner .tab-nav a:after {
            position: absolute;
            content: "";
            left: 50%;
            transform: translate(-50%, 0);
            bottom: -36px;
            background-color: var(--spcolor);
            height: 22px;
            width: 1px;
            display: none;
            text-decoration:none;
        }
        
        .bring-more-inner .tab-nav a:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -14px;
            background-color: var(--spcolor);
            height: 1px;
            width: 100%;
            display: none;
            text-decoration:none;
        }
        
        .bring-more-inner .tab-nav a.current:after,
        .bring-more-inner .tab-nav a.current:before {
            display: block;
        }
        
        .bring-more-inner .tab-nav a.current .image-holder {
            /*background-color: var(--spcolor);*/
			background: transparent linear-gradient(91deg, #68a036 40%, #75b43e 100%) 0% 0% no-repeat padding-box;
        }
        
        .bring-more-inner .tab-nav a .image-holder {
            background-color: #434343;
            width: 124px;
            height: 124px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
            transition: all ease .3s;
            border-radius: 30px 30px 30px 0;
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            justify-content: center;
        }
        
        .bring-more-inner .tab-nav a .image-holder img {
            height: 71px;
        }
        
        .bring-more-inner .tab-nav a {
            color: #333;
            font-size: 16px;
            text-transform: uppercase;
             font-weight: 600;
        }
        
        .bring-more-box {
            background-color: #fff;
            border: 1px solid var(--spcolor);
            padding: 10px 20px;
            border-radius: 5px 5px 5px 0;
            margin-top: 10px;
        }
        
        .bring-more-box .bring-logo {
            padding: 10px;
            border-right: 1px solid var(--spcolor);
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .bring-more-box .bring-text {
            height: 100%;
            display: flex;
            align-items: center;
        }
        
        .bring-more-box .bring-text p {
            padding: 10px;
            font-weight: 600;
            font-size: 16px;
            color: #232323;
        }
        
        .bring-more-box .bring-btn {
            padding: 10px;
        }
        
        .bring-more-box .bring-btn a {
            /*background-color: var(--spcolor);*/
			background: transparent linear-gradient(91deg, #68a036 40%, #75b43e 100%) 0% 0% no-repeat padding-box;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: 600;
            text-align: center;
            display: block;
            padding: 6px;
        }
        
        .bring-more-box .bring-btn a span {
            display: block;
        }
        /*************** bring MOBILE VERSION CSS****************/
        
        .mobile-version {
            display: none;
        }
        
        .bring-box {
            display: flex;
            padding: 12px 0;
        }
        
        .bring-box .image-holder {
            background-color: var(--spcolor);
            width: 90px;
            height: 90px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
            transition: all ease .3s;
            border-radius: 50%;
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            justify-content: center;
        }
        
        .bring-box .image-holder img {
            height: 50px;
        }
        
        .bring-box .text-box {
            width: calc(100% - 90px);
            padding-left: 20px;
        }
        
        .bring-box .text-box h3 {
            color: #333;
            text-align: center;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 5px;
        }
        
        .bring-box .text-box p {
            color: #64686c;
            line-height: 24px;
            text-align: center;
            font-size: 16px;
        }
        
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .item-title {
    font-size: 20px !important;
    font-weight: 600 !important;
}
 


.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars li {
    margin-right: 0px !important;
}
 
                      
    .bravo_wrap .bravo-checkbox .fa-star {
    color: #ff6600 !important;
}

.bravo_wrap .bravo_detail_hotel .bravo_content .g-header h1 {
    color: #333333 !important;
    font-weight: 500 !important;
    font-size: 24px !important;
}
.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .foot {
    color: #686868 !important;
}

.bravo_wrap .bravo_detail_hotel .bravo_content .g-header h2{
   color: #333333 !important;
}

.s0 { fill: #68a036 }

.city {
    font-size: 14px;
    font-weight: 500;
    color: #68a036;
    display: block;
    margin-bottom: 8px;
    margin-top: -8px;
}

.bravo_wrap .bravo-list-hotel .item-loop .service-review .review {
    color: #686868 !important;
}

.map-link {
    border: 1px solid #e0e5eb !important;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left .head-rating {
    font-weight: 600 !important;
    color:var(--spcolor) !important;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left .text-rating {
    color:#999999 !important;
}

.is_note{
  font-size: 13px;
    font-weight: 600;
    color: #909090;  
}

.is_option {
    font-size: 16px;
    font-weight: 600;
    color: var(--spcolor);
    text-align: right;
    margin: 16px 0;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price:before {
    border-right: none !important;
}

.border-top {
    border-top: 1px solid #f2f5f7 !important;
}

.footer-result {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 9px;
    background-color: #f2f5f7;
    position: absolute;
    bottom: 0px;
    margin-left: -15px;
    width: 156%;
}
        
        .footer-result h2 {
            font-weight: 700;
            font-size: 24px;
            color: var(--spcolor);
        }
        
        .footer-result h2 span {
            font-size: 12px;
        }
        
        .footer-result h2 span.price-suffix {
            font-size: 16px;
        }
        
        .footer-result .btn {
            margin-left: 15px;
        }
        
        
        .cta-primary {
    font-size: 16px;
    padding: 8px 10px;
    text-transform: uppercase;
    background-color: var(--spcolor);
    color: #fff;
    border-radius: 3px;
    border: 1px solid var(--spcolor);
    z-index:100;
}
.cta-primary:hover {
            background-color: #fff;
            color: var(--spcolor);
        }

.total_hotels {
    font-size: 18px;
    color: var(--spcolor);
    font-weight: 600;
}

.g-rate-price .service-review-pc h4 {
    font-size: 15px;
    color: #333333;
    margin-left: 70px;
    font-weight: 400;
}


.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head {
    color: #333333 !important;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score {
    border-radius: 10px 10px 10px 0px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score::after {
   display:none !important;
}

.safarpoint {
              color:#909090;
            
          }

.safarpoint:before {
              color:#bdbdbd;
              content:"\b7";
              display: inline-block;
              font-weight:700;
              padding:0 5px;
              text-decoration: none;
              transform: scale(1.4);
          }  


.bravo-reviews .review-list .review-item .review-item-body .review-star li .fa {
    color: #ff6600 !important;
}

.bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body .star-rate .fa-star {
    color: #ff6600 !important;
}

.bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget {
    margin-top: 8px !important;
}


.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .item-title a {
    color: #333333 !important;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .attr-title {
    color: #686868 !important;
}





.bravo_wrap .bravo-list-hotel .item-loop .sale_info {
    position: absolute;
    width: 119px;
    height: 31px;
    right: 6px;
    top: -17px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    background-color: #ff6600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 10px 0px !important;
    z-index: 999;
    border: solid 2px #fff !important;
}

.bravo_wrap .bravo_topbar {
    background: transparent linear-gradient(91deg, #68a036 40%, #75b43e 100%) 0% 0% no-repeat padding-box;
    padding: 5px 0 !important;
}

.bravo_wrap .bravo_header {
    background: #ffffff !important;
}

.bravo_wrap .bravo_header .content {
    background: #ffffff !important;
}

.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu {
    left: auto !important;
    min-width: 250px;
    top: 6px !important;
}

.bravo_wrap .bravo_topbar .content .dropdown-menu li a:hover {
  background: #333333 !important;
}

.bravo_wrap .bravo_topbar .content .dropdown-menu {
    background: var(--spcolor) !important;
}


.bravo_wrap .bravo_form .form-content label {
    color: #333333 !important;
    font-weight: 600 !important;
}



.icons-size {
  font-size: 20px !important;
  color:#686868 !important;
}

.bravo_wrap .select-guests-dropdown .dropdown-item-row .count-display input, .bravo_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input {
   
    width: 35px;
    text-align: center;
    color: var(--spcolor) !important;
    margin-left: 15px;
}


.bravo_wrap .bravo_form .smart-search .bravo-autocomplete .item .h-line, .bravo_wrap .bravo_form .input-search .bravo-autocomplete .item .h-line {
    font-weight: 700 !important;
    color: #7e7e7e !important;
}


.bravo_wrap .bravo_detail_hotel .bravo_content .g-header h1 h2 {
    color: #333333 !important;
}





.tooltip-inner {
  max-width: 400px !important;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000 !important;
  border-radius: 0.25rem;
}


.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars li .fa {
    color: #ff6600 !important;
}

.hotel_rooms_form .form-search-rooms {
    border-bottom-color: #D7DCE3 !important;
}

.hotel_rooms_form .form-search-rooms {
    border-bottom: 2px solid #D7DCE3 !important;
    border-bottom-color: rgb(81, 145, 250);
}        

.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .star-rate .fa-star {
    color: #ff6600 !important;
}

.alert-warning {
    color: #e12d2d !important;
    background-color: #fdf3f3 !important;
    border-color: #e86161 !important;
}

.hotel_rooms_form .hotel_list_rooms {
    border: 0px solid #d7dce3 !important;
}
/*************** TIRED SPECIAL CSS****************/

.tired-specials {
    background-color: #fff;
    margin-top: -50px;
    /* border-radius: 10px 10px 10px 0px;*/
     /*box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);*/
}

.tired-specials a:link {
  text-decoration: none;
}

.tired-specials .heading {
    display: flex;
    align-items: start;
	margin-left: 10px;
}

.tired-specials .heading a i {
    font-size: 20px;
    margin-right: 20px;
    color: #f3b13e;
}

.tired-specials .heading a:hover i {
    color: var(--spcolor);
}

.tired-specials .heading .text-body p {
    color: #686868;
    /*text-transform: uppercase;*/
    margin-bottom: 0px;
	font-size: 18px;
}

.tired-specials .heading .text-body p.text-sm-right {
    color: #888;
    text-transform: none;
    font-size: 11px;
}

.tired-specials .heading p {
    color: #333;
    font-family: 'Dosis', sans-serif; 
    font-size: 16px;

}

.tired-specials .text-box {
    text-align: left;
    padding: 30px 15px 21px 67px;
    font-family: 'Dosis', sans-serif; 
    font-size: 15px;

    
}

.tired-specials .text-box p {
    color: #333;
}

.tired-specials .text-box p span,
.tired-specials .text-box p strong {
    color: var(--spcolor);
}

.tired-specials .text-box form {
    display: flex;
    align-items: center;

}

.tired-specials .text-box form .from-control {
    border-radius: 3px;
    border: 1px solid #e0e2e5;
    padding: 0 10px;
    color: #060626;
    background-color: #fff;
    height: 45px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
    width: 267px;
}

.tired-specials .text-box form .from-control:focus {
    border-color: var(--spcolor);
}

.tired-specials .text-box form .btn-red {
    font-weight: 500;
    padding: 10px 20px;
    letter-spacing: 1px;
    border-radius: 3px;
    background-color: var(--spcolor);
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    display: block;
    margin-left: 35px;
}

.tired-specials .text-box span {
    color: #333;
}

.tired-specials .text-box span a {
    display: block;
    color: #333;
    text-decoration: underline;
    margin: 13px 0 0 0;
}

.promo-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 188px;
    margin-left: auto;
	margin-right: 14px;
    background: #333333;
    color: #fff;
    padding: 8px 25px;
     font-family: 'Dosis', sans-serif; 
    font-size: 16px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	border-radius: 10px 10px 10px 0;
}

.promo-box .heading-code {
    margin-right: 15px;
}

.promo-box .gen-code {
    font-weight: 600;
    text-transform: capitalize;
}

.tired-specials {
    padding: 20px 15px;
	border-bottom: 1px solid #e0e5eb;
}



.form-group {
    /*margin-bottom: 0rem !important; */
}
.btn-search-red-newsletter {
    height: 40px;
    font-size: 15px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #68a036;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);
}




 .container {
        position: relative;
        margin: 0 auto;
        max-width: 1140px !important;
    }
    
    .header-wrapper {
        text-align: right;
    }
    
    .header-wrapper .tooltip-holder {
        position: relative;
        display: inline-block;
    }
    
    
    
    .body-inner-tooltip {
        padding: 20px;
    }
    
    .dropdown-tooltip:after {
        bottom: 100%;
        right: 15px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-right: 0px;
    }
    
    .dropdown-tooltip p {
        margin: 0 0 8px;
    }
    
    .cta-signin {
        color: #fff !important;
        font-size: 14px;
        background-color: var(--spcolor);
        display: inline-block;
        padding: 5px 10px;
        text-decoration: none;
    }
    
    .tooltip-footer-search {
        padding: 10px 20px;
        background-color: #f6f6f6;
    }
    
    .close-tooltip {
        text-decoration: none;
        position: absolute;
        top: 10px;
        right: 10px;
        color: var(--spcolor);
    }
    
    .close-tooltip a {
        color: var(--spcolor) !important;
    }




/* -- footer area start -- */
footer{
    background: transparent radial-gradient(37vmax 15vmax at 2% 0%, #2e2e2e 0%, #333 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.footer-tp {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0px 15px;
    line-height: 50px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
}
img.logo-f {
    max-width: 120px;
    display: inline-block;
    margin-right: 10px;
	margin-top: 10px;
}
a.btn.btn-outline-light:hover svg path {
    stroke: black;
}
.store a img {
    width: 150px;
}
.footer-mdl {
    padding: 30px 0px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
}
footer a {
    text-decoration: none;
    color: #fff;
}
footer a:hover {
    text-decoration:underline;
    color: #fff;
}
ul.f-links li a {
    display: block;
    padding: 5px 0px;
}
.f-md-col:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: hsla(0,0%,100%,.5);
    position: absolute;
    top: 0;
    left: -20px;
}
.f-md-col:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: hsla(0,0%,100%,.5);
    position: absolute;
    top: 0;
    right: 20px;
}
.f-md-col {
    position: relative;
}
.footer-last {
    padding: 30px 0px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
}
.footer-last p{
    font-size: 13px;
}
.footer-soc li a {
    display: inline-block;
    width: 49px;
    height: 39px;
   /* border: 1px solid #fff;*/
    text-align: center;
    line-height: 27px;
}
/*.footer-soc li a:hover {
    text-decoration: none;
    background-color: var(--spcolor);
}*/
footer .btn:hover{
    text-decoration: none;
}
.footer-soc {
    padding: 30px 0px;
}
.rtl .f-md-col:after {
    left: 20px;
}
.rtl .f-md-col:before {
    right: -20px;
}
footer .btn svg {
    vertical-align: middle;
}


@media (max-width:1500px){
    .footer-tp {
        font-size: 16px;
    }
    footer {
        font-size: 14px;
    }
    footer .btn {
        font-size: 14px;
    }

}
@media (max-width:1199px){
    .footer-tp {
        font-size: 14px;
    }
    footer {
        font-size: 14px;
    }
    .store a img {
        width: 100px;
    }
    .footer-last p {
        font-size: 14px;
    }
}
@media (max-width:991px){
    .footer-tp {
        text-align: center;
    }
    .footer-tp .text-right,.footer-soc .text-right {
        text-align: center !important;
    }
    footer .btn {
        display: block;
        max-width: 200px;
        margin: auto;
    }
    .f-md-col:before,.f-md-col:after{
        display: none;
    }
    .footer-soc {
        text-align: center;
    }
    img.logo-f {
        display: block;
        margin: auto;
    }
}

/* -- footer area end -- */






.bravo_wrap .bravo_topbar .content .topbar-left {
    font-size: 15px !important;
    color: #fff;
    font-weight: 500!important;
}


::selection {
    color: white; 
    background: var(--spcolor) !important;
}

::-webkit-selection {
    color: white; 
    background: var(--spcolor) !important;
}

::-moz-selection {
    color: white; 
    background: var(--spcolor) !important;
}

.form-submit {
    background: var(--spcolor) !important;
}


.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content #bravo_car, .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content #bravo_event, .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content #bravo_tour {
    max-width: none !important;
}

.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content #bravo_tour {
    max-width: 100% !important;
}
.bravo_wrap .bravo_topbar .content .topbar-right .topbar-items li a {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.bravo_wrap .bravo_header .content .header-right .topbar-items li a {
    font-size: 16px !important;
    font-weight: 500 !important;

}


.dropdown-notifications .media-object img { 
    background: #f2f5f7 !important;
     var(--spcolor) !important;
}

.bravo-more-menu {
color:var(--spcolor) !important;
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu {
    background: #ffffff;
    top: 46px!important;
    min-width: 400px !important;
	z-index: 9999;
    
}
.bravo_wrap .bravo_header .content .header-right .dropdown-menu li a {
    color: var(--spcolor) !important;
}

.bravo_wrap .bravo_header .content .header-right .dropdown-menu li a:hover {
    color: #333333 !important;
    background: #f2f2f2 !important;
}


.bravo_wrap .bravo-list-hotel .owl-nav .owl-prev {
    border: 0px !important;
    color:#232323 !important;
}
.bravo_wrap .bravo-list-hotel .owl-nav .owl-next{
    border: 0px !important;
    color:#232323 !important;
}

.score-badge-safarplan{
 border-radius: 5.09091px 5.09091px 5.09091px 0;
 background: var(--spcolor);
 color: #ffffff !important;
 width: 28px;
 height: 28px;
 min-width: 28px;
 line-height: 20px;
 font-size: 14px;
 font-weight: 500;
 align-items: center;
 -webkit-box-align: center;
 padding: 7px 7px 7px 7px;
}

.text-price-safarplan {
 font-size: 16px;
 font-weight: 500;
 color:#232323;
}



.bravo_wrap .bravo-list-hotel .item-loop .item-title a {
    color: #232323 !important;
}
.bravo_wrap .bravo-list-hotel .item-loop {
    border:none !important;
}



.bravo_wrap .bravo-list-hotel .item-loop .featured {
    background: #393939 !important;
    font-weight: 700 !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .location {
    font-size: 16px !important;
    color: #686868 !important;
    padding: 0 0px !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .item-title {
    padding: 18px 0px 5px !important;
    font-size: 18px !important;
    color: #333333 !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .info .g-price .price .onsale {
    font-size: 18px !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .service-review {
    padding: 10px 0px 0 !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .info {
    padding: 0 0px 0 !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .info .g-price .price .text-price {
    color: #333333 !important;
}



.bravo_wrap .bravo-list-hotel .item-loop .info .g-price .prefix {
    color: #232323 !important;
}

.bravo_wrap .bravo-list-hotel .item-loop .thumb-image .service-wishlist {
    position: absolute !important;
    right: 5px !important;
    z-index: 10 !important;
    top: 4px !important;
    color: #fff !important;
    padding: 7px !important;
    cursor: pointer !important;
    stroke: #fff !important;
    fill: #777775 !important;
    stroke-width: 11px !important;
   
}














.email-input {
    border-radius: 3px;
    border: 1px solid #e0e2e5;
    padding: 0 10px;
    color: #060626;
    background-color: #fff;
    height: 45px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 5%);
    width: 267px;
	font-size: 16px;

}
.topbar-right ul li a.cta {
            padding: 3px 9px;

        }
        
        .topbar-right ul li a.cta:hover {
            background-color: #79aa44;

        }
        
        
        

        
.bravo_wrap .bravo_header .content .header-right {
        margin-left: auto;
        }
        
.bravo_wrap .page-template-content .bravo-featured-item .featured-item .content .title {
    font-family: 'Dosis', sans-serif; 
    font-size: 20px;
    color:#232323;
    
}

.bravo_wrap .page-template-content .bravo-call-to-action .context {
 background: #f3b13e !important;
}
.h1-safarplan{font-size: 16px; color: #ffffff; font-family: 'Dosis', sans-serif;    }
.c-txt-or {
    top:5px;
    color: #f6c97b;
    font-weight:600;
}

.color-safarplan {color: var(--spcolor)}
.gray-safarplan {color: #838383 !important;}
.yellow-safarplan {color: #ff6600 !important;}
.yellow-h1-safarplan {color: #ffcf3f !important;}



.btn-search {
    background-color: #ff6600 !important;
    border-radius:0px !important;
    font-weight:600 !important;
    min-height: 100% !important;
    font-size: 18px !important;
    line-height: 28px;
    font-weight: 500;
    
}


.bravo_wrap .bravo-list-hotel .item-loop {
    overflow: hidden !important;
    padding-bottom: 20px !important;
    position: relative !important;
    margin-bottom: 30px !important;
  
}



.bravo_wrap .bravo-list-hotel .title {
    padding: 10px 0 30px 0 !important;
    font-size: 28px !important;
    text-align: center !important;
    color:#232323 !important;
    font-weight: 600 !important;
}
.s0_header { fill: #68a036 }
.bravo_wrap .bravo_search_tour .bravo_banner h1 {
    color:#f2f2f2 !important;
}

.bravo_wrap .bravo_search_tour .bravo_banner {
    background-color: #f2f5f7 !important;
	font-size: 28px !important;
	color:#f2f2f2 !important;
    padding: 10px 0 30px 0 !important;
}

.bravo_wrap .page-template-content .bravo-list-locations .title {
    padding: 20px 0 5px 0 !important;
    font-size: 28px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.bravo_wrap .bravo_search_hotel .bravo_banner {
    background-color: #f2f5f7;
    padding: 18px 0;
    position: relative;
}

.bravo_wrap .bravo-list-item .topbar-search .control-safarplan {
    flex: 1 1 55%;
    color: #1A2B48;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
}

.bravo_wrap .page-template-content .bravo-list-news .title {
    font-size: 28px !important;
    text-align: center !important;
    color:#232323 !important;
    font-weight: 600 !important;
    margin-top: 20px !important;

}






.bravo_wrap .bravo-list-hotel .item-loop .list-star .booking-item-rating-stars li .fa {
    color: #ff6600 !important;
}













.footer-left-logo img {
    
    width: 260px !important;

}
.field-icon{color:#a8a8a8 !important;}
.select-guests-dropdown {font-family: 'Dosis', sans-serif !important; font-weight:400 !important;font-size:16px !important;}
.render{font-family: 'Dosis', sans-serif !important; font-weight:400 !important;font-size:16px !important;}
.smart-search-location  {font-family: 'Dosis', sans-serif !important; font-weight:400 !important;font-size:17px !important;}

.hot-label {
    position: absolute;
    background-color: #c60e0e !important;
    top: 10px;
    background-image: none !important;
    color: #fff !important;
    -webkit-background-clip: border-box !important;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 2px;
    z-index: 9;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

.hot-label:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    left: 57%;
    transform: translateY(-50%) skew(-55deg) rotate(45deg);
    -webkit-transform: translateY(-50%) skew(-55deg) rotate(45deg);
    -o-transform: translateY(-50%) skew(-55deg) rotate(45deg);
    -ms-transform: translateY(-50%) skew(-55deg) rotate(45deg);
    -moz-transform: translateY(-50%) skew(-55deg) rotate(45deg);
    bottom: -8px;
    background-color: #c60e0e;
}

.hot-label {
    top: -20px;
    right: 14%;
    font-size: 14px;
    font-weight: 500 !important;
    text-transform: none;
}



.bravo_wrap .page-template-content .bravo-featured-item.style5 {
    background-color: #f9f9f9 !important;
    padding: 0 0 50px !important;
}


.bravo_wrap .page-template-content .bravo-list-news .title {
   font-family: 'Dosis', sans-serif !important;
   color:#232323 !important;
   font-weight:600 !important;

}

.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-title a {
    color: #232323 !important;
    font-family: 'Dosis', sans-serif !important;
    font-weight:600 !important;
}

.text-box-center{
    text-align: center;
}
.text-box-center .text-box h1 {
    background-color: var(--spcolor);
    text-transform: uppercase;
    transform: rotate(-1deg);
    font-weight: 700;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    z-index: 2;
    font-size: 26px;
    margin: 4px 0;
    padding: 5px 20px;
    display: block;
    position: relative;
    color: #fff;
}



.lookingfor {
   font-style: normal;
}

@media (max-width: 668px){
    
.text-box-center .text-box h1 {
    font-size: 16px !important;
}
.text-box-center .text-box h2 {
    font-size: 14px !important;

}
.btn-search {
    font-size: 14px !important;
}
.lookingfor {
   display:none;
}
.bravo_wrap .page-template-content .bravo-featured-item {
     display:none;
}

.tired-specials{
    display :none;
}

.footer-mdl {
  display :none;  
}
.footer-last {
  display :none;  
}




}








 .text-box-center .text-box h2 {
    background: transparent linear-gradient(91deg, #333 40%, #292929 100%) 0% 0% no-repeat padding-box;
    font-weight: 500;
    transform: translateY(-8px);
    z-index: 1;
    font-size: 24px;
    margin: 4px 0;
    padding: 5px 20px;
    display: inline-block;
    position: relative;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

.why_safarplan {
    padding: 0 !important;
    font-size: 28px !important;
    text-align: center !important;
    color: #232323 !important;
    font-weight: 600 !important;
}

.bravo_wrap .page-template-content .bravo-call-to-action.style_2 .context .title {
    font-family: 'Dosis', sans-serif !important;
}



.daterangepicker .drp-calendar .calendar-table thead .month {
    color: var(--spcolor) !important;
    font-family: 'Dosis', sans-serif !important;
    position: relative;
    font-weight:500 !important;
    font-size: 18px !important;
}


.voi-sl-link {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    opacity: 0;
    z-index: 99999;
}

.voi-sl-link a {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #FF0E51;
    border-radius: 5px;
    padding: 12px 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    white-space: nowrap;
}

.voi-sl-link a:hover {
    opacity: .7;
}
/*************** autocomplete****************/



 .bravo-autocomplete {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e2e5;
    display: none;
}
.bravo-autocomplete .item {
    font-size: 16px;
    color: #686868;
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #f2f4f7;
    cursor: pointer;
}

.bravo-autocomlete .item:hover {
    background-color: #f2f4f7;
}

.bravo-autocomplete .item:hover {
    background-color: #f2f4f7;
}

 .child_id{
    background-color: #f2f4f7;
}


 .banner-inner-form .form-group span.h-line {
    display: inline-block;
    width: auto;
    font-weight: bold;
    position: relative;
    background: none;
    padding: 0;
    height: auto;

}
 .message.show {
    
    display: block;

}

 .message {
    padding: 10px 20px;
    color: green;
    display: none;
}




.bravo-autocomplete.show {
    display: block;
}






/* style Alert corona */ 
.alertMsgInfo {
	padding: 12px;
	background-color: #888;
	color:#fff;
	text-align: center;
	position: relative;
}
.alertMsgInfo p {
	font-size:14px;
	line-height: 21px;
	margin: 0;
}
.alertMsgInfo a, .alertMsgInfo a:hover, .alertMsgInfo a:focus {
	color:#fff;
}
.alertMsgInfo a {
	text-decoration: underline;
}
.alertMsgInfo a:hover, .alertMsgInfo a:focus {
	text-decoration: none;
}


/* Login bienvenue */ 
  
    
    .header-wrapper {
        text-align: right;
    }
    
    .header-wrapper .tooltip-holder {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-tooltip {
    right: 0;
    z-index: 10;
    padding: 8px 38px 1px 21px;
    width: max-content;
    display: flex;
    font-size: 16px;
    position: absolute;
    font-weight: 500;
	box-shadow: 18px 16px 15px rgb(0 0 0 / 6%), 0 3px 15px rgb(0 0 0 / 16%);
    border: 0px solid rgb(230, 230, 230);
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 4px;
   animation: safaraccount 2.5s ease infinite normal none running;
}   
/* Keyframes */
@keyframes safaraccount {
  0%   {top: 35px;}
  50%  {top: 45px;}
  100% {top: 35px;}
}






    .body-inner-tooltip {
        padding: 0px;
    }
    
    .dropdown-tooltip:after {
        bottom: 100%;
        right: 30px;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-right: 0px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #fff;
    }
    
    .dropdown-tooltip p {
        margin: 0 0 8px;
    }
    
    .cta-signin {
        color: #fff;
        font-size: 13px;
        background-color: var(--spcolor);
        display: inline-block;
        padding: 5px 10px;
        text-decoration: none;
    }
    
    .tooltip-footer-search {
        padding: 10px 20px;
        background-color: #f6f6f6;
    }
    
    .close-tooltip {
        text-decoration: none;
        color:var(--spcolor);
        position: absolute;
        top: 5px;
        right: 10px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.bravo_wrap .page-template-content .bravo-list-locations.style_4 .list-item .destination-item .content .title {
color:#fff !important;
font-size: 20px !important;
font-weight: 600 !important;
}
    

       
.bravo_wrap .page-template-content .bravo-list-locations.style_4 .list-item .destination-item .content .title:after {
    background: var(--spcolor) !important;
}     
    
    
.bravo_wrap .page-template-content .bravo-list-locations.style_4 .list-item .destination-item {
    border-radius: 10px 10px 10px 0 !important;
}    
    
    
    
    
    
    
    
    
    
    
    
    
    

/*************** BANNER CSS SEC****************/

.banner-sec {
/*    background: url(../images/bg.png) repeat center;
    padding: 115px 0 20px;
    background-color: #e5e5e5;*/
    position: relative;
}

.banner-sec:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

 

.banner-inner {
    position: relative;
    z-index: 2;
}

.text-box {
    text-align: center;
    display: inline-block;
}

.text-box h2 a {
    text-transform: uppercase;
    z-index: 2;
    font-size: 34px;
    line-height: 34px;
    margin: 4px 0;
    display: inline-block;
    position: relative;
    color: #333333;
    font-weight: 700;
}

.text-box h3 a {
    font-weight: 500;
    z-index: 1;
    font-size: 48px;
    display: inline-block;
    position: relative;
    color: #d8d7d7;
    font-family: 'Vampiro One', cursive;
}

.custom-tabs {
    /*justify-content: space-between;*/
    text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
    margin-top: 32px;
    flex-wrap: nowrap;
    margin-top: 32px;
    margin-left: -20px;
    margin-right: -20px;
}

.custom-tabs .nav-item {
    width: 100%;
    text-align: center;
    padding: 0 20px;
}

.custom-tabs .nav-item .nav-link {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 0;
    padding: 7px 10px;
    background-color: #333;
    color: #fff;
    position: relative;
}

.custom-tabs .nav-item .nav-link:after {
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 0 25px;
    right: -25px;
}

.custom-tabs .nav-item .nav-link.active:after {
    border-color: transparent transparent transparent #fff !important;
}

.custom-tabs .nav-item .nav-link.active:before {
    border-color: transparent transparent #fff transparent !important;
}

.custom-tabs .nav-item:first-child .nav-link:after {
    border-color: transparent transparent transparent #333;
}

.custom-tabs .nav-item:first-child .nav-link:before {
    display: none;
}

.custom-tabs .nav-item .nav-link:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    transition: all ease .3s;
}

.custom-tabs .nav-item .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    transition: all ease .3s;
}

.custom-tabs .nav-item .nav-link.unactive-dark:before {
    border-color: transparent transparent #333 transparent;
    border-width: 0 0 40px 25px;
    left: -25px;
}

.custom-tabs .nav-item .nav-link.unactive-dark:after {
    border-color: transparent transparent transparent #333;
    border-width: 40px 0 0 25px;
    right: -25px;
}


.custom-tabs .nav-item .nav-link.unactive-gray:before {
    border-color: transparent transparent #686868 transparent;
    border-width: 0 0 40px 25px;
    left: -25px;
    
}

.custom-tabs .nav-item .nav-link.unactive-gray:after {
    border-color: transparent transparent transparent #686868;
    border-width: 40px 0 0 25px;
    right: -25px;
}

.custom-tabs .nav-item .nav-link.unactive-gray {
    background-color: #686868;
}

.custom-tabs .nav-item .nav-link.unactive-light {
    background-color: #53a318;
}



.custom-tabs .nav-item .nav-link.unactive-light:after {
    display: none;
}

.custom-tabs .nav-item .nav-link.unactive-light:before {
    border-color: transparent transparent #53a318 transparent;
    border-width: 0 0 40px 25px;
    left: -25px;
}

.custom-tabs .nav-item .nav-link.active {
    background-color: #fff;
    color: #333;
}

.custom-tabs .nav-item .nav-link.active span,
.custom-tabs .nav-item .nav-link.active i {
    color: var(--spcolor);

}

.custom-tabs .nav-item .nav-link i {
    margin-right: 12px;
    font-size: 28px;

}

.custom-tabs .nav-item .nav-link span {
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
}

.custom-tabs .nav-item .nav-link .fa-plane {
    transform: rotate(-60deg);
}

.banner-inner-detail {
    background-color: #fff;
    padding: 20px 20px 25px;
}

.bravo_wrap .bravo_search_hotel .bravo_form_search {
    margin-bottom: 20px !important;
}

.banner-search-top p {
    font-size: 19px;
    color: #333;
}

.dropdown-menu.radio .dropdown-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.dropdown-menu.radio input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.banner-search-top {
    display: flex;
    align-items: center;
	margin-bottom: 13px;
	margin-left: -8px;
}

.banner-search-top .dropdown .btn {
    color: #fff;
    border: 1px solid var(--spcolor);
    background-color: var(--spcolor);
    padding: 3px 40px 3px 10px;
    font-weight: 600;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    font-size: 14px;
    text-decoration: none;
    margin: 0 6px;
    position: relative;
}

.banner-search-top .dropdown .btn:after {
    background: url(https://www.safarplan.com/images/down-button.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    right: 12px;
    width: 13px;
    height: 13px;
}

.banner-search-top .dropdown .btn ins {
    text-decoration: none;
}

.banner-search-top .dropdown-menu {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
    /*width: 300px;*/
    padding: 0;
   /* min-width: 300px;*/
}

.banner-search-top .dropdown-menu .heading {
    border-bottom: 1px solid var(--spcolor);
    padding: 13px 19px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner-search-top .dropdown-menu h4 {
    color: var(--spcolor);
    font-size: 16px;
	font-weight: 600;
}

.banner-search-top .dropdown-menu a {
    color: #64686c;
    font-size: 22px;
    margin-top: -14px;
}

.banner-search-top .dropdown-menu .dropdown-item {
    padding: 10px 20px;
    font-size: 14px;
    color: #64686c;
    margin: 0;
    position: relative;
}

.banner-search-top .dropdown-menu .dropdown-item:after {
    position: absolute;
    content: "\2713";
    left: 4px;
    top: 50%;
    color: var(--spcolor);
    font-size: 0;
    transition: all ease .3s;
    transform: translate(0, -50%);
}

.banner-search-top .dropdown-menu .dropdown-item.active {
    background-color: #f2f4f7
}

.banner-search-top .dropdown-menu .dropdown-item.active:after {
    font-size: 16px;
}

.banner-search-top .dropdown-menu .dropdown-item:hover {
    background-color: #f2f4f7
}

.banner-search-top .dropdown-menu .dropdown-item:hover:after {
    font-size: 16px;
    transition: all ease .3s;
}

.banner-inner-form .form-group {
    position: relative;
    margin: 0;
}

.banner-inner-form form {
    display: flex;
    flex-wrap: wrap;
    /*margin: 14px -7px 0;*/
}

.banner-inner-form fieldset {
    width: 26%;
    padding: 0 7px;
}

.banner-inner-form fieldset.fieldset-form {
    position: relative;
    z-index: 10;
}

.banner-inner-form fieldset:nth-child(2) {
    width: 25%;
}


.form-control {
    color: #686868 !important;
}
.banner-inner-form .form-group .form-control {
    border-radius: 3px 3px 0 0;
    top: 1px;
    position: relative;
    border-color: #e0e2e5;
    padding: 13px 0 0 87px;
    height: 48px;
    color: #686868;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
    font-size: 16px;
}

.banner-inner-form .form-group .form-control:focus~span {
    background-color: var(--spcolor);
    color: #fff;
}

.banner-inner-form .form-group span {
    /* border-radius: 3px 0 0 0; */
    top: 2px;
    position: absolute;
    left: 1px;
    width: 80px;
    height: 46px;
    background: #f2f4f7;
    padding: 0 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #333;
    font-size: 16px;
	font-weight: 500 !important;
}



.banner-inner-form .form-group p {
    color: #64686c;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    right: 10px;
    z-index: 1;
}

.banner-inner-form fieldset.quantity-div {
    width: 28%;
    position: relative;
}

/*.bravo_wrap .select-guests-dropdown {
   
    max-width: 282px !important;
    margin-top: -1px !important;
    margin-left: 7px !important;
    right: -1px !important;
    border-color: #dee2e6 !important;
}*/
.banner-inner-form fieldset.quantity-div label.passager-label {
    background: #f2f4f7;
    border: 1px solid #E0E5EB;
    padding-left: 5px;
    height: 48px;
    border-radius: 3px 3px 0 0;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
	margin-left: -7px;
    color: #333;
    font-size: 16px;
	font-weight: 500 !important;
		
}

.banner-inner-form fieldset.quantity-div .quantity-close {
    position: absolute;
    bottom: 11px;
    right: 14px;
    color: #888888;
    font-size: 24px;
}

.bravo_wrap .bravo_form .dropdown-toggle:after {
    display: none !important;
}

.banner-inner-form fieldset.quantity-div .form-control {
    padding: 60px 6px 6px;
    height: 96px;
    border-radius: 3px;
    cursor: inherit;
    text-align: left;
}

.banner-inner-form fieldset.quantity-div .form-control:focus {
    border-color: var(--spcolor);
}

.banner-inner-form fieldset.quantity-div .form-control:focus~label.passager-label {
    background-color: var(--spcolor);
    color: #fff;
}

.banner-inner-form fieldset.search-btn {
    width: 19%;
    position: static;
}

.search-btn a.search-default-btn {
    height: 95px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #ff6600;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 3px;
}

.passengers {
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
    background-color: #fff;
    width: 300px;
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 20px);
}

.passengers:after {
    content: '';
    position: absolute;
    top: -5px;
    width: 20px;
    height: 20px;
    background: #fff;
    left: 50%;
    margin-left: -14px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
    border: 1px solid #e0e2e5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.passengers-inner {
    position: relative;
    background-color: #fff;
}

.passengers-box {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
}

.passengers-box:hover {
    background-color: #f2f4f7;
}

.passengers-box .input-group {
    max-width: 100px;
    width: 100%;
}

.passengers-box label {
    color: #64686c;
    font-size: 16px;
    margin-left: 5px;
}

.passengers-box .input-group .input-group-addon {
    color: #64686c;
    font-size: 25px;
}

.passengers-box .input-group .form-control {
    font-size: 25px;
    width: 100% !important;
    margin: 0;
    border: none;
    border-radius: 0 !important;
    height: 32px !important;
    padding: 0 0px 0px 10px !important;
    text-align: center !important;
    background-color: transparent !important;
    max-width: 41px !important;
}

.passengers-inner .heading {
    border-bottom: 1px solid var(--spcolor);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.passengers-inner .heading {
    color: var(--spcolor);
    font-size: 18px;
}

.passengers-inner .heading .close-passengers {
    color: #64686c;
    font-size: 26px;
}

.passenger-btn {
    padding: 10px;
    border-top: 1px solid #e6e8ea;
}

.select.passenger {
    background-color: var(--spcolor);
    width: 100%;
    height: 45px;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.banner-inner-form fieldset.celender-div {
    width: 100%;
}

.celender-first {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
    margin-top: -4px;
}

.celender-first .timer {
    height: 48px;
    width: calc(100% - 230px);
    border: 1px solid #e0e2e5;
    margin: 3px 0 0 -1px;
    position: relative;
}

.celender-first .timer:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 1px;
    height: 85%;
    transform: translate(0, -50%);
    background-color: #e0e2e5;
}

.celender-first .timer span {
    font-size: 16px;
    padding: 10px;
    color: #060626;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

ins {
    text-decoration: none;
}

.celender-first .timer .dropdown-menu {
    background: #fff;
    min-width: 245px;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    padding: 0;
    left: auto !important;
    transform: translate3d(0, 58px, 0px) !important;
    right: 0;
}

.celender-first .timer .dropdown-menu:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #cccccc transparent;
    top: -10px;
    left: auto;
    right: 30px;
}

.celender-first .timer .dropdown-menu:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    top: -8px;
    left: auto;
    right: 30px;
    z-index: 9002;
}

.celender-first .timer .dropdown-menu .heading {
    border-bottom: 1px solid #FE5101;
    padding: 12px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.celender-first .timer .dropdown-menu .heading h4 {
    color: #FE5101;
    font-size: 18.24px;
}

.celender-first .timer .dropdown-menu .heading a {
    color: #c5cad1;
    font-size: 26px;
}

.celender-first .timer .dropdown-menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -2px;
    height: 200px;
    overflow-y: auto;
    padding: 10px 10px;
}

.celender-first .timer .dropdown-menu ul li {
    width: 25%;
    padding: 5px 2px;
}

.celender-first .timer .dropdown-menu ul li label {
    padding: 0;
    background: #fff;
    border: 1px solid #888;
    padding: 3px 6px;
    border-radius: 2px;
    margin: 0;
}

.celender-first .timer .dropdown-menu ul li label.dropdown-item.active,
.celender-first .timer .dropdown-menu ul li label:hover {
    background-color: var(--spcolor);
    border-color: var(--spcolor);
}

.celender-first .timer .dropdown-menu ul li label.dropdown-item.active span,
.celender-first .timer .dropdown-menu ul li label:hover span {
    color: #fff;
}

.celender-first .timer .dropdown-menu ul li label span {
    color: #888;
    font-size: 16px;
    padding: 0;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.banner-inner-form .celender-first .form-group .form-control {
    border-right: none;
    box-shadow: none;
}

.banner-inner-form .celender-first .form-group {
    width: 230px;
}
/*************** BANNER INNER SECOND TAB CSS****************/

.banner-search-top a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: var(--spcolor);
    margin-left: 10px;
}

.banner-search-top a:hover {
    text-decoration: underline;
}

.banner-search-top form.active {
    display: flex;
}

.banner-search-top form {
    align-items: center;
    display: none;
    margin-left: 20px;
}

.banner-search-top form label {
    font-size: 12px;
    white-space: nowrap;
    color: var(--spcolor);
    margin: 0;
}

.banner-search-top form .form-control {
    width: 130px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #e0e5eb;
    margin: 0 0 0px 10px;
    padding: 0 10px;
    outline: 0;
    color: #060626;
    font-size: 14px;
    text-align: left;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.banner-search-top form .form-control:focus {
    border-color: var(--spcolor);
    box-shadow: none;
}

.banner-inner-second-tab .banner-inner-form .fieldset-form .form-group .form-control:focus {
    border-color: var(--spcolor);
}

.banner-inner-second-tab .banner-inner-form .fieldset-form .form-group .form-control:focus~label {
    background-color: var(--spcolor);
    color: #fff;
    border-color: var(--spcolor);
}

.banner-inner-second-tab .banner-inner-form .fieldset-form .form-group .form-control {
    padding: 50px 6px 6px;
    height: 96px;
    border-radius: 3px;
}

.banner-inner-second-tab .banner-inner-form .form-group label {
    color: #333;
    background: #f2f5f7;
    border: 1px solid #E0E5EB;
    padding-left: 5px;
    height: 48px;
    border-radius: 3px 3px 0 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
	font-weight: 500 !important;
}

.banner-inner-second-tab .banner-inner-form .fieldset-form a {
    font-size: 16px;
    color: var(--spcolor);
    display: flex;
    align-items: center;
    padding: 10px;
}

.banner-inner-second-tab .banner-inner-form .fieldset-form a i {
    color: #64686c;
    ;
    margin-right: 10px;
}

.banner-inner-second-tab .banner-inner-form .fieldset-celender p {
    font-size: 20px;
    color: #888;
    font-weight: bold;
    text-align: right;
    margin-top: 0px;
}

.add-search {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #888;
    font-weight: 400;
    justify-content: flex-end;
    margin-top: 15px;
	margin-right: 2px;
}

.minus-search {
    display: none;
}

.banner-inner-form fieldset.search-btn.active .add-search.minus-search {
    display: flex;
}

.banner-inner-form fieldset.search-btn.active .add-search {
    display: none;
}

.add-search img {
    max-width: 16px;
    margin-right: 10px
}

.add-search:hover {
    color: var(--spcolor);
}

.more-options-detail {
    margin: 22px 0 0 0;
}

.more-options-detail .title {
    color: #888;
    font-size: 16px;
}

.more-options-detail .title i {
    color: var(--spcolor);
    margin-right: 10px;
    font-size: 25px;
}

.more-option-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.more-option-list ul li {
    width: 33.3%;
    margin-bottom: 6px;
}

.more-option-list ul li .check {
    color: #888;
    font-weight: 500;
}
/*************** BANNER INNER THIRD TAB CSS****************/

.banner-inner-thrd-tab form {
    display: block;
}

.banner-inner-thrd-tab .banner-inner-form fieldset.fieldset-form {
    width: 100%;
}

.banner-inner-thrd-tab .banner-inner-form fieldset.quantity-div {
    width: 100%;
}

.banner-inner-thrd-tab .banner-inner-form fieldset.search-btn {
    width: 100%;
}

 
/***************** DATE PICKER *******/
.date-picker-wrapper {
    border: none;
    background-color: #fff;
    padding: 0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
    width: 600px;
    z-index: 10;
    left: 50% !important;
    transform: translate(-50%, 0);
}

.apply-btn {
    display: none;
}

.date-picker-wrapper .drp_top-bar {
    padding: 16px 0 14px 7px;
    border-bottom: 1px solid var(--spcolor);
}

.drp_top-bar .default-top {
    font-size: 18.24px;
    color: var(--spcolor);
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: block !important;
}

.date-picker-wrapper b,
.selection-top,
.separator-day,
.selected-days,
.gap-lines,
.gap {
    display: none !important;
}

.date-picker-wrapper .month-wrapper {
    border: none;
    padding: 0;
    width: 100% !important;
}

.date-picker-wrapper .month-wrapper table {
    width: 48%;
    float: left;
    padding: 0 10px;
}

.date-picker-wrapper .month-wrapper table.month2 {
    width: 48%;
    float: right;
}

.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {
    color: var(--spcolor);
    font-size: 16px;
    font-weight: normal;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    height: 35px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid transparent;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: transparent;
    border-color: var(--spcolor) !important;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: var(--spcolor) !important;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    background-color: var(--spcolor) !important;
    color: #fff!important;
}

.date-picker-wrapper .month-wrapper {
    padding: 0 20px;
    width: 100% !important;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: var(--spcolor) !important;
    color: #fff !important;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: transparent !important;
    color: var(--spcolor) !important;
    border-color: var(--spcolor) !important;
}

.date-picker-wrapper .month-wrapper table th {
    height: 55px !important;
}

.month-element {
    color: #333 !important;
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

.irs-slider.type_last {
    z-index: 2;
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0.0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.irs {
    height: 55px;
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 10px;
    top: 33px;
    background: #EEE;
    background: #f1f1f1;
    border: none;
    border-radius: 16px;
    -moz-border-radius: 16px;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 8px;
}

.irs-line-right {
    height: 8px;
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid var(--spcolor);
    border-bottom: 1px solid var(--spcolor);
    background: var(--spcolor);
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid var(--spcolor);
    border-right: 0;
    background: var(--spcolor);
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 29px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--spcolor);
    background: #fff;
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.irs-slider.state_hover,
.irs-slider:hover {
    background: #FFF;
}

.irs-min,
.irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from,
.irs-to,
.irs-single {
    color: var(--spcolor);
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #999;
}

.irs-min,
.irs-max {
    display: none;
}




/******* AUTOCOMPELET SEARCH STYLE *******/

.ui-autocomplete {
    border-radius: 3px;
    border: 1px solid #e0e2e5;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    background-color: #fff;
    width: 100% !important;
    max-width: 675px;
}

.ui-autocomplete li .ui-menu-item-wrapper {
    font-size: 16px;
    color: #888;
    border-top: 1px solid #F2F4F7;
    padding: 10px 20px;
    cursor: pointer;
}

.ui-autocomplete li .ui-menu-item-wrapper:hover {
    font-weight: 500;
    color: #888;
    background-color: #f2f4f7;
}

.ui-autocomplete li .ui-menu-item-wrapper.ui-state-active {
    font-weight: 500;
    color: #888;
    background-color: transparent;
    border-color: #F2F4F7;
    background-color: #f2f4f7;
    margin: 0;
}

.ui-autocomplete li.ui-autocomplete-category {
    background-color: #f2f4f7;
    padding: 10px;
    font-weight: 700;
    cursor: default;
    font-size: 16px;
    color: var(--spcolor);
}

.last-search {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: right;
    padding: 6px 40px;
    margin: 10px 0 0 0;
}

.last-search .consulte-search {
    font-size: 16px;
    color: var(--spcolor);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.last-search .consulte-search i {
    font-size: 22px;
    margin-right: 5px;
}

.last-search ul li a {
    color: #333;
    font-size: 16px;
    padding: 5px 0;
    display: inline-block;
    border-bottom: 2px solid transparent;
    display: block;
}

.last-search ul li a:hover {
    border-color: var(--spcolor);
}

.right-registra {
    margin-left: auto;
    margin-left: 30px;
    display: inline-block;
}

.right-registra-sec {
    margin-left: auto;
}

.right-registra p img {
    width: 20px;
    margin-right: 10px;
}

.right-registra p a {
    transform: skew(-17deg);
    -webkit-transform: skew(-17deg);
    -o-transform: skew(-17deg);
    -ms-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    background: #f6b10e;
    padding: 11px 22px;
    color: #fff;
    font-size: 16px;
    display: block;
    position: relative;
}

.right-registra-sec.right-registra p a {
    position: relative;
    background: var(--spcolor);
    padding: 10px 45px;
}

.right-registra p a span {
    transform: skew(17deg);
    -webkit-transform: skew(17deg);
    -o-transform: skew(17deg);
    -ms-transform: skew(17deg);
    -moz-transform: skew(17deg);
    display: inline-block;
}

.right-registra p a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 0px solid #008dd2;
    top: 2px;
    left: 2px;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    z-index: -1;
    transform: skew(0deg);
}

.right-registra-sec.right-registra p a:after {
    border: 2px solid var(--spcolor);
}

.right-registra p a:hover:after {
    top: 0px;
    left: 0px;
}

.cta-green {
    background-color: var(--spcolor);
    color: #fff;
    border: 1px solid var(--spcolor)
}

.cta-green:hover,
.cta-green:focus {
    background-color: #348700;
    color: #fff;
    box-shadow: none;
}

.right_links .cta-green {
    width: 100%;
    padding: 10px;
}

img.divider {
    margin-bottom: 10px;
}





.custom-tabs .nav-item:last-child .nav-link:after {
    display: none;
}

/******* RESPONSIVE ******/

@media screen and (min-width: 992px) {
    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .bottom-header .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    /* makes the dropdown full width  */
    .bottom-header .navbar .dropdown {
        position: static;
    }
    .bottom-header .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
        margin: 0 0;
        border-radius: 0;
        border: 1px solid #fff
    }
    /* shows the dropdown menu on hover */
    .bottom-header .navbar .dropdown:hover .dropdown-menu,
    .bottom-header .navbar .dropdown .dropdown-menu:hover {
        margin: 0;
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }
    header .right_links .dropdown>.dropdown-menu {
        top: 200%;
        transition: 0.3s all ease-in-out;
    }
    header .right_links .dropdown:hover>.dropdown-menu {
        display: block;
        top: 100%;
    }
    header .right_links .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
}

@media(max-width:1440px) {
    .header-menu {
        left: calc((100% - 1172px)/ 2)!important;
        top: 80px;
        width: 300px!important;
        z-index: 10;
    }
    .header-menu:after {
        top: -8px;
        left: 35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(-45deg);
    }
}

@media(max-width:1199px) {
    .sub-menu {
        left: auto;
        transform: translate(0, 0);
        right: 0;
    }
    .sub-menu ul:after {
        right: 30px;
        left: auto;
    }
    .custom-tabs .nav-item .nav-link.unactive-light:before,
    banner-inner .nav .nav-item .nav-link.unactive-dark:before,
    .custom-tabs .nav-item .nav-link.unactive-dark:before {
        left: -24px;
    }
    .custom-tabs .nav-item .nav-link.unactive-dark:after,
    .custom-tabs .nav-item .nav-link:after {
        right: -24px;
    }
    .header-menu {
        left: calc((100% - 972px)/ 2)!important;
    }
    .banner-inner-form .celender-first .form-group {
        width: 200px;
    }
    .celender-first .timer {
        width: calc(100% - 200px);
    }
    .banner-inner-thrd-tab .banner-inner-form fieldset.fieldset-form {
        margin-bottom: 20px;
    }
    .listing-tabs li a {
        padding: 5px 10px;
    }
    .btn.btn-default {
        font-size: 14px;
    }
    .sidebar-card label.check {
        padding-left: 20px;
    }
    .banner-inner-second-tab .banner-inner-form .fieldset-form a {
        font-size: 14px;
    }
}

@media(max-width:991px) {
    .header-menu {
        left: calc((100% - 752px)/ 2)!important;
    }
    .header-lang {
        padding-left: 10px;
    }
    .header-socail {
        padding-right: 5px;
    }
    .header-socail ul li {
        margin: 0 1px;
    }
    .banner-inner .text-box h2 a {
        font-size: 28px;
    }
    .banner-inner .text-box h3 a {
        font-size: 30px;
    }
    .custom-tabs .nav-item .nav-link {
        font-size: 14px;
    }
    .banner-inner-form fieldset {
        width: 60%;
        padding: 0 7px;
    }
    .banner-inner-form fieldset:nth-child(2) {
        width: 40%;
    }
    .banner-inner-form fieldset.quantity-div {
        width: 60%;
        margin-top: 15px;
    }
    .banner-inner-form fieldset.search-btn {
        width: 40%;
        margin-top: 15px;
    }
    .advantage-take {
        max-width: 200px;
        padding: 10px 6px;
    }
    .advantage-take h4 {
        font-size: 14px;
    }
    .advantage-take p {
        font-size: 12px;
    }
    .advantage-profit h3 {
        font-size: 24px;
    }
    .advantage-profit h3 span {
        font-size: 12px;
    }
    .advantage-profit a {
        padding: 5px;
        width: 102px;
        height: 50px;
        font-size: 14px;
    }
    .tab-nav a .image-holder {
        width: 90px;
        height: 90px;
    }
    .tab-nav a .image-holder img {
        height: 50px;
    }
    .bring-more-box {
        padding: 10px;
    }
    .bring-more-box .bring-text p {
        padding: 10px 0;
        font-weight: 600;
        font-size: 14px;
    }
    .bring-more-box .bring-btn a {
        font-size: 14px;
    }
   
    .well-fame-box {
        padding: 35px 10px;
    }
    .well-fame-box .text-box p {
        font-size: 14px;
    }
    .aboutus-box .text-box {
        padding: 20px 10px;
    }
    .aboutus-box .text-box p {
        font-size: 14px;
    }
    .footer-link ul {
        flex-wrap: wrap;
    }
    .footer-link ul li {
        margin-bottom: 10px;
    }
    .footer-link ul li a {
        font-size: 18px;
    }
    .footer-logo li {
        padding: 10px;
    }
    .footer-inner p br {
        display: none;
    }
    .bottom-header .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }
    /****************************/
    .navbar-toggler {
        margin-left: auto;
        color: #333;
        padding: 0;
    }
    .bottom-header .navbar-nav {
        justify-content: flex-start;
    }
    .bottom-header .navbar-nav .nav-item .nav-link {
        display: flex;
        text-align: left;
        align-items: center;
    }
    .bottom-header .navbar-nav .nav-item .nav-link,
    .bottom-header .navbar-nav .nav-item .nav-link:hover {
        border-bottom: 1px solid #eee;
    }
    .bottom-header .navbar-nav .nav-item .nav-link.nav_toggle:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-left: auto;
        font-size: 12px;
        color: #54a319;
    }
    .bottom-header .navbar-nav .nav-item .nav-link.nav_toggle[aria-expanded="false"]:after {
        content: "\f067";
    }
    .bottom-header .navbar-nav .nav-item .nav-link.nav_toggle[aria-expanded="true"]:after {
        content: "\f068";
    }
    .bottom-header .navbar-nav .nav-item .nav-link span small {
        position: relative;
        top: 0;
        right: 0;
        margin-left: 8px;
    }
    .bottom-header .navbar-nav .nav-item .nav-link span small:after {
        left: -16px;
        bottom: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: var(--spcolor);
        border-width: 0px 8px 8px 8px;
        top: 3px;
    }
    .tired-specials .heading a img {
        margin-right: 10px;
    }
    .tired-specials .heading p {
        font-size: 16px;
    }
    .promo-box {
        font-size: 18px;
        max-width: 200px;
        padding: 8px 20px;
    }
    .header-result .right-content-header .right-top {
        min-width: 256px;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }
    .header-result .right-content-header .right-top .advisor-logo span {
        font-size: 12px;
    }
    .header-result .right-content-header .right-top .advisor-logo {
        margin-bottom: 4px;
    }
    .header-result .price-box h4 {
        margin-bottom: 0;
    }
    .card-result .img-result img {
        width: 200px;
    }
    .header-result .right-content-header .right-top {
        min-width: 165px;
    }
    .search-main-box {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 8;
        height: 100%;
        background-color: #f8f8f8;
        opacity: 0;
        visibility: hidden;
        display: none;
        transition: opacity 0.5s;
        overflow-y: auto;
    }
    .header-result .price-box {
        padding: 0;
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .header-result .price-box h4 {
        width: 100%;
        text-align: right;
    }
    .link-result {
        flex-direction: column;
    }
    .header-result .price-box p {
        font-size: 18px;
    }
    .header-result .price-box p span {
        margin-left: 0;
    }
    .header-result .price-box span {
        font-size: 12px;
        margin-left: 5px;
    }
    .result-listing {
        padding-bottom: 50px;
    }
    .listing-tabs {
        margin-bottom: 0;
    }
    .search-listing .map-link {
        margin-bottom: 0;
        height: 47px;
    }
    .mobile-search-header {
        margin-bottom: 15px;
    }
    .listing-tabs li {
        width: 100%;
        padding: 0;
    }
    .listing-tabs li a {
        padding: 15px 10px;
    }
    .listing-tabs li a.dropdown-toggle,
    .filter-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 7.5px 10px;
        background-color: #f8f8f8;
        color: #333333;
        font-weight: 700;
        height: 47px;
    }
    .listing-tabs li a.dropdown-toggle small {
        display: block;
        padding: 3px 0 0;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
    }
    .listing-tabs li a.dropdown-toggle span {
        text-align: left;
    }
    .filter-btn:hover {
        color: var(--spcolor);
    }
    .listing-tabs,
    .listing-tabs li:first-child {
        padding: 0;
    }
    .listing-tabs li.dropdown .dropdown-menu a {
        padding: 8px 10px;
    }
    .search-main-box.active {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .sidebar-card label.check {
        padding-left: 30px;
    }
    .close-search {
        background-color: #f8f8f8;
        padding: 15px;
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
        position: sticky;
        background-color: #f8f8f8;
        padding: 15px;
        margin-bottom: 0;
        top: 0;
        z-index: 5;
        border-bottom: 1px solid #dee2e6;
    }
    .close-search a {
        font-size: 22px;
        color: #54a319;
    }
    .closeAffiner .btn.btn-default {
        width: auto;
    }
    .sidebar-search {
        background-color: #f8f8f8;
        padding: 0 20px 1px;
    }
    .search-main-box .map-link,
    .search-main-box .map-link-active {
        display: none !important;
    }
}



@media (max-width: 400px){
.custom-tabs .nav-item .nav-link span {
   display: none !important;
}
	}

@media(max-width:767px) {
    .container {
        max-width: 100%;
    }
    .header-socail {
        display: none;
    }
    .custom-tabs .nav-item .nav-link {
        font-size: 11px;
    }
    .custom-tabs .nav-item .nav-link i {
        margin-right: 7px;
    }
    .custom-tabs .nav-item .nav-link span {
        margin-left: 5px;
    }
    .banner-inner-form fieldset,
    .banner-inner-form fieldset:nth-child(2),
    .banner-inner-form fieldset.quantity-div,
    .banner-inner-form fieldset.search-btn {
        width: 50%;
    }
    .tired-specials .heading {
        padding: 15px;
    }
    .tired-specials .heading a img {
        margin-right: 15px;
    }
    .tired-specials .text-box {
        padding: 0 10px 21px 55px;
    }
    .title {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .title h2 {
        margin: 0 auto;
        padding: 0 40px;
    }
    .down-toggle {
        display: block;
        margin-left: auto;
    }
    .down-toggle img {
        max-width: 30px;
    }
    .down-toggle.active {
        transform: rotate(180deg);
    }
    .advertising-plans-box {
        padding-bottom: 30px;
    }
    .advertising-plans {
        padding: 50px 0;
    }
    .show-more {
        bottom: 20px;
        right: -12px;
    }
    .advantage-take {
        max-width: 100%;
        padding: 10px 6px;
        width: 90%;
        bottom: 13px;
    }
    .advertising-plans-inner {
        display: none;
        padding-top: 30px;
    }
    .bring-more {
        padding: 50px 0;
    }
    .bring-more-inner {
        padding-top: 30px;
    }
    .bring-more-inner .dasktop-version {
        display: none;
    }
    .bring-more-inner .mobile-version {
        display: block;
    }
    .bring-more-inner {
        display: none;
    }
    
    
    /*************** BRING MORE CSS****************/     
        .bring-more {
            background-color: #ffffff;
           
        }
        
        .bring-more-inner {
            padding-top:  40px;
        }
        
        .bring-more-inner .tab-nav {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin: 0 -6px;
            padding-bottom: 26px;
            justify-content: center;
        }
        
        .bring-more-inner .tab-nav a {
            text-align: center;
            padding: 0px 6px;
            position: relative;
            text-decoration:none;
        }
        
        .bring-more-inner .tab-nav a:after {
            position: absolute;
            content: "";
            left: 50%;
            transform: translate(-50%, 0);
            bottom: -36px;
            background-color: var(--spcolor);
            height: 22px;
            width: 3px;
            display: none;
            text-decoration:none;
        }
        
        .bring-more-inner .tab-nav a:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -14px;
            background-color: var(--spcolor);
            height: 2px;
            width: 100%;
            display: none;
            text-decoration:none;
        }
        
        .bring-more-inner .tab-nav a.current:after,
        .bring-more-inner .tab-nav a.current:before {
            display: block;
        }
        
        .bring-more-inner .tab-nav a.current .image-holder {
            background-color: var(--spcolor);
        }
        
        .bring-more-inner .tab-nav a .image-holder {
            background-color: #64686c;
            width: 124px;
            height: 124px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
            transition: all ease .3s;
            border-radius: 30px 30px 30px 0;
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            justify-content: center;
        }
        
        .bring-more-inner .tab-nav a .image-holder img {
            height: 71px;
        }
        
        .bring-more-inner .tab-nav a {
            color: #333;
            font-size: 16px;
            text-transform: uppercase;
             font-weight: 600;
        }
        
        .bring-more-box {
            background-color: #fff;
            border: 2px solid var(--spcolor);
            padding: 10px 20px;
            border-radius: 10px 10px 10px 0;
            margin-top: 10px;
        }
        
        .bring-more-box .bring-logo {
            padding: 10px;
            border-right: 2px solid var(--spcolor);
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .bring-more-box .bring-text {
            height: 100%;
            display: flex;
            align-items: center;
        }
        
        .bring-more-box .bring-text p {
            padding: 10px;
            font-weight: 600;
            font-size: 16px;
            color: #232323;
        }
        
        .bring-more-box .bring-btn {
            padding: 10px;
        }
        
        .bring-more-box .bring-btn a {
            background-color: var(--spcolor);
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: 600;
            border: 2px solid var(--spcolor);
            text-align: center;
            display: block;
            padding: 5px;
        }
        
        .bring-more-box .bring-btn a span {
            display: block;
        }
        /*************** bring MOBILE VERSION CSS****************/
        
        .mobile-version {
            display: none;
        }
        
        .bring-box {
            display: flex;
            padding: 12px 0;
        }
        
        .bring-box .image-holder {
            background-color: var(--spcolor);
            width: 90px;
            height: 90px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
            transition: all ease .3s;
            border-radius: 50%;
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            justify-content: center;
        }
        
        .bring-box .image-holder img {
            height: 50px;
        }
        
        .bring-box .text-box {
            width: calc(100% - 90px);
            padding-left: 20px;
        }
        
        .bring-box .text-box h3 {
            color: #333;
            text-align: center;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 5px;
        }
        
        .bring-box .text-box p {
            color: #64686c;
            line-height: 24px;
            text-align: center;
            font-size: 16px;
        }
        
        
        
        
        
   
    .well-fame-box {
        display: flex;
        padding: 0 0 15px 0;
        align-items: center;
        background-color: transparent;
        box-shadow: none;
        border-bottom: 1px solid #e0e2e5;
        margin-bottom: 30px;
    }
    .well-fame-box::before,
    .well-fame-box::after {
        display: none;
    }
    .well-fame-box .image-holder {
        max-width: 180px;
        width: 100%;
        display: block;
    }
    .well-fame-box .text-box {
        padding: 10px;
        max-width: 100%;
        margin: 0;
        width: calc(100% - 180px);
        text-align: left;
        padding-left: 25px;
    }
    .well-fame-box .text-box p {
        text-align: left;
        font-size: 16px;
    }
    .well-fame-box.well-fame-box-mid {
        margin-top: 0;
    }
    .well-fame-inner {
        padding-top: 50px;
        display: none;
    }
    .aboutus-box .image-holder {
        display: none;
    }
    .aboutus-box .text-box h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 25px;
    }
    .aboutus-box {
        background-color: transparent;
    }
    .aboutus-box .text-box {
        text-align: left;
        padding: 0;
    }
    .aboutus-box .text-box h3 a {
        display: block;
    }
    .aboutus-box .text-box p {
        font-size: 16px;
        max-width: 100%;
        text-align-last: left;
        line-height: 18px;
        min-height: auto;
        padding-bottom: 20px;
    }
    .about-us-sec {
        padding: 50px 10px;
    }
    .about-us-inner {
        padding-top: 36px;
        display: none;
    }
    .footer-link ul {
        justify-content: flex-start;
    }
    .footer-logo {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .footer-logo li {
        padding: 10px;
        width: 25%;
    }
    .more-options-detail .title {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .header-menu {
        left: 10px !important;
    }
    .banner-inner-form .celender-first .form-group {
        width: 80%;
    }
    .celender-first .timer {
        width: calc(100% - 80%);
    }
    .ui-autocomplete {
        max-width: 320px;
    }
    .img-menu {
        margin-bottom: 10px;
    }
    .bottom-header .navbar-nav .nav-item .dropdown-menu .submenu li a {
        padding: 8px 5px;
    }
    .top-panel ul li {
        margin-left: 10px;
    }
    .sub-menu {
        width: 100%;
        min-width: 230px
    }
    .tired-specials {
        padding: 20px 15px 0 0;
    }
    .tired-specials .heading p {
        font-size: 13px;
    }
    .promo-box .heading-code {
        margin-right: 8px;
        font-size: 16px;
    }
    .header-result .right-content-header .right-top .advisor-logo,
    .header-result .price-box h4 {
        display: none;
    }
    .header-result .price-box {
        align-items: flex-start;
    }
    .header-result .price-box span {
        display: none;
    }
    .header-result .price-box p span {
        display: inline-block;
    }
    .header-result .right-content-header .right-top {
        min-width: auto;
    }
    .map-link:after {
        font-size: 12px;
    }
    .map-title {
        font-size: 20px;
    }
    .map-header .close-locator {
        font-size: 22px;
    }
    .right-content-header h3 {
        font-size: 14px;
        margin: 5px 0;
    }
    .hotel-name span.represt span {
        margin: 0 3px;
    }
}

@media(max-width:575px) {
    .banner-inner .text-box {
        display: none !important;
    }
    .banner-sec {
        padding: 20px 0;
    }
    .custom-tabs {
        margin-top: 0;
    }
    .custom-tabs .nav-item .nav-link p {
        display: none;
    }
    .custom-tabs .nav-item .nav-link {
        font-size: 16px;
    }
    #pills-tabContent .banner-search-top p {
        display: none;
    }
    .banner-inner-detail {
        padding: 15px;
    }
    .banner-search-top {
        margin: 0 -5px;
	    margin-bottom: 10px
    }
    .banner-search-top .dropdown {
        width: 50%;
        padding: 0 5px;
    }
    .banner-search-top .dropdown .btn {
        margin: 0;
        width: 100%;
    }
    .banner-inner-form fieldset,
    .banner-inner-form fieldset:nth-child(2),
    .banner-inner-form fieldset.quantity-div,
    .banner-inner-form fieldset.search-btn {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .banner-search-top .dropdown-menu {
        left: auto !important;
        right: 0;
    }
    .search-btn a.search-default-btn {
        height: 55px;
    }
    .tired-specials .text-box form {
        align-items: flex-start;
        flex-direction: column;
    }
    .tired-specials .text-box form .from-control {
        width: 100%;
    }
    .tired-specials .text-box form .btn-red {
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
    }
    .date-picker-wrapper .month-wrapper table {
        width: 100%;
    }
    .date-picker-wrapper .month-wrapper table.month2 {
        width: 100%;
        float: right;
    }
    .date-picker-wrapper {
        width: 90%;
        z-index: 10;
    }
    .date-picker-wrapper .month-wrapper {
        padding: 0 30px;
    }
    .drp_top-bar .default-top {
        font-size: 14px;
        color: #f11712;
    }
    .more-options-detail .title {
        margin-bottom: 20px;
    }
    .more-option-list ul li {
        width: 50%;
        margin-bottom: 6px;
    }
    .last-search {
        position: static;
        padding: 6px 0;
        margin: 10px 0 0 0;
    }
    .add-search {
        margin-top: 5px;
    }
    .custom-tabs .nav-item {
        padding: 0 20px;
    }
   
        
   


        
        
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 a,
    .bravo-news .btn-readmore,
    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li:hover > a,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .field-icon,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .render,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .field-detination #dropdown-destination .form-control,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .btn-apply-price-range,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .btn-more-item,
    .input-number-group i,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .field-icon,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .field-detination #dropdown-destination .form-control,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .render,
    .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .render,
    .bravo_wrap .bravo_form .form-content .render,
    a:hover {
        color: var(--spcolor);
    }
    .bravo-pagination ul li.active a, .bravo-pagination ul li.active span
    {
        color:var(--spcolor)!important;
    }
    .bravo-news .widget_category ul li span,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .g-button-submit button,
    .bravo_wrap .bravo_search_tour .bravo_filter .filter-title:before,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child,
    .bravo-news .header .cate ul li,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .g-button-submit button,
    .bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .desc,
    .bravo_wrap .bravo_detail_space .bravo_content .g-attributes h3:after,
    .bravo_wrap .bravo_form .g-button-submit button,
    .btn.btn-primary,
    .bravo_wrap .bravo_form .g-button-submit button:active,
    .btn.btn-primary:active,
    .bravo_wrap .bravo_detail_space .bravo-list-hotel-related-widget .heading:after,
    .btn-primary:not(:disabled):not(.disabled):active
    {
        background: var(--spcolor);
    }

    .bravo-pagination ul li.active a, .bravo-pagination ul li.active span
    {
        border-color:var(--spcolor)!important;
    }
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before,
    .bravo-reviews .review-form .form-wrapper,
    .bravo_wrap .bravo_detail_tour .bravo_content .bravo_tour_book
    {
        border-top-color:var(--spcolor);
    }

    .bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact{
        border-left-color:var(--spcolor);
    }
    .hotel_rooms_form .form-search-rooms{
        border-bottom-color:var(--spcolor);
    }

    .bravo_wrap .bravo_form .field-icon,
    .bravo_wrap .bravo_form .smart-search .parent_text,
    .bravo_wrap .bravo_form .smart-search:after,
    .bravo_wrap .bravo_form .dropdown-toggle:after,
    .bravo_wrap .page-template-content .bravo-list-space .item-loop .service-review .rate,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .btn-more-item,
    .bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .left .text-rating,
    .bravo-reviews .review-box .review-box-score .review-score,
    .bravo-reviews .review-box .review-box-score .review-score-base span,
    .bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .left .text-rating
    {
        color: var(--spcolor);
    }

    .bravo_wrap .bravo_form .smart-search .parent_text::-webkit-input-placeholder{

        color: var(--spcolor);
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::-moz-placeholder{

        color: var(--spcolor);
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::-ms-input-placeholder{

        color: var(--spcolor);
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::-moz-placeholder{

        color: var(--spcolor);
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::placeholder{

        color: var(--spcolor);
    }


    .bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop .service-review .rate,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .btn-apply-price-range{

        color: var(--spcolor);
    }
    .bravo_wrap .page-template-content .bravo-list-locations.style_2 .list-item .destination-item:hover .title,
    .bravo_wrap .page-template-content .bravo-list-space .item-loop .sale_info,
    .bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop .sale_info,
    .bravo_wrap .bravo_search_space .bravo_filter .filter-title:before,
    .bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .score,
    .bravo-reviews .review-form .btn,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child
    {
        background: var(--spcolor);
    }
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before, .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before, .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before {
        border-top-color: var(--spcolor);
    }

    .bravo_wrap .bravo_detail_space .bravo_content .g-overview ul li:before {
        border: 1px solid var(--spcolor);
    }

    .bravo_wrap .bravo_detail_space .bravo-list-space-related .item-loop .sale_info {
        background-color: var(--spcolor);
    }

    .bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .score::after {
        border-bottom: 25px solid var(--spcolor);
    }




.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .desc {
    background: #68a036;
    border-radius: 10px 10px 10px 0 !important;
    padding: 5px 36px !important;
}

	

	.rsDLeft, .persons {
    flex-wrap: wrap;
}

@media (max-width: 766px) {
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info {
        padding: 15px 15px !important;
    }

    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .item-title {
        margin-bottom: 30px;
    }

    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms {
        padding-bottom: 60px;
    }

    .footer-result {
        justify-content: flex-start;
        width: 100%;
    }

    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price {
        position: relative;
        top: -7em;
    }

    .footer-result .btn {
        margin-left: auto;
    }
}

@media (max-width: 1023px) {
    .bravo_wrap .bravo_header .content .header-left {
        width: 50%;
    }
}

@media (max-width: 1023px) {
    .bravo_wrap .bravo_header .content .header-right {
        width: 50%;
    }
}