ul { padding-left: 0px;}

/*Vacation Start here*/

/* breadcrum box */
.breadcrumBox { padding: 0px 0 0 20px; margin-bottom: 10px; width: 100%;  overflow: hidden; background:#F1F4FF;}
.breadcrumBox ul { list-style:  none; margin:0px; padding:11px 0px; overflow:hidden; }
.breadcrumBox li { padding: 0 5px; float:  left; color:#2139AC; }
.breadcrumBox li::after { padding-left: 5px; content: "/"; font-size: 15px; color: #333;}
.breadcrumBox li:last-child::after { display: none;}
.breadcrumBox li a { font-size:  15px; color: #333;}
.breadcrumBox li a:hover { text-decoration: none;  color: #FB3D4E;}

/*vacation page css*/
.vacation-banner { width: 100%; overflow: hidden; background: #F1F2F5; position: relative;}
.vacation-banner .image {  width: 50%; height: 100%; position: absolute; left: 0px;  top: 0px;}
.vacation-banner .image img { width: 100%; height: 100%; background-size: 100% 100%;}
.vacation-banner .content { padding: 50px 0 50px 80px; width: 50%; float: right; }
.vacation-banner p { margin-bottom: 18px; color: #202020; line-height: 24px; text-align: justify;}
.vacation-banner span { margin-bottom: 18px; display: block; font-size: 20px; color: #202020; line-height: 26px;}

/*vacation_content*/
.vacation_content { padding:50px 0; background: none; }
.vacation_content .image img { height: auto; width: 100%; } 
.vacation_content ul{ list-style: none;}
.vacation_content li { margin-bottom: 10px; position:relative; padding-left: 20px; }
.vacation_content li::before { position:absolute;left: 0px; top: 8px; margin-right: 10px; width: 6px; height: 6px; display: inline-block; background: #FB3D4E; border-radius: 100%; content: ""; }
.vacation_content p { margin-bottom: 18px; color: #202020; line-height: 24px; text-align: justify;}

.page__title strong { display: block;}


.vacationBtn {display: inline-block; padding: 10px 15px 5px 15px;transition: background-color 0.5s ease; border: 1px solid #FB3D4E; background: #FB3D4E; text-decoration: none; border-radius: 5px; font-size: 15px; color: #fff!important; text-align: center; }
.vacationBtn:hover { color:#fff;text-decoration: none; background-color: #f12739;}
.vacationBtn i {     float: right; margin-left: 10px; position:relative; top: -2px; }

.latest_update { padding: 60px 0; width: 100%; overflow: hidden;}
.latest_update .image { margin-bottom: 10px; }
.latest_update .image img { width: 100%;}
.latest_update p { margin-bottom: 15px; font-size: 19px; color: #303030; line-height: 30px; }


.tipbox { padding: 60px 0; width: 100%; overflow: hidden;  position: relative;}
.tipbox.bg { background: #F1F2F5;}
.tipbox .image { position: relative; }
.tipbox .image img { position: relative; z-index: 2; width: 100%; }
.tipbox .image::after { content: ""; width: 143px; height: 198px; position: absolute; right: -20px; bottom: -20px; z-index: 1; background: #2139AC;}
.tipbox .content { padding: 80px 100px 0 0px; }

.tipbox p { margin-bottom: 18px; color: #202020; line-height: 24px; text-align: justify;}
.tipbox span { margin-bottom: 18px; display: block; font-size: 20px; color: #202020; line-height: 26px;}
.tipbox.bg .block { padding: 60px 60px 60px 100px; }
.tipbox.bg .image::after { content:''; display: none; } 

.traveler-list { padding: 50px 0; width: 100%; }
.traveler-list p { padding: 10px 0px; margin: 0px; color: #676767; line-height: 20px;}
.traveler-list .image { width: 100%;}
.traveler-list .image img { width: 100%;} 
.traveler-list a { text-decoration: none;}
.traveler-list .padding-bottom { padding-bottom:  30px;}

.traveler-list .detail { padding: 15px 0 0 0; width: 100%; display: flex; }
.traveler-list .detail_left { padding-right: 70px; width: calc(100% - 120px); }
.traveler-list .detail_right { padding: 0 0 0 25px; width: 120px; border-left: 1px solid #ccc; }
.traveler-list h3 { margin-bottom: 0px; font-size: 18px; color: #303030; font-family: Poppins; font-weight: bold;}
.traveler-list h3 span { font-weight: 300; }
    .traveler-list .detail_left .icons { display:none;
    }

.traveler-list ul.starlist { list-style: none; overflow:hidden; margin-bottom: 0px; }
.traveler-list ul.starlist li {  float: left; padding: 0 3px 0 0; color:#FB3D4E; }
.traveler-list ul.starlist li.inactive { color:#ccc; }
.traveler-list .night { padding: 5px 0; margin: 0px; font-size: 14px; color:#202020; }
.traveler-list .price { padding: 0px 0 0 0; font-size: 11px; line-height: 15px; color:#4A4A4A; }
.traveler-list .price strong {    margin-top: 4px; color: #202020; display: block; font-size: 20px; }


.traveler-list .btn { margin-top: 50px; width: 100%; text-align: center; }
.traveler-list .seemorebtn { display: inline-block; width: 236px; height: 48px; font-size: 16px; line-height: 48px; color: #FB3D4E; text-align: center; text-decoration: none; transition: background-color 0.5s ease; border: 1px solid #FB3D4E; border-radius: 5px; }
.traveler-list .seemorebtn:hover { color: #fff; background: #FB3D4E; border: 1px solid #FB3D4E; }

/* slider box */
.carousel-item img { width: 100%;}
.carousel-indicators { display: none;}
.slide { margin-top: 23px; margin-bottom: 30px;}

.carousel-control-prev-icon, .carousel-control-next-icon { width: 35px; height: 35px; background: #fff; border-radius: 100%;}
.carousel-control-prev-icon i, .carousel-control-next-icon i { color: #000; font-size: 25px; line-height: 32px; }

.carousel-control-prev, .carousel-control-next { opacity: 1; }


/* highlights box */
.highlights { padding: 30px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;}
.highlights h2 { font-size: 22px; }
.highlights p { margin-bottom: 18px; color: #202020; line-height: 24px;}
.highlights ul { list-style: none;}
.highlights li { margin-bottom: 10px; line-height: 19px; color: #202020; width: 100%; }
..highlights li:before {
    margin-bottom: 10px;
    line-height: 19px;
    color: #202020;
    width: 100%;
}
.highlights li span { float: right;}
.highlights address { margin-bottom: 18px; font-size: 15px; color: #202020; line-height: 26px;}
.highlights ul.w-50 {margin-left: -50px; overflow: hidden; }
.highlights ul.w-50 li {padding-left: 50px; width: 50%; float:left; }
.highlights ul.width-25 { overflow: hidden; width: 100%; }
.highlights ul.width-25 li { width: 25%; float:left; }
.highlights.border-bot { border-bottom: none; padding: 0px 0 10px 0; }

/* inquiry box */
.inquiryBox { padding: 20px; border: 1px solid #C9C9C9; margin: 23px 0; width: 100%;}
.inquiryBox h2 { margin-bottom: 10px; font-size: 30px; color: #303030; line-height: 35px; position: relative;}
.inquiryBox h4 { font-size: 15px; color: #303030; }
.inquiryBox p { padding: 10px 0; font-size: 12px; color: #757575; }
.inquiryBox span { display: block; margin-bottom: 15px; font-size: 14px; color: #202020;}
.inquiryBox .inquiryBtn { margin-bottom: 20px; width: 100%; height: 53px; display: block; font-size:  016px; color:  #fff; text-align: center; line-height: 53px; text-decoration: none; background: #FB3D4E; border: 1px solid #FB3D4E; border-radius: 5px;}
.inquiryBox .inquiryBtn i { padding-left: 5px;}

.inquiryBox .shareBtn { width: 48%; height: 50px; display:  block; font-size:  14px; color: #7D7D7D; line-height: 50px; text-align: center; text-decoration: none; border: 1px solid #ccc; border-radius: 5px;}
.inquiryBox .shareBtn i { padding-right: 5px;}
.inquiryBox .shareBtn:hover { color: #fff; background: #FB3D4E; border: 1px solid #FB3D4E;}
.inquiryBox .block { display: none; justify-content: space-between;}

.inquiryBox ul.starlist { list-style: none; overflow:hidden; }
.inquiryBox ul.starlist li {  float: left; padding: 0 3px 0 0; color:#FB3D4E; }
.inquiryBox ul.starlist li.inactive { color:#ccc; }

/* vacationexp box */
.vacationexpBox { width: 100%; overflow: hidden; height: 227px; background: url(../../images/vacations/vacationexp-banner.jpg) left top no-repeat; background-size: cover; }
.vacationexpBox h2 { margin-bottom: 20px; font-size: 26px; line-height: 42px; color: #34207A;}
.vacationexpBox a { border: none; background: #4863DB; padding: 10px 19px; }
.vacationexpBox .block { padding: 40px 100px 15px 0; width: 50%; float: right;}


/*accordian css*/
.accordianBox {}
.accordianBox .card { border: none;}
.accordianBox .card-header { background: none; padding: 10px 5px; font-size: 16px; color:#202020; cursor:pointer; }
.accordianBox .card-header:after {content: "\f282"; font-family: bootstrap-icons !important; position: absolute; right: 10px; top: 12px;}
	.accordianBox .card-header.collapsed:after {content: "\f286"; font-family: bootstrap-icons !important;}
.accordianBox .card-body { padding: 20px 0; }
.accordianBox ul{ list-style: none;}
.accordianBox li { margin-bottom: 10px; position:relative; padding-left: 20px; }
.accordianBox li::before { position:absolute;left: 0px; top: 5px; margin-right: 10px; width: 6px; height: 6px; display: inline-block; background: #929292; border-radius: 100%; content: ""; }




/*Inquiry popup start here*/
.inquiry_popup { padding: 20px; width: 678px; margin: 0px auto; background: #ffffff;  position: relative;}
.inquiry_popup h5 { font-size: 20px; }
.inquiry_popup .form-control {border-radius: 0px;  padding: 8px 8px 8px 35px; font-size: 14px; color:#656565; }
.inquiry_popup .icons { position: absolute; left: 22px;  top: 1px;  font-size: 20px;}
    .inquiry_popup select.form-control:not([size]):not([multiple]) { /*height: auto;*/  height: 40px; -moz-appearance: none; appearance: none; }
.inquiry_popup .request_btn {margin-bottom: 20px; padding: 0 35px;  height: 53px; display: inline-block; font-size: 16px; color: #fff;  text-align: center;  line-height: 53px;
    text-decoration: none; background: #FB3D4E; border: 1px solid #FB3D4E;  border-radius: 5px;cursor:pointer;}
.inquiry_popup .smalltext{ font-size: 13px; color:#797979; }

/*Inquiry popup box end*/



/* #Media Queries
================================================== */

@media only screen and (max-width: 1199px) {
  .traveler-list .detail_left {padding-right: 10px;}
  .vacation-banner .content {padding: 50px 0 50px 40px;}
  .tipbox .content {padding: 80px 20px 0 0px;}
}


@media only screen and (max-width: 979px) {
  .vacation-banner .content { padding: 30px 0 30px 20px;}
  .latest_update {padding: 30px 0;}
  .traveler-list {padding: 30px 0;}
  .traveler-list .btn { margin-top: 10px;}
  .tipbox .content {padding: 30px 20px 0 0px;}
  .tipbox { padding: 30px 0;}
  .vacationexpBox { background-position: center top;}
  .vacationexpBox h2 { font-size: 21px; line-height: 27px;}
  .slide { margin-bottom:  0px;}
  .highlights {padding: 15px 0 10px 0;}
  .highlights h2 { font-size: 18px;}
  .highlights ul.width-25 { margin-bottom:  0px;}
}

@media only screen and (max-width: 767px) {
  .vacation-banner .image { width: 100%; position: relative;}
  .vacation-banner .content { width: 100%;padding: 20px 0 20px 0px;}
  
  
  .latest_update { padding: 20px 0 0 0;}
  .bottom { margin-bottom: 15px; }
  .vacationexpBox .block { width: 100%; text-align:  center; padding: 50px 0; }
  .traveler-list .btn { margin-bottom: 0px;}
  
  .icons img { margin-top: 0px;}
 
  .latest_update p { margin-bottom: 5px; font-size: 15px;}
  .latest_update .image img { margin-top: 0px;}
 
  .traveler-list {padding: 15px 0;}
  .traveler-list p { padding: 3px 0px 0 0;}
  .traveler-list .image img { margin-top: 10px;}
  .traveler-list ul.starlist { margin-bottom: 0px;}
  .traveler-list .price strong { font-size: 15px;}
  .traveler-list .night { font-size: 11px;}
  .traveler-list .night { padding: 0px;}
  .traveler-list .padding-bottom { padding-bottom: 15px;}
  .traveler-list .btn { margin-top: 0px;}
  .traveler-list .seemorebtn { width: 146px; font-size: 14px;}
 
  .tipbox { padding: 10px 0;}
  .tipbox .content { padding: 10px 20px 0 0px;}
  .tipbox .image img { margin-top: 15px;}
 
  .page__title { font-size: 16px;}
  .slide { margin-top: 5px;}
  .highlights li { margin-bottom: 10px;}
 
  .inquiryBox { padding: 10px;}
  .inquiryBox h2 { margin-bottom: 5px; font-size: 20px;}
  .inquiryBox h4 { margin-bottom: 0px;}
  .inquiryBox ul.starlist { margin-bottom: 0px;}
  .inquiryBox p { padding: 5px 0; margin-bottom: 5px;}
  .tipbox.bg .block  {padding: 40px 20px; }
    .inquiry_popup .form-control { margin-bottom:10px;
    }
}

@media only screen and (max-width: 479px) {
  .breadcrumBox { padding: 0px;}
  .traveler-list h3 { font-size: 16px;}
  .traveler-list p { font-size: 11px;}
  .tipbox .content { padding: 10px 0px 0 0px;; text-align: justify;}
  .vacation-banner p, .vacation-banner li, .tipbox p { font-size: 13px; line-height: 20px;}
  .breadcrumBox li { font-size: 12px; padding: 0 3px;}
    .breadcrumBox li:last-child {
        margin-top: 3px;
    }
  .breadcrumBox li::after { padding-left: 3px;}
  .breadcrumBox li a { font-size:  12px;}
  .highlights h2 { font-size: 15px;}
  .highlights ul.width-25 li { width:  50%;}
  .card-header { padding: 0px;}
  .inquiryBox .inquiryBtn { margin-bottom: 12px;}
    .inquiry_popup {width:100%;
    }
}