.villa-filter {
    background: #fff;
    box-shadow: 3px 3px 16px -4px rgba(0, 0, 0, .3);
    border-top: 3px solid #0a447e;
    border-radius: 3px;
}
.listing-box{
    background-color: #fff;
}
.villa-filter-block {
	padding: 15px;
	border-bottom: 1px solid #ccc;
}
.villa-filter-block:last-child {
	border-bottom: none;
}
.villa-filter-heading {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 12px;
}
.villa-filter-list {

}
.villa-checkbox {
	position: relative;
	margin-bottom: 5px;
}
.villa-checkbox input[type=checkbox] {
	position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.villa-checkbox input[type=checkbox] + label:before {
	content: "";
    background: #ffffff;
    border: 2px solid #a1a1a1;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 1px;
    margin-right: 0.5em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    pointer-events: none;
}
.villa-checkbox input[type=checkbox]:checked + label:before {
	border: 2px solid #0a447e;
}
.villa-checkbox label {
	margin-bottom: 0;
}
.villa-checkbox input[type=checkbox]:checked + label:after {
	content: "";
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 11px;
    border: solid #0a447e;
    border-width: 0px 2px 2px 0;
    transform: rotate(45deg);
    pointer-events: none;
}

.villa-listing {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 0px 5px 0px #b5bcbf;
    box-shadow: 0 0px 5px 0px #b5bcbf;
    -moz-box-shadow: 0 2px 2px 0px #b5bcbf;
    -o-box-shadow: 0 2px 2px 0px #b5bcbf;
    margin-bottom: 15px;
}
.villa-img {
    display: block;
    height: 100%;
}
.villa-img img {
	max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.villa-info {

}
.villa-info h3 {
	margin-bottom: 5px;
}
.villa-info h3 a {
	font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #000;
}
.villa-info .villa-destinations {
    margin-bottom: 4px;
}
.villa-info .villa-destinations i {
    margin-right: 2px;
    color: #0a447e;
}
.villa-features {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.villa-features strong {
	margin-right: 20px;
}
.villa-features .villa-features-list span {
	margin-right: 15px;
    position: relative;
    padding-right: 20px;
    white-space: nowrap;
}
.villa-features .villa-features-list span:last-child {
	margin-right: 0;
	padding-right: 0;
}
.villa-features .villa-features-list span:before {
	content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    background: #e1e1e1;
    top: 4px;
    right: 0px;
}
.villa-features .villa-features-list span:last-child:before {
	display: none;
}
.villa-inclusion {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: .5rem;
}
.villa-inclusion li {
	list-style-type: none;
    margin-right: 10px;
}
.villa-inclusion li img {
	width: 40px;
    height: 40px;
}

.villa-details-property-caption {
	font-style: italic;
    font-size: 14px;
    color: #7a7a7a;
}

.villa-price-area {
	text-align: center;
	position: relative;
    margin-top: 32px;
}
.villa-price-area:before {
	content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e1e1e1;
    left: -15px;
}
.villa-price-area strong {
	font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    display: block;
}
.villa-price-area .villa-price {
	font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
}
.villa-view-details-btn {
	background: #0a447e;
    color: #fff !important;
    padding: 6px 14px;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    margin-bottom: .5rem;
}
.villa-view-details-btn:hover {
	color: #fff;
	text-decoration: none;
}

.villa-filter-bottom {
	display: none;
}

.villa-details {

}
.villa-details p {
	color: #666;
}
.villa-details-title {
	font-size: 30px;
    margin-top: 30px;
}
.villa-details-destinations {
    font-size: 18px;
    color: #333;
    margin-bottom: .5rem;
}
.villa-details-description {
	margin-bottom: 20px;
}
.villa-details-heading {
	font-size: 24px;
	margin-bottom: 15px;
}
.available-rooms-row {
	margin-bottom: 30px;
}
.villa-details .available-rooms {
    background: #fff;
    -webkit-box-shadow: 0 0px 5px 0px #b5bcbf;
    box-shadow: 0 0px 5px 0px #b5bcbf;
    -moz-box-shadow: 0 2px 2px 0px #b5bcbf;
    -o-box-shadow: 0 2px 2px 0px #b5bcbf;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 10px;
}
.villa-details .available-rooms figure {
    margin-bottom: 0;
    width: 100%;
    height: 220px;
}
.villa-details .available-rooms figure img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.villa-details 	.available-rooms-info {
    padding: 15px 12px;
}
.villa-details .available-rooms h3 {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 39px;
    margin-top: 0;
}
.villa-details .available-rooms p {
    font-size: 14px;
    margin-bottom: 4px;
}
.villa-details .available-rooms .available-rooms-for {
    font-size: 14px;
}

.villa-details-amenities {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.villa-details-amenities figure {
	margin-bottom: 0;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: none;
}

#villa-details-slider .villa-slide img {
	border-radius: 5px;
    width: 100%;
    height: 480px;
    object-fit: cover;
}
.villa-slide-nav .owl-nav .owl-prev, .villa-slide-nav .owl-nav .owl-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #0a447e !important;
	color: #fff !important;
	font-size: 32px !important;
	line-height: 0 !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	overflow: hidden;
	outline: 0;
}
.villa-slide-nav .owl-nav .owl-prev span, .villa-slide-nav .owl-nav .owl-next span {
	position: absolute;
	top: 38%;
	transform: translateY(-50%);
}
.villa-slide-nav .owl-nav .owl-prev {
	left: 5px;
}
.villa-slide-nav .owl-nav .owl-next {
	right: 5px;
}
.villa-slide-nav .owl-dots {
	text-align: center;
	margin-top: 4px;
    display: block;
}
.villa-slide-nav .owl-dots .owl-dot {
	width: 12px;
	height: 12px;
	background: #bdbdbd;
	border-radius: 50%;
	margin: 0 4px;
	outline: 0;
}
.villa-slide-nav .owl-dots .owl-dot.active {
	background: #0a447e;
}

.villa-location {
    margin-top: 10px;
}
.villa-location iframe {
	width: 100%;
    height: 320px;
}

.villa-form {
	background: #fff;
    box-shadow: 3px 3px 16px -4px rgba(0, 0, 0, .3);
    border-top: 3px solid #0a447e;
    border-radius: 3px;
    padding: 15px;
    position: sticky;
    top: 0;
}
.villa-form h3 {
	font-size: 18px;
    margin-bottom: 10px;
}
.villa-form .form-group {
	
}
.villa-form .form-group label {
    font-size: 14px;
}
.villa-form .form-group .form-control {
	font-size: 15px;
}
.villa-form .btn {
	background: #0a447e;
    color: #fff;
    padding: 8px 16px;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    margin-bottom: .5rem;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: .75rem;
}

.villa-popup-btn {
	width: 100%;
    background-color: #ebebeb;
    padding: 6px 8px;
    cursor: pointer;
    border: 1px solid #ced4da;
    border-radius: 4px;
    margin: 5px 0 15px;
}
.villa-popup-btn:focus {
	outline: 0;
}

.villa-popup-list {
	padding-left: 0;
}
.villa-popup-list li {
	list-style-type: none;
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;
    font-size: 15px;
}
.villa-popup-list li:last-child {
	margin-bottom: 0;
}
.villa-popup-list li:before {
	content: '\f054';
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #666666;
    position: absolute;
    left: 0;
    top: 5px;
}

.villa-faq-wrap {
    font-size: 15px;
    margin-bottom: 15px;
}
.villa-faq-wrap .villa-faq-qn {
	color: #000;
    font-weight: 600;
}
.villa-faq-wrap .villa-faq-ans {
	color: #666;
    font-size: 14px;
}

.villa-details-inclusion {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.villa-details-inclusion li {
	list-style-type: none;
    margin-right: 10px;
}
.villa-details-inclusion li img {
	width: 40px;
    height: 40px;
}

.villa-details-features {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.villa-details-features strong {
	margin-right: 20px;
}
.villa-details-features .villa-features-list span {
	margin-right: 15px;
    position: relative;
    padding-right: 20px;
    white-space: nowrap;
}
.villa-details-features .villa-features-list span:last-child {
	margin-right: 0;
	padding-right: 0;
}
.villa-details-features .villa-features-list span:before {
	content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    background: #e1e1e1;
    top: 4px;
    right: 0px;
}
.villa-details-features .villa-features-list span:last-child:before {
	display: none;
}

.villa-details-services-info {
	margin-bottom: .5rem;
	margin-top: 1.25rem;
}
.villa-details-services {
    display: flex;
}
.villa-details-services-icon {
    margin-right: 15px;
}
.villa-details-services-content {

}
.villa-details-services-content h3 {
	font-size: 16px;
    font-weight: 600;
    margin: 0 0 7px 0;
}
.villa-details-services-content p {
	
}

@media (max-width: 767px) {
	.villa-price-area {
		text-align: right;
	}
	.villa-price-area:before {
		display: none;
	}
	.villa-filter {
		display: none;
		position: fixed;
        width: 100%;
        height: calc(100vh - 35px);
        top: 0;
        left: 0;
        z-index: 9;
        overflow-y: scroll;
	}
	.villa-filter-show {
		display: block;
	}
	.villa-filter-bottom {
		display: flex;
        justify-content: flex-end;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #efefef;
        padding: 5px;
        z-index: 9;
	}
	.villa-filter-show-btn {
        background: #0a447e;
        border-radius: 3px;
        border: 0;
        color: #fff;
        font-size: 14px;
        padding: 2px 8px;
	}
	.villa-filter-show-btn:focus {
		outline: 0;
	}
	.villa-form {
		margin-top: 30px;
	}
	.villa-popup-btn {
		margin: 5px 0 10px;
	}
}
@media (max-width: 991px) {
	.villa-details-title {
		font-size: 24px;
	}
	.villa-features strong {
		margin-right: 10px;
	}
	.villa-features .villa-features-list span {
		margin-right: 5px;
		padding-right: 12px;
	}
	.villa-details-features strong {
		margin-right: 10px;
	}
	.villa-details-features .villa-features-list span {
		margin-right: 5px;
		padding-right: 12px;
	}
}
@media (max-width: 575px) {
	.villa-details-amenities {
		margin-bottom: 0;
	}
	.villa-price-area strong {
		margin-top: .25rem;
	}
}