/*
Theme Name:  Olin
Author: Mohammad Shalata
Version: 4.1
Text Domain: Asaf Digital
*/

#mapster_wrap_0{
	margin: auto;
}

.swiper-container {
	width: 90vw;
	height: 70vh;
	/*     background: #fd5; */
}
.swiper-slide img{
	width: 100%;
	height: 64vh;
	object-fit: contain;
}
.swiper-pagination{
	position: relative;
}
.swiper-pagination span {
	font-size: 0;
	background: linear-gradient(90deg, #BA9459 19.68%, #BA9459 34.68%, #F8EFDB 62.32%, #D3BC9A 77.85%, #CCB28E 80.66%, #AA8F69 92.17%, #AA8F69 95.58%);
}
.map_title {
	position:absolute;
	background: #AC2304;
	width: 39.13px;
	height: 17.56px;
	border-radius: 2px;
	color: #FFF;
	z-index: 9999;
	font-weight: 400;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#map {
	position:relative;
	height: 80vh;
	width: 100%;
}
.map_title {
	position:absolute;
}
span.status_img.vacant {
    background-color: green;
    color: #FFF;
    font-size: 10px;
    padding: 1px 10px;
    border-radius: 5px;
}



.acf-map {
	width: 100%;
	height: 80vh;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* Fixes potential theme css conflict. */
.acf-map img {
	max-width: inherit !important;
}
.calculate_floor {
	display: flex;
}
.res_val {
	margin: 0 11px;
	cursor: pointer;
	width: auto;
	display: flex;
	align-items: center;
}
.button_cal {
	padding: 3px 7px;
	cursor: pointer;
	width: auto;
	display: flex;
	align-items: center;
}
span#final-number {
	margin: 0 7px;
}
.note {
	font-style: normal;
	font-weight: 400;
	font-size: 9px;
	color: #FFF;
	width: auto;
	margin: auto;
	display: flex;
	position: absolute;
	bottom: 26px;
	right: 9%;
	left: auto;
}
.image-container {
	position: relative;
	cursor: pointer;
}

.image-container .highlight {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 1;
	display: none;
}
.image-container .highlight polygon {
	fill: none;
	stroke: black;
	stroke-width: 2;
}
.status_floor.active{
	background: #a2a0a0;
}
section.video_floor {
	width: calc(100% - 100px);
	margin: 0 auto 0 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
	height: 100vh;
	overflow: hidden;
	background: linear-gradient(90deg, rgba(175, 177, 181, 0.55) 6%, rgba(182, 184, 188, 0.55) 15%, rgba(204, 205, 208, 0.55) 30%, rgba(239, 239, 240, 0.55) 48%, rgba(255, 255, 255, 0.55) 55%, rgba(229, 230, 231, 0.55) 64%, rgba(199, 201, 203, 0.55) 76%, rgba(181, 183, 187, 0.55) 86%, rgba(175, 177, 181, 0.55) 94%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(10px);
}

section.video_floor video {
	display: flex;
	width: 100%;
	height: 110vh;
	margin: auto;
	position: absolute;
	overflow: hidden;
}
.space_floor {
	position: absolute;
	left: 0;
	z-index: 9;
	transform: scale(0);
	top: 0;
}

section.img_bulde {
	height: 100vh;
	width: 1920px;
	background-size: cover;
	background-position: bottom;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

section.img_bulde .border {
	position: absolute;
	cursor: pointer;
	border:  0 !important;
}
.img_bulde .border img{
	opacity: 0;
}
.img_bulde .border:hover img{
	opacity: 1;
}




.back_home{
	cursor: pointer;
	z-index: 9999;
}
.img_anim {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	right: 0;
}
.img_anim.active img{
	transition: .9s;
	transform: scale(1);
}
.img_anim img{
	width: auto;
	height: auto;
	transform: scale(0);
	transition: .9s;
}
div#container {
	width: 80% !important;
	height: 80vh !important;
	margin: auto !important;
}
div#container canvas {
	width: 80% !important;
	height: 32vh !important;
	margin: auto !important;
}

.img_video {
	position: absolute;
	width: 100%;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.img_video.active{
	display: flex;
}

.img_video img {
	position: absolute;
	top: 0;
	width: auto;
	height: auto;
	right: auto;
	display: flex;
	z-index: 999;
	object-fit: contain;
	margin: auto;
	opacity: 0;
}
.img_video img.active{
	opacity: 1;
}
.img_video img.img_bak{

}
.img_blur.active{
	-webkit-filter: blur(30px); -moz-filter: blur(30px);
	-o-filter: blur(30px); -ms-filter: blur(30px);
	filter: url(#blur); filter: blur(30px);  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	-webkit-transition: 2s -webkit-filter linear;
	-o-transition: 2s -o-filter linear;
}
.space_floor{
	background: #000 !important;
}
#loading-animation {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #000;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
div#loading-animation.dis_active {
	display: none !important;
}

#loading {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	z-index: 9999;
}

.spinner {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #000;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
div#menu2 {
	width: 80%;
	margin: auto;
}
.open360 {
	position: absolute;
	bottom: 20px;
	z-index: 1;
	right: 50%;
	color: #FFF;
	width: 241px;
	height: 45px;
	left: 840px;
	background: #000000;
	border-radius: 6px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

lord-icon {
	width: 50px !important;
	height: 50px !important;
}
.previous-image {
	visibility: hidden;
	width: 0;
}
ol {
	margin: 0;
	padding: 0;
}
.current-image {
	visibility: visible;
	width: 100%;
	height: 100vh;
}

li {
	list-style: none;
}

.popup_360 {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	transform: translateX(100%);
	transition: .6s;
}

.popup_360.active {
	transform: translateX(0);
	transition: .6s;
}
.close_popup{
	position: absolute;
	top: 18px;
	left: 20px;
	z-index: 9999;
	cursor: pointer;
}
.close_popup img{
	width: auto !important;
	position: relative !important;
	height: auto !important;
}
section.logo_video {
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 999;
	display: none;
}
.logo_video.active{
	display: block;
}
.vimeo-wrapper {
	display: flex;
	justify-content: center;
	align-items: end;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	max-height: 100vh;

}
.vimeo-wrapper iframe {
	width: 100%;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	z-index: -1;
	left: 50%;
	transform: translate(-50%, -50%);
}
.remove_logo_video{
	cursor: pointer;
}
.img_internal_program.active img {
	height: auto;
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	width: 68%;
	max-width: 100%;
}
.map_bil.visibility{
	visibility: hidden;
}
#image-map.visibility{
	visibility: hidden;
}
.img_blur.visibility{
	visibility: hidden;
}
.the_number {
	margin: 0 9px;
}
.img_small img {
	right: 7%;
	width: 80%;
	top: 6%;
}
.block_calculate {
	background: linear-gradient(90deg, #AFB1B5 6%, #B6B8BC 15%, #CCCDD0 30%, #EFEFF0 48%, #FFF 55%, #E5E6E7 64%, #C7C9CB 76%, #B5B7BB 86%, #AFB1B5 94%);
	box-shadow: 0px 17px 37px 0px rgba(0, 0, 0, 0.10), 0px 67px 67px 0px rgba(0, 0, 0, 0.09), 0px 151px 91px 0px rgba(0, 0, 0, 0.05), 0px 268px 107px 0px rgba(0, 0, 0, 0.01), 0px 419px 117px 0px rgba(0, 0, 0, 0.00);
	backdrop-filter: blur(10px);
	display: flex;
	height: 45px;
	align-items: center;
	position: relative;
	z-index: -1;
	top: -2.5rem;
	transition: .4s;
	opacity: 0;
	font-size: 18px;
	text-align: center;
	padding-right: 11px;
}
.block_calculate.active {
	z-index: 999;
	top: 20px;
	transition: .4s;
	opacity: 1;
}
.button_calculate{
	cursor: pointer;
}
.iframe_eye iframe {
	width: 100%;
	height: 100%;
}
.iframe_eye {
	height: 66vh;
	max-width: 85%;
	margin: auto;
}
@media (min-width: 800px){
	.open_header {
    display: none !important;
}
}
.open_header img {
	    width: 30%;
    margin: auto;
}
.space1-1-1 .status_img{
        position:absolute;
        right: 40%;
        top: 68%;
    }
.space1-1-2 .status_img{
        position:absolute;
        right: 35%;
        top: 64%;
    }
.space1-1-3 .status_img{
        position:absolute;
        right: 30%;
        top: 61%;
    }
.space1-1-4 .status_img{
        position:absolute;
        right: 32%;
        top: 61%;
    }
.space1-1-5 .status_img{
        position:absolute;
        right: 56%;
        top: 50%;
    }
.space1-1-6 .status_img{
        position:absolute;
        right: 59%;
        top: 73%;
    }
.space1-1-7 .status_img{
        position:absolute;
        right: 43%;
        top: 41%;
    }
.space1-1-8 .status_img{
        position:absolute;
        right: 37%;
        top: 41%;
    }
.space1-1-9 .status_img{
        position:absolute;
        right: 33%;
        top: 41%;
    }
.space1-1-10 .status_img{
        position:absolute;
        right: 39%;
        top: 40%;
    }
.space1-1-11 .status_img{
        position:absolute;
        right: 40%;
        top: 41%;
    }
.space1-1-12 .status_img{
        position:absolute;
        right: 46%;
        top: 63%;
    }
.space1-1-13 .status_img{
        position:absolute;
        right: 32%;
        top: 61%;
}
.floor-5 .space1-1-1 .status_img{
        position:absolute;
        right: 43%;
        top: 68% !important;
    }
.floor-5 .space1-1-2 .status_img{
        position:absolute;
        right: 44%;
        top: 66% !important;
    }
.floor-5 .space1-1-3 .status_img{
        position:absolute;
        right: 50% !important;
        top: 61%;
    }
.floor-5 .space1-1-4 .status_img{
        position:absolute;
        right: 42% !important;
        top: 69% !important;
    }
.floor-5 .space1-1-5 .status_img{
        position:absolute;
        right: 30% !important;
        top: 75% !important;
    }
.floor-5 .space1-1-6 .status_img{
        position:absolute;
        right: 25% !important;
        top: 73% !important;
    }
.floor-5 .space1-1-7 .status_img{
        position:absolute;
        right: 25% !important;
        top: 71% !important;
    }
.floor-5 .space1-1-8 .status_img{
        position:absolute;
        right: 34% !important;
        top: 75% !important;
    }
.floor-5 .space1-1-9 .status_img{
        position:absolute;
        right: 33%;
        top: 41%;
    }
.floor-5 .space1-1-10 .status_img{
        position:absolute;
        right: 41%;
        top: 44%;
    }
.status_img {
    position: absolute;
}
.space-2-1 .status_img {
    top: 42%;
    right: 40%;
}
.space-2-2 .status_img {
    top: 30%;
    right: 30%;
}
.space-2-3 .status_img {
    top: 30%;
    right: 23%;
}
.space-2-4 .status_img {
    top: 30%;
    right: 22%;
}
.space-2-5 .status_img {
    top: 15%;
    right: 40%;
}
.space-2-6 .status_img {
    top: 15%;
    right: 40%;
}
.space-2-7 .status_img {
    top: 20%;
    right: 40%;
}
.space-2-8 .status_img {
    top: 35%;
    right: 70%;
}
.space-2-9 .status_img {
    top: 20%;
    right: 50%;
}
.space-2-10 .status_img {
    top: 22%;
    right: 35%;
}
.space-2-11 .status_img {
    top: 20%;
    right: 42%;
}
.space-2-12 .status_img {
    top: 32%;
    right: 46%;
}
.space-2-13 .status_img {
    top: 17%;
    right: 46%;
}

.floor-5 .space-2-1 .status_img {
    top: 32%;
    right: 40%;
}
.floor-5 .space-2-2 .status_img {
    top: 60%;
    right: 40%;
}
.floor-5 .space-2-3 .status_img {
    top: 28%;
    right: 35%;
}
.floor-5 .space-2-4 .status_img {
    top: 21%;
    right: 35%;
}
.floor-5 .space-2-5 .status_img {
    top: 22%;
    right: 35%;
}
.floor-5 .space-2-6 .status_img {
    top: 36%;
    right: 65%;
}
.floor-5 .space-2-7 .status_img {
    top: 25%;
    right: 48%;
}
.floor-5 .space-2-8 .status_img {
    top: 24%;
    right: 42%;
}
.floor-5 .space-2-9 .status_img {
    top: 21%;
    right: 39%;
}
.floor-5 .space-2-10 .status_img {
    top: 26%;
    right: 42%;
}

.space-3-1 .status_img {
    top:65%
}
.space-3-2 .status_img {
    top:65%
}
.space-3-3 .status_img {
    top:70%
}
.space-3-1 .status_img {
    top:65%
}
.space-3-4 .status_img {
    top:75%
}
.space-3-5 .status_img {
    top:75%
}
.space-3-6 .status_img {
    top:40%;
    right:15%
}
.space-3-7 .status_img {
    top:12%;
     right:35%
}
.space-3-8 .status_img {
    top:65%
}
.space-3-9 .status_img {
    top:29%
}
.space-3-10 .status_img {
    top:29%
}
.space-3-11 .status_img {
    top:29%
}
.space-3-12 .status_img {
    top:29%
}
.space-3-13 .status_img {
    top:29%
}
.space-3-14 .status_img {
    top:42%;
    right:30%
}
.space-3-15 .status_img {
    top:65%;
    right:35%
}

.floor-5 .space-3-1 .status_img {
    top:25%
}
.floor-5 .space-3-2 .status_img {
    top:22%
}
.floor-5 .space-3-3 .status_img {
    top:55%;
    right:34%
}
.floor-5 .space-3-4 .status_img {
    top:25%;
    right:40%
}
.floor-5 .space-3-5 .status_img {
    top:30%
}
.floor-5 .space-3-6 .status_img {
    top:25%;
     right:30%
}
.floor-5 .space-3-7 .status_img {
    top:35%;
     right:40%
}

.space-4-1 .status_img {
    top:65%;
}
.space-4-2 .status_img {
    top: 66%;
    right:40%
}
.space-4-3 .status_img {
    top: 69%;
    right: 44%;
}
.space-4-4 .status_img {
    top: 72%;
    right: 41%;
}
.space-4-5 .status_img {
    top: 75%;
}
.space-4-6 .status_img {
    top:65%;
}
.space-4-7 .status_img {
    top: 16%;
}
.space-4-8 .status_img {
    top: 59%;
}.space-4-9 .status_img {
    top: 70%;
}
.space-4-10 .status_img {
    top: 69%;
    right: 31%;
}
.space-4-11 .status_img {
    top: 68%;
    right: 27%;
}
.space-4-12 .status_img {
    top: 69%;
    right: 27%;
}

.space-4-13 .status_img {
    top: 68%;
    right: 29%;
}
.space-4-14 .status_img {
    top: 8px;
    right: 45%;
}
.space-4-15 .status_img {
    top: 67%;
}


.floor-5 .space-4-1 .status_img {
    top: 55%;
}
.floor-5 .space-4-2 .status_img {
    top: 24%;
}
.floor-5 .space-4-3 .status_img {
    top: 56%;
    right: 57%;
}
.floor-5 .space-4-4 .status_img {
    top: 58%;
}
.floor-5 .space-4-5 .status_img {
    top:65%;
    right: 34%;
}
.floor-5 .space-4-6 .status_img {
    top:65%;
    right: 21%;
}
.floor-5 .space-4-7 .status_img {
    top: 60%;
}


h3.name_space {
    text-align: center;
    font-size: 29px;
    border-bottom: 1px solid #CCC;
    width: max-content;
    margin: -4rem auto 1rem auto;
}