/*--------- search bar ------------*/
@import url('topbar.css');

.page-bar {
	height: 180px;
	padding: 30px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}

.page-bar-bg {
	/* background-image: url('./img/page-bar.jpg'); */
	background-size: cover;
	margin: 0;
	background-position: center center;
	position: relative;
	z-index: 200;
}

.page-bar-bg:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 300;
	/* background-color: rgba(0, 0, 0, .45); */
}

.page-title {
	color: #fff;
	margin: 40px auto 0 auto;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 32px;
}

.search-area {
	position: relative;
	z-index: 3;
}

@media (max-width: 574.98px) {
	.page-bar {
		height: 120px;
	}

	.page-title {
		color: #fff;
		margin: 20px auto 0 auto;
		font-size: 20px;
	}
	.btn .fn_btn_title{
		font-size: 14px;
	}
	.checkout-page .remove-cart{
		/* display: block !important; */
		right: -3px !important;
		height: 25px !important;
		width: 25px !important;
		line-height: 22px !important;
	}
}

.search-area {
	border-radius: 40px 40px 0 0;
	/* height: 40px; */
	background-color: var(--bg-color);
}

#search-results {
	min-height: 90vh;
	padding-bottom:10px;
	display: inline-block;
	width: 100%;

}

.search-form {
	width: 60%;
	max-width: 800px;
	min-width: 350px;
	background-color: #fff;
	height: var(--search-bar-height);
	margin: 0 auto 0 auto;
	margin-top: 0;
	/* margin-top: calc(var(--search-bar-height) / -2); */
	border-radius: 15px;
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .15);
	position: relative;
	z-index: 1;
}

.search-form input.form-control {
	height: var(--search-bar-height);
	background-color: transparent;
	border: none;
	color: var(--text-color);
	padding-left: 10px;
}

.search-form .search-input {
	margin: 0px;
}

.search-form input.form-control:focus {
	box-shadow: none;
}

.search-form.focus {
	transition: all 500ms;
	outline: 0;
	box-shadow: 0 .425rem .9rem rgba(var(--bs-primary-rgb), 0.3);
	border-color: rgba(var(--bs-primary-rgb), 0.2);
}

.search-form .search-filter,
.search-form .search-form-options,
.search-form .search-button {
	/* border-left: 1px solid #eee; */
	height: 40px;
	margin: 15px 0;
}

.search-form .search-filter {
	cursor: pointer;
	height: 40px;
	width: 40px;
	line-height: 1;
	display: inline-block;
	margin: 0;
	/* background-color: #eee; */
	text-align: center;
}

.search-form {
	padding-right: 0px;
}

.search-form .search-filter .i {
	height: 40px;
	display: inline-block;
	line-height: 40px;
	margin-left: 0px;
}

.search-form .search-input {
	/* width: calc(100% - 50px); */
}

.search-form .col-icons {
	text-align: right;
	white-space: nowrap;
	/* background-color: #ccc; */
	/* width: 240px; */
}

.search-form .search-cat {
	width: 140px;
	/* overflow: hidden; */
}

.search-form .search-button {
	width: 50px;
	height: 40px;
	display: inline-block;
	/* background-color: #ccc; */
	margin: 0;
}


/*  */


.dd-list {
	height: 40px;
	padding: 0;
	margin: 0;
	width: auto;
	display: inline-block;
}

.dd-list .nav-item {
	margin: 0;
	height: 40px;
}

.dd-list .dropdown-toggle::after {
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.4%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transform: rotate(90deg);
	border: none;
	position: relative;
	top: 4px;
	left: 5px;
	opacity: 0.6;
	margin-top: 0 !important;
	/* display: none; */
}

.dd-list .nav-link {
	color: var(--text-color);
	border-radius: 10px;
	padding: 0px 12px 0px 0px;
	font-size: 15px;
	font-weight: 500;
	background-color: transparent !important;
	/* background-color: var(--primary-color-10); */
	/* line-height: 24px; */
	/* margin: 0 5px; */
}

.dd-list .nav-link.dropdown-toggle {
	line-height: 32px;
}

.dd-list .dropdown-item.active
{
	color: #fff;
	background-color: var(--primary-color-10);
}



.dd-list .nav-link:hover {
	color: #000;
	background-color: var(--primary-color-10);
}




.dd-list .dropdown-menu {
	border: none;
	box-shadow: 0 .225rem 1rem rgba(0, 0, 0, .15);
	border-radius: 10px;
	left: 20px;
	padding: 5px;
	min-width: 12rem;
}

.dd-list .dropdown-item {
	border-radius: 10px;
	position: relative;
	z-index: 2;
	width: 100%;
	display: inline-block;
	padding: 8px 18px 8px 6px;
	white-space: nowrap;
	color: var(--text-color);
	font-size: 14px;
	/* background-color: var(--primary-color-10); */
	/* border: 1px solid transparent; */
	font-family: var(--text-font);
}

.dd-list .dropdown-item:hover {
	background-color: var(--primary-color-10);
	color: var(--heading-color);
}

.search-form .search-button {
	line-height: 40px;
	text-align: center;
}

.search-form .search-button .btn {
	outline: none !important;
	box-shadow: none !important;

}

.search-form .search-button svg {
	outline: none !important;
	color: var(--primary-color);
	height: 24px;
	position: relative;
	top: -2px;
}

.search-form .search-filter svg {
	outline: none !important;
	/* color: var(--primary-color); */
	height: 22px;
	position: relative;
	top: 0px;
}

.search-form .sort-icon {
	position: relative;
	display: none;
	width: 30px;
	height: 30px;
}

.search-form .sort-icon svg {
	height: 15px;
}

.search-form .sort-icon svg:first-child {
	transform: rotate(90deg);
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	left: -3px;
	top: 7px;
}

/* .search-form .sort-icon svg:last-child{
  background-color: #fff;
} */


@media (max-width: 574.98px) {
	:root {
		--search-bar-height: 50px;
	}

	.search-form .sort-icon {
		display: inline-block;
	}

	.search-form .dd-list .nav-link.dropdown-toggle span {
		display: none;
	}

	.search-form .search-form-options,
	.search-form .search-button {
		margin: 3px 0;
		height: 40px;
		border-left: 0px solid #eee;
	}

	.search-form .form-select,
	.search-form .form-control {
		padding: 5px 20px;
	}

	.search-form input.form-control {
		padding: 10px 5px;
	}

	.search-form .search-input {
		width: calc(100% - 170px);
	}

	.search-form .search-form-options {
		width: 170px;
	}

	.search-form .search-cat {
		width: auto;
	}


	.search-form .search-button .btn {
		padding: 0;
	}

	.search-form .search-button {
		width: 40px;
	}

	.search-form .search-button svg {
		height: 20px;
		margin-top: -2px;
	}

	.search-form .search-filter {
		width: 40px;
	}

	.search-form .search-filter svg {
		height: 20px;
		margin-top: -2px;
	}

	.dd-list .dropdown-toggle::after {
		top: 1px;
		left: 5px;
		opacity: 0.6;
		margin-top: 0 !important;
		width: 2px;
		display: inline-block;
	}

}


#search-results .result-loader {
	position: absolute;
	height: 250px;
	width: 250px;
	margin: auto;
	/* background-color: rgba(var(--bs-primary-rgb),0.2); */
	/* height: 50px;
  width: 50px; */
	border-radius: 15px;
	z-index: 11;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

body.loading:before {
	content: " ";
	background-color: rgba(255, 255, 255, .75);
	height: 100%;
	width: 100%;
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
}


.result-item .more .btn,
.result-item .cart .btn {
	padding: 6px 15px;
}

.result-item .cart .btn {
	/* background-color: transparent; */
	/* color: var(--primary-color); */
	line-height: 25px;
	border-color: transparent;
	/* box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.3) !important; */
}

.result-item .cart .btn.added {
	background-color: var(--success-dark-color);
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.3) !important;
}


.loading #search-results .result-loader {
	display: block;
}

#search-results #listing {
	padding-top: 10px;
}

@media (max-width: 767.98px) {
	#search-results #listing {
		padding-top: 0px;
	}
}

.result-heading.hide,
.result-item.hide {
	display: none !important;
}

.result-item .widget {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05);
	transition: all .3s ease-in;
	height: 100%;
}

.result-item .widget:hover {
	box-shadow: 0 .425rem .8rem rgba(0, 0, 0, .10);
}


.result-item .widget-title {
	font-size: 22px;
	margin-bottom: 10px;
}

.result-item .content {
	padding-top: 24px;
	position: relative;
	padding-bottom: 10px;
}

.result-item .widget-title,
.result-item .actions,
.result-item .features,
.result-item .info {
	padding-left: 20px;
}

.result-item .content .options {
	position: absolute;
	right: 10px;
	top: 25px;
	cursor: pointer;
}

.result-item .content .options svg {
	height: 20px;
}

.result-item .info {
	display: inline-block;
	width: 100%;
	/* background-color: #ccc; */
	font-size: 14px;
	font-style: italic;
}

.result-item .info .tab {
	height: 25px;
	line-height: 25px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 7px;
}

.result-item .css_temp .info .tab {
	line-height: 40px;
}

.result-item .content .tab svg {
	height: 14px;
	width: 14px;
	position: relative;
	top: -1px;
	margin-right: 3px;
}

.result-item .features {
	margin: 10px -5px 10px -5px;
}

.result-item .features .tab {
	display: inline-block;
}

.result-item .features a {
	text-decoration: none;
	color: var(--text-color);
	padding: 6px 10px;
	/* border: 1px solid #eee; */
	border-radius: 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all .3s ease-in;
}

.result-item .features.css_temp {
	margin: 0;
	line-height: 40px;
	padding: 0;
}

.result-item .features.css_temp a {
	padding: 0;
}

.result-item .features a.distance {
	padding-left: 0;
}

.result-item .features a:hover {
	/* box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05); */
	/* background-color: #ffffff; */
}

.result-item .features .img {
	/* background-color: #eee; */
	height: 16px;
	width: 16px;
	float: left;
	position: relative;
	top: -2px;
	margin-right: 11px;
}

.result-item .features .img img {
	transition: all .1s ease-in;
	height: 16px;
}

.result-item .features a:hover img {
	height: 20px;
}

.result-item .actions {
	/* border-top: 1px solid #eee; */
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	border-radius: 15px;
}

.result-item .actions .price .curr {
	position: relative;
	top: -4px;
	font-size: 18px;
	margin-right: 0px;
}

.result-item .actions .price .val {
	font-size: 26px;
	font-weight: 500;
}

.result-item .actions .action-btns {
	position: absolute;
	right: 0px;
	white-space: nowrap;
	/* width: 205px; */
}

.result-item .actions .price .val,
.result-item .actions .price .curr {

	/* float: left; */
}

.result-item .actions .list-trips {
	/* width: 100%;
  display: inline-block !important; */
}

.result-item .actions .list-trips .tit {
	/* width: 100%;
  display: inline-block !important; */
	/* position: absolute;
  top: 20px;
  left: 15px; */

}

.result-item .actions .list-trips.dd-list .nav-link.dropdown-toggle {
	line-height: 23px;
}

.result-item .actions .list-trips.dd-list .nav-item {
	height: 50px;
	/* background-color: #ccc; */
}

.result-item .cart {
	margin-right: 15px;
	display: inline-block;
}

.result-item .more {
	display: inline-block;
}

.result-item .more .btn,
.result-item .cart .btn {
	padding: 8px 10px;
	font-size: 16px;
	border-radius: 8px;
	-webkit-border-radius:8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}

.result-item .cart svg {
	height: 18px;
	margin: 0;
	top: -1px;
	position: relative;
	margin-right: 6px;
}

.widget-img {
	position: relative;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.modal-body .widget-img {
	border-radius: 15px 15px;
}


/* .widget-img .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
} */

.widget-img .special-parent
{
	position: absolute;
	top:10px;
	left: 0;
	z-index: 12;
}

.widget-img .special {
	padding: 5px 12px;
	background-color: var(--success-dark-color);
	width: auto;
	color: #fff;
	border-radius: 0 40px 40px 0;
	font-size: 13px;
	cursor: pointer;
	z-index: 2;
}

.ts_active_box .special:nth-child(2){margin-top:10px;}

.widget-img .likes {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 5px 12px;
	background-color: rgba(33, 33, 33, 0.08);
	width: auto;
	display: inline-block;
	color: #fff;
	border-radius: 40px 40px;
	font-size: 13px;
	cursor: pointer;
	z-index: 1;
}

.widget-img .likes {
	color: rgba(var(--bs-danger-rgb), 1);
}

.widget-img .likes svg {
	height: 15px;
	width: 15px;
	stroke: rgba(var(--bs-danger-rgb), 1);
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.widget-img .likes.liked {
	font-weight: bold;
	background-color: rgba(var(--bs-danger-rgb), .2);
}

.widget-img .likes.liked svg {
	fill: rgba(var(--bs-danger-rgb), 1);
}


.result-item .widget {
	position: relative;
}

.result-item .info .more-specs {
	cursor: pointer;
}

.result-item .actions {
	position: relative;
	/* z-index: 3; */
	background-color: #fff;
}

.result-item .full-specs {
	/* display: none; */
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: all .3s ease-out;
	display: inline-block;
	z-index: 2;
}

.result-item.show-full-specs .full-specs {
	top: 0;
	padding-bottom: 100px;
}

.result-item .full-specs .close-specs {
	cursor: pointer;
	opacity: 0.4;
	right: 10px;
	top: 10px;
	position: absolute;
	z-index: 4;
}

.full-specs .nav-item {
	margin: 0;
}

.full-specs .nav-tabs .nav-link {
	padding: 10px 10px;
}

.full-specs .nav-tabs {
	padding-top: 0px;
	background-color: #eee;
	border: none;
}

.full-specs .nav-tabs .nav-link:hover {
	border-color: transparent;
}

.full-specs .nav-tabs .nav-item.show .nav-link,
.full-specs .nav-tabs .nav-link.active {
	border-color: #fff #ddd #fff;
}

.full-specs .tab-content {
	padding: 20px;
}

.full-specs .table td,
.full-specs .table th {
	padding: 10px 15px 10px 15px;
}

.full-specs table svg {
	height: 20px;
}


.result-item .owl-dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.6;
}


@media (max-width: 574.98px) {
	.result-item .actions {
		padding-top: 20px;
	}

	.result-item .features {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.result-item .info {
		margin-bottom: 15px;
	}

	.result-item .widget-title {
		font-size: 20px;
	}

	.result-item .actions .price .val {
		font-size: 22px;
		line-height: 1;
	}

	.result-item .actions .price .curr {
		top: -3px;
	}

	/* .result-item .actions .list-trips {
		margin-top: -8px;
	} */

	.result-item .more .btn,
	.result-item .cart .btn {
		padding: 4px 10px;
		margin-top: -5px;
	}

	.result-item .more .btn svg,
	.result-item .cart .btn svg {
		height: 18px;
	}
}


/* .result-item.show-full-specs .full-specs{
  top: 0;
} */


/*---------- Filter START ---------------*/

.filter-form {}

.filter-form.hide-opacity {
	opacity: 0;
}

.filter-type {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.filter-visible .filter-type {
	padding-left: 5px;
	padding-right: 5px;
}

.filter-form li:last-child .filter-type {
	border: none;
}

.filter-type .type-title {
	line-height: 30px;
	/* background-color: #ccc; */
	display: inline-block;
	width: 100%;
	padding: 5px 0px;
	color: var(--text-color);
	font-size: 17px;
	text-decoration: none;
	font-weight: 500;
	position: relative;
}

.filter-type .type-title svg {
	float: right;
	height: 17px;
	color: var(--text-color);
	margin: 6px 0px 0 12px;
}

.filter-type .type-title svg {
	transition: all 0s ease;
}

.filter-type .type-title.collapsed svg {
	transform: rotate(180deg);
}

.filter-type .icon.clear {
	position: absolute;
	z-index: 2;
	right: 50px;
	top: 7px;
}

.filter-type .icon.clear svg {
	height: 16px;
	cursor: pointer;
}

.filter-type .card {
	border: none;
	padding: 10px 0px 0 0;
}

.filter-type .collapsing,
.filter-type .collapse {
	border: none;
}

.filter-type .collapsing {
	transition: height 0s ease;
}

.filter-type .collapse .option {
	margin-bottom: 0px;
	display: inline-block;
	width: 100%;
	transition: all 0s ease-in;
	position: relative;
}

.ts_sub_category .filter-type .collapse .option {
	margin-bottom: 15px;
}

.filter-type .collapse .option label {
	cursor: pointer;
	width: calc(100% - 32px);
	position: relative;
	z-index: 2;
	font-size: 15px;
}

.filter-type .collapse .option label:hover {
	font-weight: 500;
}

.filter-type .option .badge {
	background-color: rgba(var(--bs-primary-rgb), 0.1);
	border-radius: 20px;
	height: 21px;
	min-width: 21px;
	width: auto;
	padding: 0 5px;
	line-height: 20px;
	font-weight: 500;
	float: right;
	font-size: 14px;
	color: var(--text-color);
	transition: all .2s ease-in;
	position: absolute;
	right: 0;
}

.filter-type .collapse .option.active .badge,
.filter-type .collapse .option:hover .badge {
	background-color: rgba(var(--bs-primary-rgb), 0.7);
	color: #ffffff;
}


.filter-type .slider-wrap {
	position: relative;
}

.filter-type .irs--round .irs-min,
.filter-type .irs--round .irs-max {
	display: none;
}

.filter-type .range-slider {
	width: 85%;
}

.filter-type .slider-wrap .badge {
	position: absolute;
	top: 25px;
}


.filter-actions {
	border-top: 1px solid #eee;
	height: 75px;
	padding: 15px 10px 15px 10px;
	/* background-color: #ccc; */
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
}

.apply-filter-btn {
	display: none;
}

.filter-actions #ts_clear-refinements {
	width: 70%;
	max-width: 180px;
}

@media (max-width: 767px) {
	.filter-actions #ts_clear-refinements {
		margin-right: 10px;
		width: auto;
	}

	.filter-actions .apply-filter-btn {
		display: inline-block;
	}
}

.filter-type.thumbs .option {
	/* display: inline-block; */
	width: 95px;
	position: relative;
	float: left;
	margin-bottom: 20px;
	/* background-color: #eee; */
}

.filter-visible .filter-type.thumbs .option {
	width: 85px;
}

.filter-type.thumbs .option label {
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	display: inline-block;
}

.filter-type .img-thumb {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 8px 8px 0 8px;
	vertical-align: top;
}


.filter-type.thumbs .option .badge {
	top: -2px;
	right: 4px;
	z-index: 2;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);

}

.filter-type .option .wrap {
	border-radius: 10px;
	background-color: #fff;
	padding: 0 0px 0px 0;
	/* border: 3px solid rgba(var(--bs-primary-rgb), 0.1);  */
	 border: 2px solid rgba(var(--bs-primary-rgb), 0.1); 
	margin-right: 12px;
	cursor: pointer;
	transition: all .1s ease-in;
	overflow: hidden;
}

.filter-type .option .wrap.active {
	border: 2px solid rgba(var(--bs-primary-rgb), 0.1);
	background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.filter-type .option .wrap.active .badge {
	background-color: rgba(var(--bs-primary-rgb), 0.7);
	color: #fff;
}

.filter-type .option .wrap img {
	border-radius: 10px;
	/* -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
	opacity: 0.75;
	transition: all .2s ease-in;
}

.filter-type .option .wrap:hover img {
	opacity: 1;
}

.filter-type .card-thumbs {
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	vertical-align: top;
}

.results-col {
	z-index: 1;
}

/*-------------------------*/
@media (max-width: 990.98px) {}

@media (min-width: 991px) {
	.filter-visible .side-nav ul.side-nav-scrollbar-overlay {
		height: 1040px !important;
	}

	.filter-visible #side-nav {
		position: relative;
		margin: 15px 20px;
		border-radius: 15px;
		z-index: 1;
	}

	.filter-visible #side-nav .filter-form {
		border-radius: 15px;
		overflow: hidden;
		box-shadow: 0 0.225rem 0.5rem rgb(0 0 0 / 5%);
		background-color: #fff;
	}

	.filter-visible #side-nav .filter-form .head {
		display: none;
	}

	.filter-visible .filter-col {
		width: calc(var(--side-nav-width) + 30px);
	}

	.filter-visible .results-col {
		width: calc(100% - var(--side-nav-width) - 30px);
	}

	.filter-visible .filter-form .sidenav-actions {
		position: absolute;
	}

	/* .filter-visible .filter-form .side-nav-bottom-spacer {
    display: none;
  } */


}


/*---------- Filter END ---------------*/


/*---------- Cart START ---------------*/
.cart-summary .head {
	padding: 20px 25px 0 25px;
	margin-bottom: 0;
}

.cart-item {
	position: relative;
	/* border-bottom: 1px solid #eee; */
	margin-bottom: 5px;
	padding: 0 10px 15px 0px;
}

/* .cart-item:last-child{
  border-bottom: none;
} */

.cart-item .img-thumb {
	border-radius: 15px;
	width: 64px;
	height: 64px;
	background-size: cover;
	background-position: center;
	margin: 5px 5px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: 0px;
}

.cart-item .item-data {
	padding-top: 0px;
	/* float: left; */
	padding-left: 85px;
	display: inline-block;
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 .225rem .4rem rgba(0, 0, 0, .15);
	/* height: 74px; */
	height: 95px;
	padding-top: 7px;
}

.cart-item .item-data .tit {
	font-size: 18px;
	margin-bottom: 2px;
}

.cart-item .item-data .price .curr {
	font-size: 13px;
}

.cart-item .item-data .price .val {
	font-weight: 500;
	font-size: 17px;
}

.cart-item .item-data .price .cat {
	font-size: 13px;
}

.cart-item .item-data .remove {
	position: absolute;
	right: 15px;
	top: 5px;
}

.cart-item .item-data .remove svg {
	height: 17px;
	opacity: 0.7;
}

.cart-actions {
	border-top: 1px solid #eee;
	height: 75px;
	padding: 15px 10px 10px 10px;
	/* background-color: #ccc; */
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
}


/*---------- Cart END ---------------*/


/*---------- Cart Summary START ---------------*/

.order-summary {
	padding: 0 10px 0 0;
}

.cart-summary .order-summary {
	padding-bottom: 180px;
}

.order-summary .tit {
	margin-top: 10px;
	padding-bottom: 10px;
}

.order-summary .bill {
	padding: 5px 15px;
	border-radius: 15px;
	box-shadow: 0 0.225rem 0.4rem rgb(0 0 0 / 5%);
	background-color: #fff;

}

.order-summary .info {
	/* border-top: 1px solid #eee; */
	/* padding: 15px 10px 15px 10px; */

	 padding: 5px 10px 5px 10px;

	
}

/* .order-summary .info.total {
  border-top: 1px solid #cccccc;
} */

.order-summary .info:first-child {
	border: none;
	/* padding: 15px 10px 5px 10px; */
}

.order-summary .info .tit {
	color: var(--heading-color);
	font-size: 15px;
}

.order-summary .info.topay .tit,
.order-summary .info.total .tit {
	font-weight: 500;
	font-size: 18px;
}

.order-summary .info .price {
	float: right;
	font-weight: 500;
	font-size: 15px;
}

.order-summary .info.total .price,
.order-summary .info.topay .price {
	font-weight: 500;
	font-size: 18px;
}

.order-summary .info.apply-code {
	position: relative;
}

.order-summary .info.apply-code .btn {
	position: absolute;
	right: 4px;
	top: 19px;
	border-radius: 8px;
}

.order-summary .info.checks {
	padding-top: 30px;
}

.order-summary .info.checks .field {
	margin-bottom: 15px;
}

.order-summary .info.checks .field label {
	cursor: pointer;
	padding-left: 30px;
	top: -5px;
    position: relative;
}

.order-summary .info.checks .field.check input {
	position: absolute;
}


.order-summary .info.checks a {
	color: var(--primary-color);
}

.paybtn .btn {
	width: 80%;
	margin: 15px 10%;
}

.paybtn .stripe img {
	width: 60%;
	margin: 10px 20% 15px 20%;
}


.cart-close {
	position: absolute;
	top: 12px;
	right: 20px;
	opacity: 0.7;
	cursor: pointer;
}

.cart-close svg {
	height: 24px;
}

/*---------- Cart Summary END ---------------*/

/*---------- Checkout START ---------------*/
#side-nav-right[data-type="checkout"] .cart-summary,
#side-nav-right[data-type="thankyou"] .cart-summary {
	display: none;
}

#side-nav-right[data-type="checkout"] .checkout-area {
	display: inline-block;
	width: 100%;
}

#side-nav-right[data-type="thankyou"] .thankyou-area {
	display: inline-block;
	width: 100%;
}


.thankyou-area,
.checkout-area {
	display: none;
	transition: all .2s ease-in;
}

.checkout-area .checkout-close,
.thankyou-area .thankyou-close {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 2;
	cursor: pointer;
	opacity: 0.6;
}

.checkout-area .checkout-close svg,
.thankyou-area .thankyou-close svg {
	height: 20px;
}

.side-nav .head {
	padding: 10px 25px 10px 25px;
	margin-bottom: 0px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.thankyou-area .thankyou-form,
.checkout-area .checkout-form {
	padding: 0px 10px 0 0px;
}

.checkout-form .field {
	margin-bottom: 10px;
}

.checkout-form .card-wrap {
	margin-bottom: 15px;
	margin-top: 0;
}


.checkout-form .pay-card {
	padding: 15px 20px;
	border-radius: 15px;
	box-shadow: 0 0.225rem 0.3rem rgb(0 0 0 / 10%);
	background-color: #fff;
	margin-bottom: 15px;
	position: relative;
}

.checkout-form .pay-card input {
	margin-top: 6px;
}

.checkout-form .pay-card img {
	width: 50px;
	/* height: 25px; */
	margin: 0 0px;
	position: absolute;
	right: 20px;
	background: #fff;
}

.checkout-form .pay-card .bank-name {
	color: var(--heading-color);
	font-size: 17px;
}

.checkout-form .pay-card .bank-name small {
	font-size: 13px;
	color: var(--text-color);
	margin-left: 10px;
	line-height: 10px;
}

.checkout-form .pay-card .bank-name {
	font-size: 14px;
	padding-left: 7px;
}

.pay-card .bank-name small {
	display: block;
	width: 100%;
	padding-left: 28px;
}

.checkout-form .pay-card img {
	top: 20px;
	right: 15px;
}

.checkout-form .pay-card input {
	margin-top: 8px;
}


.sidenav-actions {
	/* display: none; */
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 100%;
	background-color: #ffffff;
	height: 70px;
	padding-top: 15px;
	border-top: 1px solid #eee;
	/* display: none; */
}

.thankyou-area {
	text-align: center;
}

.thankyou-area .head-icon svg {
	height: 40px;
	width: 40px;
	color: var(--primary-color);
	margin-bottom: 30px;
	margin-top: 20px;
}

.thankyou-area h3 {
	margin-bottom: 40px;
}

.thankyou-area h5 {
	margin-bottom: 40px;
}

.thankyou-area h6 {
	margin-bottom: 20px;
}


.side-nav-bottom-spacer {
	height: 280px;
	width: 100%;
	background-color: transparent;
}

.side-nav-bottom-spacer.spacer-4 {
	height: 50px;
}

.side-nav.side-nav-right ul.side-nav-scrollbar-overlay {
	padding: 20px 10px 0 25px !important;
}

/*---------- Checkout END ---------------*/


/*---------- Checkout Page START ---------------*/
body.checkout .search-area:before {
	content: " ";
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	background-color: #fff;
	z-index: 1;
	border-radius: 0 40px 0 0;
}

.checkout-page-bg {
	content: " ";
	width: 50%;
	height: 100%;
	position: fixed;
	right: 0;
	background-color: #fff;
	z-index: 1;
	top: 0;
	display: none;
}

.checkout-summary-col {
	padding-left: 30px;
	padding-top: 10px;
}

.checkout-summary-col ul {
	list-style-type: none;
	padding-left: 0;
	padding-top: 10px;
}

.checkout-page {
	z-index: 2;
	position: relative;
}

.checkout-page .user-info-col {
	z-index: 2;
	position: relative;
}


.checkout-info.result-item .widget {
	/* min-height: 155px; */
}

.checkout-info .widget-img {
	/* width: 200px; */
	/* height: 100px; */
	/* float: left;
	position: absolute; */
}

.checkout-info .widget-img {
	/* width: 200px; */
	/* height: 100px; */
	/* float: left;
	position: absolute;
	border-radius: 15px;
	top: 10px;
	left: 10px; */
}


.checkout-info.result-item .price .rate {
	float: left;
}

.checkout-info.result-item {
	margin-bottom: 5px;
	margin-top: 5px;
}

.checkout-info.result-item .price .tit {
	/* margin-left: 12px; */
	position: relative;
	/* top: -3px; */
}

.checkout-info.result-item .actions .dd-list .dropdown-toggle::after {
	top: 2px;
	left: -1px;
}

.checkout-info.result-item .widget-title {
	font-size: 19px;
}


.checkout-info.result-item .content {
	padding-top: 15px;
	float: left;
	display: block;
	width: 100%;
	padding-left: 210px;

}

.checkout-info.result-item .actions {
	padding-bottom: 0;
	display: inline-block;
	width: 100%;
	padding-left: 225px;
	background-color: transparent;
	border: none;
	padding-top: 0px;
}

.checkout-info.result-item .info {
	margin-bottom: 10px;
	display: inline-block;
	width: auto;
}

.checkout-info.result-item .info .change-date {
	text-decoration: underline;
	cursor: pointer;
}

.change-date-checkout,
.change-address {
	display: inline-block;
	color: var(--text-color);
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
}

.change-date-checkout input {
	visibility: hidden;
	opacity: 0;
	height: 1px;
	width: 1px;
	display: inline-block;
	overflow: hidden;
	padding: 0;
}

.change-date-checkout a,
.change-address a {
	color: var(--text-color);
	cursor: pointer;
}

body .change-date-checkout svg,
body .change-address svg {
	color: var(--text-color);
	height: 18px !important;
	width: auto !important;
}


.checkout-info.result-item .actions .list-trips.dd-list .nav-item {
	height: auto;
}

.checkout-info.result-item .actions .price .val {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
}

.checkout-info.result-item .actions .price .curr {
	font-size: 14px;
}

.checkout-pay-col {
	padding-right: 25px;
}

.checkout-page .quote {
	margin-top: -7px;
	color: var(--primary-color);
}

.checkout-page .quote .no {
	color: var(--primary-color);
}

.checkout-summary-col.hide,
.checkout-pay-col.hide {
	display: none;
}

.checkout-page .order-summary {
	padding: 0px 0 0 0;
}

.checkout-pay-col li {
	list-style-type: none;
}

.checkout-summary-col .head {
	margin-top: 20px;
}

.checkout-pay-col .btn {
	margin: 10px 0;
}

.checkout-page .user-det {
	padding-top: 30px;
	/* background-color: #ccc; */
	width: 100%;
}

.checkout-page .user-det .tabs {
	padding-top: 10px;
	display: inline-block;
	margin-right: -20px;
}

.checkout-page .user-det .tab {
	float: left;
	width: 50%;
	padding: 0px 20px 20px 0;
	min-width: 200px;
}

.checkout-page .user-det .tab .wrap {
	background-color: #eee;
	padding: 10px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05);
	position: relative;
	padding-left: 60px;
	cursor: pointer;
	overflow: hidden;
}

.checkout-page .user-det .tab .wrap:hover {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .15);
}

.checkout-page .user-det .tab .wrap .imgicon {
	position: absolute;
	left: 20px;
	top: 20px;
}

.checkout-page .user-det .tab .wrap .imgicon img {
	height: 26px;
}

.checkout-page .user-det .tab .wrap .imgicon svg {
	height: 20px;
	color: var(--primary-color);
}


.checkout-page .user-det .tab .wrap .tit {
	font-size: 12px;
	font-weight: 300;

}

.checkout-page .user-det .tab .wrap .val {
	font-size: 15px;
	font-weight: 500;
	color: var(--heading-color);
	border: none;
	outline: none !important;
	box-shadow: none !important;
}

.checkout-page .user-det .tab .wrap .edit {
	position: absolute;
	right: 15px;
	top: 20px;
	cursor: pointer;
	    z-index: 1000000000;
}

.checkout-page .user-det .tab .wrap .edit svg {
	height: 18px;
	opacity: .5;
	transition: all .2s ease-in;
}

.checkout-page .user-det .tab .wrap:hover .edit svg {
	opacity: 1;
	stroke: var(--primary-color);
}

.checkout-page .remove-cart {
	position: absolute;
	z-index: 1;
	position: absolute;
	top: -3px;
	right: 0px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .75);
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	border: 1px solid rgb(224 224 224);
	/* border: 3px solid rgba(var(--bs-primary-rgb), 0.3); */
}

.checkout-page .remove-cart svg {
	opacity: .8;
	height: 16px;
	stroke: #757575;
}

.checkout-page .remove-cart:hover {
	border: 1px solid transparent;
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .15);
}


.checkout-page .remove-cart-xs {
	z-index: 1;
	height: 30px;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	font-size: 13px;
	font-style: italic;
	position: absolute;
	top: 100px;
	left: 40px;
}

.prod-box .remove-cart,
.prod-box .remove-cart-xs {
	display: none !important;
}


.checkout-add-more {
	margin-top: 15px;
}

.checkout-add-more .widget {
	height: 200px;
	text-align: center;
	opacity: 0.7;
	background-color: #eee;
	/* line-height: 200px; */
	padding: 60px 15px;
	transition: all .2s ease-in;
}

.checkout-add-more a {
	color: var(--text-color);
	text-decoration: none;
}

.checkout-add-more .widget:hover {
	/* border-radius: 50%; */
	background-color: rgba(255, 255, 255, .75);
	box-shadow: 0 .125rem .3rem rgba(0, 0, 0, .10);
	cursor: pointer;
}

.checkout-add-more .widget .imgicon {
	display: inline-block;
	width: 100%;
	height: 40px;
}

.checkout-add-more .widget .imgicon svg {
	height: 30px;
	width: 30px;
	opacity: 0.8;
}

.checkout-add-more .widget .tit {
	display: block;
	text-align: center;
}


@media (max-width: 1200.1px) {

	.checkout-info .widget-img {
		width: 150px;
	}

	.checkout-info.result-item .content {
		padding-left: 160px;
	}

	.checkout-info.result-item .actions {
		padding-left: 180px;
	}
}
@media (min-width: 600px) and (max-width: 1200px){
	.list-view .widget-img {
	  border-radius: 15px 0 15px 0px !important;
  }
  }

  @media (min-width: 768px) and (max-width: 1200px){
	.result-heading .tit {
		width: 300px;
	}

	.dd-list .nav-link.dropdown-toggle {
		max-width: 150px;
	}
	.checkout-page .dd-list .nav-link.dropdown-toggle{
		max-width: 250px;
	}
	#ts_sortby .nav-link.dropdown-toggle {
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
  }

@media (max-width: 991.98px) {
	.checkout-page .user-det .tabs {
		margin-right: -20px;
	}

	.checkout-summary-col {
		padding-left: 15px;
	}

	.checkout-pay-col {
		padding-left: 0px;
		padding-right: 0px;
	}

	body.checkout .search-area:before,
	.checkout-page-bg {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.checkout-page {
		padding-top: 70px;
	}
}

@media (max-width: 574.98px) {
	.checkout-info.result-item .actions .dd-list .dropdown-toggle::after {
		top: -2px;
		left: 4px;
	}

	.checkout-page {
		padding: 70px 12px 40px 12px;
	}

	.checkout-page .user-det .tab {
		width: 100%;
		padding: 0px 0px 20px 0;
	}

	.checkout-pay-col {
		padding-left: 0px;
		padding-bottom: 0px;
	}

	.checkout-page .user-det .tabs {
		margin-right: 0px;
	}

	.checkout-info .widget-img {
		width: 100%;
	}

	.checkout-info.result-item .content {
		padding-left: 105px;
	}

	.checkout-info.result-item .actions {
		padding-top: 7px;
		padding-left: 140px;
	}

	.checkout-info .widget-img {
		/* top: 15px; */
		border-radius: 10px;
	}
}


/*---------- Checkout Page END ---------------*/


/*---------- payment-feedback Page END ---------------*/
.payment-feedback-page .head {
	padding: 100px 0px 0 0;
}

.payment-feedback-page.hide {
	display: none;
}

.payment-feedback-page .head-icon {
	background-color: rgba(var(--bs-primary-rgb), 1);
	border-radius: 50%;
	box-shadow: 0 .125rem .3rem rgba(0, 0, 0, .10);
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	margin-bottom: 30px;
}

.payment-feedback-page .head-icon svg {
	stroke: #fff;
	height: 30px;
	width: 30px;
	/* border-radius: 50%; */
}


/*----------- Full info popup ------------*/
[data-bs-toggle="modal"] {
	cursor: pointer;
}

.modal-backdrop.show {
	opacity: .6;
}

@media (min-width: 576px) {
	/* .modal-dialog {
		max-height: 750px;
		max-width: 1050px;
	} */

	.modal-dialog-centered {
		padding: 0 20px;
		min-height: calc(100% - 20rem);
		height: calc(100% - 20rem);
		margin: 10rem auto;
	}
}

#resultFullInfo .result-loader {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

#resultFullInfo.loading .result-loader {
	display: block;
}

#resultFullInfo .result-loader .loader-box {
	display: none;
}


#resultFullInfo .modal-content {
	min-height: 530px;
}

#resultFullInfo .modal-body {
	padding-bottom: 0;
	overflow-y: visible;
}

#resultFullInfo .btn-close {
	position: absolute;
	right: 12px;
	top: 15px;
	z-index: 41;
	opacity: 0.7;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.7em auto no-repeat;
	background-color: #fff;
	padding: 10px;
	border-radius: 25px;
	border: 1px solid #eee;
}

#resultFullInfo .tab-pane {
	padding: 20px 0;
}

#resultFullInfo .result-item .widget {
	box-shadow: none !important;
}

#resultFullInfo .result-item .content {
	padding-top: 10px;
}

#resultFullInfo .result-item .more-popup {
	display: none;
}

#resultFullInfo .result-item .widget-title,
#resultFullInfo .result-item .actions,
#resultFullInfo .result-item .features,
#resultFullInfo .result-item .info {
	padding-left: 10px;
}

#resultFullInfo .nav-tabs {
	margin-top: 20px;
}

#resultFullInfo .modal-footer {
	/* justify-content: start; */
	padding: 0;
	display: inline-block;
	width: 100%;
}

#resultFullInfo .result-item .actions {
	float: right;
	padding: 20px 20px 10px;
	border: none;
	/* display: inline-block; */
	width: 350px;
	width: 100%;
}

.result-item .actions .action-btns {
	top: 30px;
	text-align: right;
}

#resultFullInfo .result-item .actions .btn {
	/* float: right; */
	margin-top: 0px;
	margin: 0 0 0 10px;
}

#resultFullInfo .info-tabs {
	margin: 0px 0 0px 0;
	padding-top: 0;
}

#resultFullInfo .info-tabs .col {
	/* margin: 5px; */
	padding: 0 20px 20px 0;
}

#resultFullInfo .info-tabs .col .info {
	padding: 5px 15px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #eee;
	position: relative;
}

#resultFullInfo .info-tabs .col span {
	display: inline-block;
	width: 100%;
}

#resultFullInfo .info-tabs .col .tit {
	font-size: 12px;
	font-weight: 300;
}

#resultFullInfo .info-tabs .col .val {
	font-size: 16px;
	font-weight: 500;
	color: var(--heading-color);
}

#resultFullInfo .info-tabs .col.ico .info {
	padding: 10px 0;
}

#resultFullInfo .info-tabs .col.ico .tit,
#resultFullInfo .info-tabs .col.ico .val {
	display: inline-block;
	width: auto;
}

#resultFullInfo .info-tabs .col.ico .tit {
	font-size: 15px;
	font-weight: 500;
	color: var(--heading-color);
	padding-left: 45px;
}

#resultFullInfo .info-tabs .col.ico .val {
	position: absolute;
	left: 10px;
	top: 10px;
}

#resultFullInfo .info-tabs .col.ico .val svg {
	height: 22px;
}

#resultFullInfo .info-content .tit {
	color: var(--heading-color);
}

#resultFullInfo .nav {
	flex-wrap: nowrap;
}


@media (max-width: 574.98px) {
	#resultFullInfo .result-item .content {
		padding-left: 10px;
		padding-top: 15px;
	}

	#resultFullInfo .nav-tabs {
		margin-top: 10px;
	}

	.result-item .actions .action-btns {
		top: 20px;
	}
}


/*result-heading*/
.result-heading {
	margin-top: 10px;
	margin-bottom: 15px;
	position: relative;
	z-index: 400;
}

.result-heading .tit {
	margin: 0 !important;
	color: var(--heading-color);

}

.result-heading .sorting li {
	list-style-type: none;
	position: relative;
	display: block;
}

.result-heading .sorting li .dropdown-toggle {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05);
	background-color: #ffffff !important;
	border-radius: 8px;
	padding: 3px 15px;
}

.result-heading .sorting,
.result-heading .filtering,
.result-heading .viewing {
	float: left;
}

.result-heading .filtering .btn,
.result-heading .viewing .btn {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05);
	background-color: #ffffff;
	border-radius: 15px;
	padding: 6px 10px;
	margin-right: 15px;
}

.result-heading .filtering .btn:hover svg,
.result-heading .viewing .btn:hover svg {
	opacity: 1;
}

.result-heading .filtering .btn svg,
.result-heading .viewing .btn svg {
	margin: 0;
}


.result-heading .viewing {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05);
	background-color: #ffffff;
	border-radius: 8px;
	margin-right: 10px;
	padding: 0;
}

.result-heading .viewing span {
	/* display: inline-block; */
	padding: 6px 12px;
	cursor: pointer;
	float: left;
	border-radius: 15px;
}

.result-heading .viewing span.grid {
	border-radius: 8px 0 0 8px;
}

.result-heading .viewing span.list {
	border-radius: 0 8px 8px 0;
}

.result-heading .viewing span.active {
	background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.result-heading .viewing span:hover svg,
.result-heading .viewing span.active svg {
	stroke: var(--primary-color);
}

.result-heading .viewing svg {
	height: 18px;
}


@media (max-width: 767.98px) {
	.result-heading {
		margin-top: 10px;
		margin-bottom: 5px;
		padding-left: 30px;
		padding-right: 40px;
	}

	.result-heading h5.tit {
		margin: 0;
		padding-left: 0px;
		line-height: 30px;
		padding-bottom: 12px;
	}

	.result-heading .col {
		padding: 0;
	}

	.result-heading .col-title {
		/* width: calc(100% - 220px); */
		white-space: nowrap;
		padding-left: 10px;
	}

	.result-heading .col-btns {
		min-width: 220px;
	}


}


.quote {
	font-size: 13px;
	width: auto;
	line-height: 40px;
	float: right;
	margin-top: 0px;
	margin-right: 15px;
	text-align: left;
}

.quote .tit {
	line-height: 20px;
	width: 55px;
	display: inline-block;
}

.quote .no {
	line-height: 24px;
	display: inline-block;
	width: 70px;
	color: var(--heading-color);
	font-weight: 500;
	font-size: 18px;

	/* display: block; */
}

.col-btns {
	float: right;
}

.col-btns .btns-wrap {
	float: right;
}

@media (max-width: 767.98px) {
	.quote {
		line-height: 25px;
		white-space: normal;
		margin-right: 0;
	}

	.quote .tit {
		display: block;
	}

	.quote .no {
		font-size: 16px;
	}

	.quote {
		float: right;
	}

	.col-btns {
		width: 100%;
		float: right;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.col-btns .btns-wrap {
		float: right;
		margin-top: 5px;
	}
}


/*----------search-dd start-----------*/

.search-dd {
	position: fixed;
	height: 360px;
	width: 100%;
	max-width: 1200px;
	left: 50%;
	/* top: 18px; */
	transform: translateX(-50%);
	padding: 20px;
	display: none;
}

.search-dd.show {
	display: inline-block;
}

.search-dd .wrap {
	box-shadow: 0 .425rem .9rem rgba(0, 0, 0, .35);
	border-radius: 15px;
	background-color: #fff;
	width: 100%;
	height: 360px;
	padding: 0px;
}

.search-dd .dd-wrap {
	position: relative;
	cursor: pointer;
	width: 100%;
	display: inline-block;
	padding: 10px;
	border-radius: 15px;
	transition: all .2s ease-in;
}

.search-dd .dd-wrap .info {
	white-space: nowrap;
}

.search-dd .dd-option {
	padding: 10px;
}

.search-dd .dd-option .dd-wrap:hover {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .15);
}


.search-dd .img-thumb {
	width: 70px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	background-color: #ccc;
}

.search-dd .content {
	padding-left: 85px;
}

.search-dd .content .tit {
	font-weight: 500;
	color: var(--heading-color);
	font-size: 17px;
	margin-top: 1px;
	margin-bottom: 3px;
}

.search-dd .content .tit .highlight {
	color: var(--primary-color);
	font-weight: 600;
}

.search-dd .content .location {
	margin: 0 5px 0 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-left: 5px;
	padding-right: 10px;
	height: 12px;
	/* overflow: hidden; */
	display: inline-block;
	line-height: 12px;
}


.search-dd .content .location svg {
	height: 12px;
	position: relative;
	top: 0px;
}


.search-dd .content .price .curr {
	font-size: 13px;
}

.search-dd .content .price .val {
	font-weight: 500;
	font-size: 16px;
}

.search-dd .view-all-search-dd {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 .225rem .4rem rgba(0, 0, 0, .10);
	padding: 5px 10px;
	border: 2px solid rgba(var(--bs-primary-rgb), 0.3);
}

.search-dd .view-all-search-dd:hover {
	font-weight: 500;
	color: var(--primary-color);
}

.search-dd-close {
	position: absolute;
	top: 32px;
	right: 30px;
	height: 30px;
	width: 30px;
	opacity: 0.6;
	cursor: pointer;
}


@media (max-width: 574.98px) {
	.search-dd {
		top: 8px;
	}
}


/*----------search-dd end-----------*/


/* .tooltip */

.tooltip-inner {
	background-color: var(--text-color);
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	top: -1px;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: var(--text-color);
}


/* toast */
.toast-container {
	top: 30px;
	right: 0;
}

.toast-body .tit {
	/* font-size: 16px; */
	font-weight: 500;
	color: #ffffff;
	padding-right: 30px;
	padding-left: 10px;
}

.toast {
	overflow: hidden;
	border-radius: 60px;
}

.toast-close {
	position: absolute;
	top: 10;
	right: 40px;
	color: #eee;
}

.toast .toast-close svg {
	stroke: #eee;
	height: 17px;
	cursor: pointer;
}


@media (max-width: 767.9px) {
	.toast-container {
		right: auto;
		transform: translateX(-50%);
		left: 50%;
	}
}


/*---------- Animation START-   https://animista.net/  --------------*/
.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}


/*---------- Animation END---------------*/


/*---------- Check mark animation START ---------------*/


.check-mark {
	width: 100px;
	margin: 30px auto;
}

.svg-success {
	display: inline-block;
	vertical-align: top;
	height: 100px;
	width: 100px;
	opacity: 1;
	overflow: visible;
}

@-webkit-keyframes success-tick {
	0% {
		stroke-dashoffset: 16px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 31px;
		opacity: 1;
	}
}

@keyframes success-tick {
	0% {
		stroke-dashoffset: 16px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 31px;
		opacity: 1;
	}
}

@-webkit-keyframes success-circle-outline {
	0% {
		stroke-dashoffset: 72px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 0px;
		opacity: 1;
	}
}

@keyframes success-circle-outline {
	0% {
		stroke-dashoffset: 72px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 0px;
		opacity: 1;
	}
}

@-webkit-keyframes success-circle-fill {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes success-circle-fill {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.svg-success .success-tick {
	fill: none;
	stroke-width: 1px;
	stroke: #ffffff;
	stroke-dasharray: 15px, 15px;
	stroke-dashoffset: -14px;
	-webkit-animation: success-tick 450ms ease 1400ms forwards;
	animation: success-tick 450ms ease 1400ms forwards;
	opacity: 0;
}

.svg-success .success-circle-outline {
	fill: none;
	stroke-width: 1px;
	stroke: var(--primary-color);
	stroke-dasharray: 72px, 72px;
	stroke-dashoffset: 72px;
	-webkit-animation: success-circle-outline 300ms ease-in-out 800ms forwards;
	animation: success-circle-outline 300ms ease-in-out 800ms forwards;
	opacity: 0;
}

.svg-success .success-circle-fill {
	fill: var(--primary-color);
	stroke: none;
	opacity: 0;
	-webkit-animation: success-circle-fill 300ms ease-out 1100ms forwards;
	animation: success-circle-fill 300ms ease-out 1100ms forwards;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.svg-success .success-tick {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
		-webkit-animation: none;
		animation: none;
		opacity: 1;
	}

	.svg-success .success-circle-outline {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
		-webkit-animation: none;
		animation: none;
		opacity: 1;
	}

	.svg-success .success-circle-fill {
		-webkit-animation: none;
		animation: none;
		opacity: 1;
	}
}

/*---------- Check mark animation END---------------*/

.spacer {
	height: 30px;
	width: 100%;
	display: inline-block;
}


@media (min-width: 991.9px) {
	.side-nav-left {
		position: relative !important;
		top: 0;
		transition: all 0s ease;
	}

	.side-nav-left.isFixed {
		position: fixed !important;
		top: 90px;
	}

	.filter-visible .side-nav.isFixed ul.side-nav-scrollbar-overlay {
		height: calc(100vh - 130px) !important;
		margin: 0;
	}
}


/*********************** LIST View*******************************/

:root {
	--list-view-img-width: 400px;
}

@media (max-width: 1200.98px) {
	:root {
		--list-view-img-width: 250px;
	}
}

@media (max-width: 990.98px) {
	:root {
		--list-view-img-width: 250px;
	}
	.cart-summary .order-summary {
		padding-bottom: 80px;
	}
	.side-nav-bottom-spacer {
		height: 20px;
	}
}

@media (max-width: 700px) {
	:root {
		--list-view-img-width: 250px;
	}
}

@media (max-width: 600px) {
	:root {
		--list-view-img-width: 200px;
	}

	.item.viewing {
		display: none;
	}
}

.list-view-xl-only {
	display: none;
}


@media (min-width: 1400.98px) {

	.list-view #ts_get_action {
		padding-right: 10px;
	}

	.list-view .list-view-xl-only {
		display: inline;
	}

	.list-view .action-btns .more {
		margin-right: 15px;
	}

	.list-view #ts_get_action {
		padding-top: 3px;
	}

}


@media (min-width: 600px) {

	.list-view #ts_get_slider {
		width: var(--list-view-img-width);
		float: left;
		padding: 0px 5px 0px 0px;
	}

	.list-view .result-item .content {
		padding-top: 15px;
	}

	.list-view .prod-info-wrap {
		width: calc(100% - var(--list-view-img-width));
		float: left;
	}

	.list-view #ts_get_content {
		float: right;
		width: 100%;
	}

	.list-view #ts_get_action {
		float: right;
		width: 100%;
		padding-bottom: 15px;
	}

	.list-view .result-item .info {
		margin-bottom: 5px;
	}

	.list-view .result-item .features {
		margin-bottom: 0;
	}

	.list-view .widget-img {
		border-radius: 15px 0 0 15px;
	}
}

/** Thank you Page  **/

.card.thanks-widget {
	box-shadow: 0 .225rem .5rem rgba(0, 0, 0, .05);
	background-color: var(--widget-bg-color);
	border-radius: var(--br);
	border-color: var(--widget-border-color);
}

.card.thanks-widget .card-footer {
	background-color: var(--primary-color);
	border-bottom-left-radius: var(--br);
	border-bottom-right-radius: var(--br);
}

.card.thanks-widget .discounts-widget {
	border-radius: var(--br);
	border-color: var(--widget-border-color);
}

.btn-thanks {
	min-width: 100px;
	min-height: 38px;
}



.jconfirm-buttons .fw-normal {
	margin-right: 15px;
}

.btn-showmore {
	font-size: 14px;
	padding: 8px 24px !important;
	width: 84% !important;
	left: 7% !important;
	margin-bottom: 20px;
}

.ts_sub_category {
	padding-top: 10px;
}

.ts_pricerange .filter-type {
	margin-bottom: 8px;
	padding-bottom: 3px;
}


.category-block{
	margin-top: 5px;
	margin-bottom: 10px;
	height: 65px;
	border: 0px solid #eee;
	width: 100%;
	display: inline-block;
	margin-bottom: 25px;
	position: relative;
	/* overflow: hidden; */
}

.ctgry{
	display: inline-block;
	float: left;
	height: auto;
	width: auto;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 5px;
	cursor: pointer;
	padding-bottom: 5px;
}
.ctgry img{
	height: 40px;
	display: inline-block;
	margin: 0 auto 8px auto !important;
	opacity: 0.7 !important;
	width: auto !important;
}
.ctgry span{
	font-size: 11px;
	line-height: 16px;
	width: auto;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #555555;
}
.ctgry:hover{
	border-bottom: 2px solid #aaaaaa;
}
.ctgry.active:hover,.ctgry.active{
	border-bottom: 2px solid rgba(var(--bs-primary-rgb), 1);
}

.category-block.owl-theme.owl-carousel{
	/* padding: 0 20px; */
}

.category-block.owl-theme.owl-carousel .owl-nav button{
	position: absolute;
	background: rgba(255, 255, 255, .75);
	height: 24px;
	width: 24px;
	border-radius: 12px;
	cursor: pointer;
	border: 1px solid #ccc;
	top: 20px;
	line-height: 18px;
}
.category-block.owl-theme.owl-carousel .owl-nav button:hover{
	color: #555555;
}

.category-block.owl-theme.owl-carousel .owl-prev{
	left: -20px;
}
.category-block.owl-theme.owl-carousel .owl-next{
	left: auto;
	right: -20px;
}
.category-block.owl-theme.owl-carousel .owl-nav .disabled{
	visibility: hidden;
}
/* 
#ts_get_action{
	position: absolute;
	width: 100%;
	bottom: 0;
} */


/*Skeleton Loading*/



.img-skeleton-wrap{
	position: relative;
	display: inline-block;
	z-index: 1;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.list-view .skeleton-item .img-skeleton-wrap{
	width: 35%;
	float:left;
    display: inline-block;
}

.img-skeleton{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	animation: skeleton-loading 1s linear infinite alternate;
	top: 0;
	left: 0;
}
.prod-info-wrap{
	padding: 0px 10px 0 10px;
}

.list-view .skeleton-item  .prod-info-wrap{
	width: 65%;
    display: inline-block;
}

.title-skeleton{
	width: 100%;
	animation: skeleton-loading 1s linear infinite alternate;
	height: 40px;
	border-radius: 5px;
}
.distance-skeleton{
	width: 100%;
	animation: skeleton-loading 1s linear infinite alternate;
	height: 20px;
	border-radius: 5px;
	margin-top: 15px;
	max-width: 150px;
}
.desc-skeleton{
	margin-top: 25px;
	width: 100%;
	/* animation: skeleton-loading 1s linear infinite alternate; */
	height: 80px;
	border-radius: 5px;
}

.line-skeleton{
	/* margin-top: 25px; */
	width: 100%;
	animation: skeleton-loading 1s linear infinite alternate;
	height: 15px;
	margin-top: 12px;
	border-radius: 5px;
}

.actions-skeleton{
	padding: 0px 20px 20px 20px;
	position: relative;
	display: inline-block;
	margin-top: 5px;
	width: 100%;
}

.list-view .skeleton-item .actions-skeleton{
	display: none;
}

.price-skeleton{
	float: left;
	width: 120px;
	animation: skeleton-loading 1s linear infinite alternate;
	height: 50px;
	border-radius: 5px;
}
.btn-skeleton{
	margin-top: 10px;
	float: right;
	width: 130px;
	/* background-color: #eee; */
	height: 40px;
	border-radius: 5px;
	animation: skeleton-loading 1s linear infinite alternate;
}


@keyframes skeleton-loading {
  0% {
    background-color: hsl(230, 5%, 90%);
  }
  100% {
    background-color: hsl(230, 5%, 95%);
  }
}