@charset "utf-8";
/* CSS Document */

div.tours-search ul li select{background: #ffffff; border-radius: 0; color: #000000;}

/*bof: Slider*/

.slider-holidays {width:100%; float:left; margin:0 0 10px; position:relative; height:427px;}
.slider-holidays ul {width:100%; float:left; margin:0; padding:0; text-align:center; list-style-type:none;}
.slider-holidays ul li {width:100%; float:left; height:427px;}
.slider-holidays ul li img {width:100%; height:100%;}
/*eof: Slider*/

/*bof: Top title*/
.title-grid {max-width:1050px; width:80%; margin:0 auto; display:block; position:absolute; left:0; right:0; top:-20px; bottom:100%; z-index:2; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.title-grid h1 {color:#ffffff; font-size:50px; font-weight:600; line-height:100px; text-align:center; text-transform:none; display: none;}
/*eof: Top title*/

/*bof: Top Sub Navi*/
.sub-navi {width:100%; margin: 0; text-align: center; position:absolute; bottom:20px; z-index: 9;}
.sub-navi ul {margin: 0; padding: 0; display: inline-block; background: #fe492b; list-style-type: none;}
.sub-navi ul li{ margin-left:-5px; display:inline-block;}
.sub-navi ul li:last-child{ background-image:none;}

.sub-navi ul li {height:auto; width:auto; color:#ffffff; font-size:16px; background:url(../images/tabs-menu-bg.png) right top no-repeat;}
.sub-navi ul li a {width: 100%;  display: block;  padding: 24px 75px; margin: 0; color: #ffffff; font-size: 16px;  text-align: center;  font-weight: 600;  text-decoration: none;}
.sub-navi ul li a:hover,
.sub-navi ul li a.active,
.sub-navi ul li a.active:hover {color:#fe492b; background:#ffffff;}
/*eof: Top Sub Navi*/

/*bof: Breadcrumb*/
ul.breadcrumb {list-style-type:none; float:left; padding:10px 0;}
ul.breadcrumb li {float:left; font-size:13px; color:#333; text-align:left; padding:0 5px 0 0; margin:0; font-weight:400;}
ul.breadcrumb li a {float:left; color:#333; padding:0 5px 0 0; margin:0;}
ul.breadcrumb li:last-child a{ color:#fe492b; font-weight:bold;}
ul.breadcrumb li:last-child i{ display:none;}
ul.breadcrumb li a:hover {float:left;}
ul.breadcrumb li a.active {color:#000000; font-weight:600;}
/*eof: Breadcrumb*/

/*bof: Tour Listing Header*/
.tour-listing-header {width:100%; float:left; font-size:15px; padding:0 0 30px;}
.tour-listing-header .l-column {width:auto; display:inline-block; float:left;}
.tour-listing-header .l-column h2 {float:left; font-size:22px; line-height:30px;}
.tour-listing-header .l-column .result-count {float:left; padding-left:10px; color:#fe492b; font-size:14px; font-weight:400; line-height:36px;} 
.tour-listing-header .r-column {width:auto; float:right;}
.tour-listing-header .r-column .sorting-by-price {float:left;}
.tour-listing-header .r-column .sorting-by-price h5{ font-weight:600; text-align:right; padding:0 0 10px 0; display:block;}
.tour-listing-header .r-column .sorting-by-price .col-bx {float:left; margin-left:25px; color:#1a1a1a; font-size:14px; line-height:42px;}
.tour-listing-header .r-column .sorting-by-price .col-bx select.pricefilter {border:#c7c7c7 1px solid; color:#808080; font-size:14px; padding:10px;}
/*eof: Tour Listing Header*/

/*bof: Tour Listing Grid Box*/
.tour-listing-grid {width:100%; float:left; margin:0; padding:0 0 30px;}
.tour-listing-grid .left-pnl,
.tour-listing-grid .right-pnl {float:left; padding:0; margin:0;}

.tour-listing-grid .left-pnl {width:23%; margin:0 2% 0 0;}
.tour-listing-grid .right-pnl {width:75%;}

/*bof: Filter Area*/
.filter-bx,
.filter-bx .box {width:100%; float:left;}
.filter-bx .box {padding-bottom:10px; margin-bottom:10px; border-bottom:#d4d4d4 1px solid;}
.filter-bx .box h4 {color:#000; font-weight:600; text-align:left; padding-bottom:10px; font-family: "Nunito Sans", sans-serif;}
.filter-bx .box strong.heading {display: block; color:#000; font-size: 1em; font-weight:600; text-align:left; padding-bottom:10px; font-family: "Nunito Sans", sans-serif; text-transform: capitalize;}
.filter-bx .box h4 span {float:right; padding-right:5px;}
.filter-bx .box h4 span i.arrow {font-size:13px;}

.filter-bx .box .full {width:100%; float:left; padding-bottom:10px;}

.filter-bx .box ul {width:100%; float:left;}
.filter-bx .box ul li {width:100%; float:left; position:relative; font-size:13px; line-height:18px;}

.filter-bx .box ul li input[type="checkbox"],
.filter-bx .box ul li input[type=radio] {position:absolute; left:0; top:7px; opacity:0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.filter-bx .box ul.rtype {width:100%; float:left;}
.filter-bx .box ul.rtype li {width:100%; float:left; position:relative; font-size:13px; line-height:18px;}
.filter-bx .box ul.rtype li span.checkmark-radio{ margin-top:6px;}
.filter-bx .box ul.rtype li label{float: left;padding: 10px 10px 0 20px;position: relative;}
.filter-bx .box ul.rtype li label input[type="radio"]{float:left; margin:4px; opacity:0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* On mouse-over, add a grey background color */
.filter-bx .box ul.rtype li label:hover input ~ .checkmark-radio,
.filter-bx .box ul.rtype li label:hover input ~ .checkmark-radio {
  background-color:#fff;
}

/* When the checkbox is checked, add a blue background */
.filter-bx .box ul.rtype li label input:checked ~ .checkmark-radio,
.filter-bx .box ul.rtype li label input:checked ~ .checkmark-radio {
  background-color: #0062ad;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}



/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height:18px;
  width:18px;
  background-color:#fff;
  border:#d9d9d9 1px solid;
}

/* On mouse-over, add a grey background color */
.filter-bx .box ul li:hover input ~ .checkmark {
  background-color:#fff;
  border:#d9d9d9 1px solid;
}

/* When the checkbox is checked, add a blue background */
.filter-bx .box ul li input:checked ~ .checkmark {
  background-color: #0062ad;
  border:#0062ad 1px solid;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.filter-bx .box ul li input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.filter-bx .box ul li .checkmark:after {
  left:4px;
  top:0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Show the checkmark when checked */
.filter-bx .box ul.rtype li label input:checked ~ .checkmark-radio:after,
.filter-bx .box ul.rtype li label input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the checkmark/indicator */
.filter-bx .box ul.rtype li label .checkmark-radio:after,
.filter-bx .box ul.rtype li label .checkmark-radio:after {
  	top:3px;
	left:3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}



/* Room Type Css */
.filter-bx .box ul.rtype {width:100%; position:sticky/*absolute*/; left:0; top:0; background: #f0f0f0; /*padding-left: 20px;*/ z-index:1;}
.filter-bx .box ul.rtype{list-type-style:none;}
.filter-bx .box ul.rtype li{ list-style-type:none; width:100%; display:block; position:relative; }
.filter-bx .box ul.rtype li a{ width:100%; display:block; font-size:1.4em; color:#26466a; padding:10px;}
.filter-bx .box ul.rtype li a i{color:#f55313; float:right;}

.filter-bx .box ul.rtype li ul{margin:0; padding-top:0; list-style-type:none; background:#f0f0f0; position:absolute; left:0; top:38px; z-index:1; display:none;}
.filter-bx .box ul.rtype li ul li{ list-style-type:none; display:inline-block;  width:100%; }
.filter-bx .box ul.rtype li ul li a{width:100%;padding:12px 12px; display:inline-block;font-size:18px; color:#26466a; border-bottom:1px solid #26466a; transition:all 1s;}
.filter-bx .box ul.rtype li ul li a:hover { background:#f55313; color:#fff; padding-left:20px; transition:all 1s;}
.filter-bx .box ul.rtype li ul li a.active { background:#f55313; color:#fff; padding-left:20px;  transition:all 1s;}
.filter-bx .box ul.rtype li:hover ul{margin:0; list-style-type:none; position:absolute; z-index:1; left:0; top:38px; display:block;}

/* Room Type Css */


.filter-bx .box ul li label {display:inline-block; padding:5px 10px 0px 30px; max-width:192px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; font-size:1.1em; font-family:inherit;}
.filter-bx .box ul li label i.fa-star {color:#fe492b; font-size:12px;} 

.filter-bx .box ul li span {display:inline-block; color:#a0a0a0; float:right; font-weight:400;}
.filter-bx .box ul li span.rgt-span {float:right; display:block; padding:0; margin:8px 0px 0px 0px; width:auto; height:18px; background-size:10px;}
.filter-bx .box ul li span.rgt-span:before {content:""; font-size:11px; text-transform: capitalize;}

.filter-bx .box .full input[type="text"] {width:100%; float:left; padding:5px; height:35px; text-align:left; font-size:14px; font-weight:400; line-height:35px; border:#d4d4d4 1px solid;}
/*eof: Filter Area*/


/*bof: Listing Css*/
.tour-listing-grid .right-pnl .tour-listing-bx {width:100%; float:left;}

.tour-listing-bx {width: 100%;display: flex;flex-wrap: wrap;background: #fff;box-shadow: 0px 1px 8px rgba(0 0 0 / 20%);margin: 2% 1%;}
.tour-listing-bx .listing-tour {display: flex;flex-wrap: wrap; margin:0; padding:0;/* border:#fe492b 1px solid;*/ position:relative; background:#ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.tour-listing-bx .listing-tour .offer-bx {position:absolute; left:-10px; top:7%; float:left; background:#fe492b; padding:5px 15px; color:#fff; font-size:14px; z-index:3 ;font-weight:600;}
.tour-listing-bx .listing-tour .offer-bx:before {content:""; position:absolute; left:0; top:-10px; width:11px; height:10px; background:url(../images/offer-top-img.png) left top no-repeat; z-index:2;}
.tour-listing-bx .listing-tour .imgbx { flex:0 0 400px; max-width:100%;margin:0; padding:0; overflow:hidden; object-fit:cover;}
.tour-listing-bx .listing-tour .imgbx img {width:100%; height:auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; object-fit:cover;}
.tour-listing-bx .listing-tour:hover .imgbx img {transform:scale(1.2);}

.tour-listing-bx .listing-tour .hdetail-bx {flex:0 0 calc(100% - 400px); margin:0; padding:20px; position:relative; min-height:242px; font-size:1em;}
.tour-listing-bx .listing-tour .hdetail-bx h3 {font-size:1.4em; font-weight:700!important; padding-bottom:3px;}
.tour-listing-bx .listing-tour .hdetail-bx h3 + span, .tour-listing-bx .listing-tour .hdetail-bx h3 + span + strong{font-size: 1em; color: #fe492b; font-weight: 600;}
.tour-listing-bx .listing-tour .hdetail-bx h6{ font-size:1em; color:#fe492b; padding: 10px 0; line-height: 20px; font-weight: 500;} 
.tour-listing-bx .listing-tour .hdetail-bx p {font-size:1em; color:#333333; line-height:18px;}
.tour-listing-bx .listing-tour .hdetail-bx p.inc{ padding:3px 0; color:#333;}
.tour-listing-bx .listing-tour .hdetail-bx p.inc strong{ font-weight:600;}
.tour-listing-bx .listing-tour .hdetail-bx p.rating {margin:0; padding:0 0 4px;}
.tour-listing-bx .listing-tour .hdetail-bx p.rating i.fa-star {color:#fe492b; font-size:1em;} 
.tour-listing-bx .listing-tour .hdetail-bx p.board-basis {font-size:1em; color:#333333; padding-bottom:5px; display:block; font-weight: 700;}
.tour-listing-bx .listing-tour .hdetail-bx p.price {float:left; color:#fe492b; font-size:1.2em; font-weight:600; display:block; margin:5px 0;}
.tour-listing-bx .listing-tour .hdetail-bx p.price span, .tour-listing-bx .listing-tour .hdetail-bx p.price strong{ font-weight:600!important; font-size:1em;}
.tour-listing-bx .listing-tour .hdetail-bx p.price small.incf{display:block;color: #333;font-size:.7em;}
.tour-listing-bx .listing-tour .hdetail-bx ul.offer-list {width:100%; float:left; list-style-type:none; margin:0; padding:0;}
.tour-listing-bx .listing-tour .hdetail-bx ul.offer-list li {width:100%; float:left;font-size:1em; color:#333333;}

.tour-listing-bx .listing-tour .hdetail-bx .btm-bx {width:100%; float:left; position:absolute; left:0; bottom:5px;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .l-col,
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col {float:left;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .l-col {width:auto;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .l-col a.viewoffer {float:left; padding:9px 23px; margin:0 10px; color:#fe492b; border:1px solid #fe492b; font-size:14px; background:#fff; text-align:center; text-decoration:none; border-radius:10px;font-weight: 600;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col {width:65%;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col .full {width:100%; float:left;font-size:15px; color:#fe492b;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col .full span {font-size:14px; font-weight:600;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col .full span a{ font-weight:600!important; text-transform:capitalize;}


.tour-listing-bx .box-load-more {width:100%; float:left; text-align:center;}
.tour-listing-bx .box-load-more input[type="button"] {background:#fff; color:#fe492b; border:#fe492b 1px solid; font-weight:600;}
/*eof: Listing Css*/

/*eof: Tour Listing Grid Box*/


/*bof: loader Css*/
.progressContainer{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(/assets/images/popup-bg-black.png); z-index: 10001; display: none;text-align: center;}
.progressContainer > .prowrap {max-width: 485px; width: 65%; display: inline-block; margin: 300px auto; background: #dddddd; border: #f19485 2px solid;}
.progressContainer > .prowrap > .pro-cont-main {width: 100%; float: left;}
.progressContainer > .prowrap > .pro-cont-main > p { text-align: center; text-align: center; padding: 15px 0; font-size: 15px; color:#000000;}
.progressContainer > .prowrap > .pro-cont-main > img {margin-bottom: 15px;}
.clear {clear: both;}
/*eof: loader Css*/
.toggle-filter{ display:none;}


.tour-listing-bx .listing-tour .hdetail-bx ul.btm-bx{display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;justify-content: start;width: 100%;text-align: center; margin-left:20px;align-items: center;}
.tour-listing-bx .listing-tour .hdetail-bx ul.btm-bx li{-webkit-box-flex: 0;margin-right: 10px;text-align: center;}
.tour-listing-bx .listing-tour .hdetail-bx ul.btm-bx li.viewoffer a{color: #fe492b;border: 1px solid #fe492b;padding: 10px 15px;display: block;font-weight: 600;font-size: 1em;background: #fff; text-decoration: none;}
.tour-listing-bx .listing-tour .hdetail-bx ul.btm-bx li.emailchnge a{color: #fff;border: 1px solid #fe492b;padding: 10px 15px;display: block;font-weight: 600;font-size: 1em;background: #fe492b; text-decoration: none;}
.tour-listing-bx .listing-tour .hdetail-bx ul.btm-bx li.callchange{flex: 0 0 20%;max-width: 20%;color: #fe492b;font-size: 16px;padding: 10px;font-weight: 600;}


@media only screen and (max-width:1200px){
.sub-navi{bottom:0px; background-color: #fe492b; position:relative;}
ul.breadcrumb{ margin:10px 0 0 10px;}
.sub-navi ul li a{ padding:12% 24%; white-space: nowrap; }
.sub-navi ul li{ background-image:none;}
.sub-navi ul li a{ font-size:18px;}
div.workpanel{ width:96%;}
.search-panel .src-main-panel .tours-search ul li{ margin-right:1%;}
.bg-grey{ display:block;}
.tours-equire .enquirebtn{ width:38%!important;}
.reltiv .sliderbx {margin-bottom:0px;}
.reltiv .sliderbx img {width:100%;}
.title-grid{ top:20px;}
.title-grid h1{ font-size:36px; line-height:38px;}

.tour-listing-bx .listing-tour .hdetail-bx p {font-size:.90em;}
.tour-listing-bx .listing-tour .hdetail-bx ul.btm-bx{margin-left:0px; padding-left:15px;}
.overview-bx strong.heading-bx{font-size: 2em; font-weight: 700;}
.extension-tours .extension-grid-bx{float: none; width: 90%; margin: 0 auto;}
div.tours-search ul li select{font-size: 14px; font-weight: 600;}
div.updatedContainer > .title-grid{ display: none;}
}
@media only screen and (max-width:900px){

	.tour-listing-bx .listing-tour .hdetail-bx .btm-bx{ bottom: -50px;}
.tour-listing-bx .listing-tour{ margin:0 0 70px;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .l-col a.viewoffer{ background:none; border:2px solid #fff;}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col .full{ color:#fff; font-size:15px; font-size:calc(15px + 6 * ((100vw - 768px) / 1200));}
.tour-listing-bx .listing-tour .hdetail-bx .btm-bx .r-col .full span{ font-size:17px;  font-size:calc(17px + 6 * ((100vw - 768px) / 1200));}
.toggle-filter{width: 100%; display: block; overflow: hidden; padding: 10px;  font-size: 15px; text-align: center; background: #f2f2f2; color: #000000; font-weight: 600;   border-radius: 15px; position:static; right: 0;}
.toggle-filter span {float: right; padding-right: 5px;     padding-top: 0px;}
.toggle-filter span i.arrow {font-size: 13px;}
.filter-bx .box h4{ font-size:1.1em;}
.reltiv .sliderbx{display:none;}
}
@media only screen and (max-width:767px){
  .tour-listing-bx .listing-tour .hdetail-bx, .tour-listing-bx .listing-tour .imgbx{ flex:0 0 100%;}
  div.locationMap-gridbx div.align-cent{margin-bottom: 30px;}
  div.overview-bx div.align-cent a {display: block; width: 340px; margin: 5px auto;}
  .map-gridbx{padding: 0;}
  div.reltiv .sliderbx img{height: 200px; object-fit: cover; object-position: left;}
  div.date-priceBx .inner-pbox .pbox{width:45%; margin-bottom: 11px; margin-top: 0px;}
  div.date-priceBx .inner-pbox{padding-top: 20px;}

}

@media only screen and (max-width:480px){
  div.date-priceBx .inner-pbox .pbox{width: 90%; margin-bottom: 11px; margin-top: 0px;}
}