.app-custom-loader {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	animation: spinner-bulqg1 0.8s infinite linear alternate,
		spinner-oaa3wk 1.6s infinite linear;
	margin: auto;
}

.HotspotPlugin_Hotspot > div {
	display: none !important;
}

#theElement-0 {
	position: relative;
	margin-bottom: 1rem;
}

#preview-container {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	height: 100%!important;
	/* height: 100px; */
    overflow: hidden;
    /* background: black; */
	/* opacity: 0.6;; */
    /* height: 446px; */
    display: flex;
    justify-content: center;
    align-items: center;
	display: none;
	/* border: 3px solid green; */
}

#preview-spot-wrapper {
	/* display: none; */
	/* border: 4px solid red; */
	border-radius: 10px;
	margin-left: 1rem;
	margin-right: 1rem;
	/* border: 3px solid red; */
	height: fit-content;
    overflow: hidden;
	margin-bottom: 1rem;
}

:root {
	--black: #18191b;
	--black-second: #242527;

	--gray: #dfe0e2;
}

.app-st-container {
	position: relative;
	background-color: var(--black);
	padding: 4rem;
}

.app-st-box-wrapper {
	margin-top: 1rem;
	position: relative;
	width: 100%;
	max-width: 600px;
	height: fit-content;
	background-color: var(--black-second);
	color: var(--gray);
	max-height: 100%;
	/* overflow: auto; */
}

.app-st-box-header {
	position: relative;
	background-color: transparent;
	padding: 0.5rem 1.5rem;
}
.app-st-box-header .app-st-box-close-btn {
	position: absolute;
	right: 1rem;
	top: 0;
	cursor: pointer;
	padding: 0.4rem;
	background: var(--black-second);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-st-box-header .app-st-box-title {
	font-weight: bold;
	padding-bottom: 1rem;
	text-transform: capitalize;
}

.app-st-box-content {
	padding: 1rem;
	padding-top: 0;
	display: flex;
	justify-content: flex-between;
	align-items: flex-start;

    /* border: 4px solid yellow; */
    /* margin-top: 1.5rem; */
	max-height: 100%;
	overflow: auto;
}

.app-st-box-content .app-st-box-content-image {
	width: 100%;
	max-width: 200px;
}

.app-st-box-content .app-st-box-content-image img {
	width: 100%;
	height: auto;
}

.app-st-box-content .app-st-box-content-text {
	flex: 1;
	margin-left: 1rem;
}

.app-hotspot {
	/*  */
}

.app-active-hotspot {
	background-color: red !important;
}

#TB_window {
	background-color: #242527!important;
	color: white;
}

#TB_title {
	background-color: #333333!important;
	color: white;
	border-color: #787A7C;

}

#spot-modal {
	background-color: #333;
	border-radius: 4px;
	/* min-height: 400px; */
	color: white;
	margin: auto;
	z-index: 99;
	font-family: 'futura_ptbook';
}

.jquery-modal.blocker.current {
	z-index: 99;
}

#close-modal {
	background-color: #242527!important;
}

.preview-hotspot-controls {
	display: flex;
	justify-content: flex-end;
	padding: 0 1rem;
}

.preview-hotspot-controls #preview-next {
	margin-left: 1rem;
}

.preview-hotspot-controls svg {
	width: 2rem;
	user-select: none;
	cursor: pointer;
}

#preview-spot-desc-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1200px) {
	.product_title.entry-title {
		display: inline;
	}

	.app-st-box-content {
		flex-direction: column;
	}

	.app-st-box-content .app-st-box-content-image {
		max-width: 100%;
		max-height: 50%;
		margin-bottom: 1.4rem;
	}

	#preview-spot-wrapper {
		display: grid;
		width: 70%;
		height: 38%;
	}

	.app-st-box-content {
		max-height: 100%;
	}
}