/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


@font-face {
	font-family: "OswaldStencil";
	src: url("../fonts/Oswald-Stencil.eccf06e468dd.ttf");
}

/* Portfolio Filter
-----------------------------------------------------------------*/
.grid-filter.style-2 {
	margin: 0 0 15px -14px;
}

.grid-filter li.activeFilter a {
	font-weight: normal;
}

.grid-filter.style-2 li a:not(.button) {
	font-size: 20px;
	color: #555 !important;
}

.grid-filter.style-2 li a.button-reset {
	padding: 0 17px !important;
	font-size: 12px;
	line-height: 34px;
	color: #FFF !important;
	border-radius: 23px;
	text-transform: none;
	letter-spacing: 1px;
}

.grid-filter.style-2 li a span {
	display: block;
	margin-top: 7px;
	font-family: var(--cnvs-primary-font);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	color: #AAA;
	font-weight: bold;
	text-align: center;
}

.grid-filter.style-2 li a:not(.button),
.grid-filter.style-2 li a span {
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

.grid-filter.style-2 li a:not(.button):hover,
.grid-filter.style-2 li a:not(.button):hover span,
.grid-filter.style-2 li.activeFilter a:not(.button),
.grid-filter.style-2 li.activeFilter a:not(.button) span {
	color: #c85e51 !important;
	background-color: transparent !important;
}

.grid-filter.style-2 li.activeFilter a.button-reset {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.grid-filter.style-2 li a.button-reset {
	opacity: 1;
}

.portfolio-desc span {
	font-size: 0.875rem;
}

.portfolio-desc {
	border-bottom: 1px solid #ddd;
}

.filter-p-pricing {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: #c85e51;
	color: #FFF;
	padding: 8px 15px;
	z-index: 1;
	font-family: var(--cnvs-primary-font);
}

.filter-p-pricing::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	height: 100%;
	width: 32px;
	z-index: -1;
}

.p-price-msrp {
	font-weight: 300;
	padding-left: 12px;
	margin-left: 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.equipment-p-features {
	border-top: 1px solid #DDD;
	padding: 5px 8px;
	margin-top: 5px;
}

.equipment-p-features [class^=col-] {
	margin-top: 5px;
}

.equipment-p-features i {
	position: relative;
	top: 1px;
	margin-right: 4px;
}

.equipment-p-features span {
	color: #555;
	font-size: 13px;
	color: #666;
}

.half-screen {
	position: relative;
	height: 25%;
}

.section .video-wrap {
	z-index: 0;
}

/* Slider Area
-----------------------------------------------------------------*/
.slider-caption h2 {
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	font-size: 48px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.slider-caption p {
	font-size: 18px;
	margin-bottom: 20px;
}

.slider-caption h2,
.slider-caption p,
.slider-caption .button {
	opacity: 0;
	-webkit-transform: translate3d(-20%, 0, 0);
	-ms-transform: translate3d(-20%, 0, 0);
	-o-transform: translate3d(-20%, 0, 0);
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption h2,
.swiper-slide.swiper-slide-active .slider-caption p,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	-webkit-transition: transform 1s, opacity 2s;
	-o-transition: transform 1s, opacity 2s;
	transition: transform 1s, opacity 2s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption p {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition: transform 1s, opacity 3s;
	-o-transition: transform 1s, opacity 3s;
	transition: transform 1s, opacity 3s;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.swiper-pagination {
	bottom: 20px !important;
}

.swiper-pagination span {
	width: 40px;
	height: 4px;
	background: #FFF;
	display: inline-block;
	margin: 0px 1px;
	border: 0;
	border-radius: 0;
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-ms-transform: skew(-38deg);
	-o-transform: skew(-38deg);
}

.swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #c85e51 !important;
}

.feature-box.fbox-plain .fbox-icon img {
	height: 48px;
}

.section .iconlist li {
	margin-bottom: 6px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 300;
}




:root {
	--cnvs-themecolor: #FF5A0D;
	--cnvs-themecolor-rgb: 255, 90, 13;
	--cnvs-secondary-color: #388FFF;
	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Rubik', sans-serif;
	--cnvs-secondary-font: 'Lora', serif;

	--cnvs-header-height: 100px;
}

.filter-p-pricing {
	background-color: #FF5A0D;
	z-index: 1;
}

/*--------------------
		Slider-text
		--------------------*/
.slider-text {
	position: absolute;
	top: 150px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
}

.slider-text h2 {
	font-weight: 700;
	margin-bottom: 10px;
}

.slider-text p {
	font-size: 17px;
	font-weight: 300;
	opacity: .7;
}

/* ----------------------------------------------------------------
	Real Estate City Properties
-----------------------------------------------------------------*/

.equipment-properties [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

.equipment-properties [class^=col-]>a {
	display: block;
	position: relative;
	height: 250px;
	background-color: #EEE;
}

.equipment-properties [class^=col-] img {
	display: block;
}

.equipment-properties [class^=col-]>a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0.4;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.equipment-properties [class^=col-]>a:hover::before {
	opacity: 1;
}

/* ----------------------------------------------------------------
	Advanced Property Search
-----------------------------------------------------------------*/


.advanced-equipment-tabs.tabs,
.advanced-equipment-tabs .canvas-tabs {
	--bs-nav-tabs-border-width: 0;
	--bs-nav-link-padding-x: 20px;
	--cnvs-tabs-bg-color: var(--cnvs-themecolor);
	--bs-nav-link-color: #FFF;
	--bs-nav-link-font-size: 15px;
	--bs-nav-link-font-weight: 600;
	--cnvs-tabs-active-bg-color: var(--cnvs-secondary-color);
}

.advanced-equipment-tabs .nav-tabs .nav-item .nav-link {
	padding: 0 20px;
	height: 42px;
	line-height: 42px;
	font-family: var(--cnvs-primary-font);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.advanced-equipment-tabs .nav-tabs .nav-item .nav-link:hover,
.advanced-equipment-tabs .nav-tabs .nav-item .nav-link:focus {
	color: #FFF;
}

.advanced-equipment-tabs .nav-tabs .nav-item.ui-tabs-active .nav-link {
	top: 0;
	background-color: var(--bs-nav-pills-link-active-bg);
}

.advanced-equipment-tabs .nav-tabs .nav-item.ui-tabs-active .nav-link .badge.bg-warning {
	background-color: var(--cnvs-themecolor);
}

.advanced-equipment-tabs .nav-tabs .nav-item .badge {
	margin-left: 5px;
}

.advanced-equipment-tabs .tab-content {
	padding: 30px;
	border-top: 3px solid var(--cnvs-secondary-color);
}

.advanced-equipment-tabs.tabs label {
	font-weight: 600;
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: 1px;
}

#slider+.advanced-equipment-tabs {
	top: -42px;
	margin-bottom: -42px;
	z-index: 3;
}

#slider+.advanced-equipment-tabs .tab-content {
	background-color: var(--cnvs-contrast-200);
	padding: 50px;
}

.promo.bg-color .button:not(:hover) {
	color: #FFF;
	background-color: var(--cnvs-secondary-color);
	border-color: var(--cnvs-secondary-color);
}

.promo.bg-color .button:hover {
	background-color: #FFF;
	color: var(--cnvs-themecolor);
	text-shadow: none;
}

#map {
	height: 450px;
}

.available_equipment {
	position: absolute;
	top: 20px;
	right: 0;
	background: var(--bs-success);
	color: #FFF;
	padding: 8px 15px;
	z-index: 1;
	font-family: var(--cnvs-primary-font);
}

.available_equipment::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: -8px;
	height: 100%;
	width: 32px;
	background-color: var(--bs-success);
	-moz-transform: skew(-23deg, 0deg);
	-o-transform: skew(-23deg, 0deg);
	-ms-transform: skew(-23deg, 0deg);
	-webkit-transform: skew(-23deg, 0deg);
	transform: skew(-23deg, 0deg);
	z-index: -1;
}

.not_available_equipment {
	position: absolute;
	top: 20px;
	right: 0;
	background: var(--bs-danger);
	color: #FFF;
	padding: 8px 15px;
	z-index: 1;
	font-family: var(--cnvs-primary-font);
}

.not_available_equipment::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: -8px;
	height: 100%;
	width: 32px;
	background-color: var(--bs-danger);
	-moz-transform: skew(-23deg, 0deg);
	-o-transform: skew(-23deg, 0deg);
	-ms-transform: skew(-23deg, 0deg);
	-webkit-transform: skew(-23deg, 0deg);
	transform: skew(-23deg, 0deg);
	z-index: -1;
}

.flex-next,
.flex-prev {
	background-color: black;
}


.fslider {
	width: 400px;
	height: 400px;
}

.flexslider {
	width: 400px;
	height: 400px;
}

.flexslider .slides img {
	width: 400px;
	height: 400px;
}

#bug-report {
	position: fixed;
	z-index: 299;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	border-radius: 2px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
}

.gototop-active #bug-report {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.htmx-indicator-spinner {
	opacity: 0;
	display: none;
	transition: opacity 500ms ease-in;
}

.htmx-request .htmx-indicator-spinner {
	opacity: 1
}

.htmx-request.htmx-indicator-spinner {
	opacity: 1
}

[data-loading] {
	display: none;
}

.hidden {
	display: none;
}

.htmx-request {
	display: none;
}

.nav-link.active>h3 {
	color: white;
}

.daterangepicker td.disabled.not-available {
	color: #c85e51;
	cursor: not-allowed;
}

.bg-overlay-content.justify-content-start.align-items-end {
	flex-direction: column !important;
}