/*
	Theme Name: typewritterbuilding
	Author: Cskills
	Version: 1
*/

/* ------------ WordPress Core ------------- */
html { margin-top: 0 !important;}
html[lang="en-US"] {  margin-top: 0 !important;}
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block; margin: 10px auto 10px auto;}
.alignright { float:right;  margin: 10px 0 20px 20px;}
.alignleft { float: left;  margin: 10px 40px 30px 0;}
a img.alignright { float: right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float: left; margin: 5px 20px 20px 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.wp-caption { background: transparent; max-width: 100%; /* border: 1px solid #f0f0f0; */ /* Image does not overflow the content area */ padding: 0px 0px 30px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto;}
.wp-caption img { width: inherit;}
.wp-caption p.wp-caption-text { font-size: 16px; line-height: 22px; margin: 0; padding: 7px 10px 7px 10px; width: fit-content; background: #000000; margin-top: -36px; position: absolute;
	margin-left: 0px; text-transform: unset; color: #FFFFFF; font-family: "Akkurat Mono LL Bold"; text-transform: uppercase; }
/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);	height: 1px; margin: -1px; overflow: hidden;	padding: 0;	position: absolute !important;
	width: 1px;	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {	background-color: #eee;	clip: auto !important;	clip-path: none;	color: #444; display: block; font-size: 1em; height: auto; left: 5px;
	line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto;	z-index: 100000;	/* Above WP toolbar. */}
.meta { margin-bottom: 20px; font-size: 15px; font-weight: 400; color: #333; font-family: "Akkurat-Mono";}

/* ------------ WordPress Core ------------- */

/* header_section_start */

.header { position: sticky; width: 100%; background: transparent; padding: 20px 0; top: 0; z-index: 9999;
	/* box-shadow: 0px 1px 5px rgb(0,0,0,0.1); -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 5px rgb(0,0,0,0.1); */
	-webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
	-moz-transition: all .3s cubic-bezier(.16,.84,.44,1);
	-o-transition: all .3s cubic-bezier(.16,.84,.44,1);
	transition: all .3s cubic-bezier(.16,.84,.44,1);

}
/* .header.sticky { position: sticky; } */

.header .container { padding: 0 20px; }
.header .flexWrap { align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
/* .header.sticky { padding: 15px 0;} */
/* .header.sticky .logo a img { height: 55px;} */
/* .home .logo a { pointer-events: none; } */
/* .logo a img { cursor: url(images/home_cursor.svg) 30 30, default;  overflow: hidden;} */
.logo { width: auto; z-index: 999; margin-right: auto;}
.logo a:hover{ border-bottom: 0px;}
.home .header .logo a { pointer-events: none; display: none;}
.logo a {  height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden; pointer-events: auto; border: 0; width: 100%;}
.header .logo a img { width: 60px; height: 60px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden; display: block;}
.rightMenu { width: auto; position: relative; margin-left: auto;}
.burgerMenu:hover { background: #E2DED7; border: 1.5px solid #E2DED7; }
svg.homeLogo:hover #Ellipse_1 { fill: #E2DED7;stroke: #E2DED7;}
.navActive .color_overly { background: rgba(0,0,0,0.77); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99;
	/* -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden; transition-delay: 0.5s;*/
}

/* header_section_End */

/* Commmon css start here */
html.hidescroll, body.hidescroll{
	overflow: hidden !important;
}
body section {
    background-image: url(images/sectionsPaperBg.jpg);
    background-repeat: repeat;
    background-size: 100% auto;
}
section.contactSection {
    background: none;
		padding-bottom: 70px;
		min-height: 91vh;
}
/* #page-wrap { padding-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} */
#page-wrap { padding-top: 0px;}
.home #page-wrap,
.page-template-template-building #page-wrap,
.page-template-template-the-area #page-wrap,
.page-template-template-gallery #page-wrap {
  padding-top: 0;
}
p:last-child { padding-bottom: 0;}
.container_1400.topSpace { padding-top: 70px;}

.jarallax { height: 90vh; }


.page-template-template-home .burgerMenu.is-active { border: 1.5px solid #FFFFFF; background: #E2DED7 !important; }
.page-template-template-home .hamburger.is-active .icon,
.page-template-template-home .burgerMenu.is-active .icon::before,
.page-template-template-home .burgerMenu.is-active .icon::after {
  background: #000000 !important;
}
.page-template-template-building .burgerMenu:hover { background: #000000; border: 1.5px solid #000000; }
.page-template-template-building .burgerMenu .icon { transition-delay: unset; transition-duration: unset;}
.page-template-template-building .burgerMenu.is-active { border: 1.5px solid #000000 !important;	}
.page-template-template-building .hamburger.is-active .icon,
.page-template-template-building .hamburger.is-active .icon:before,
.page-template-template-building .hamburger.is-active .icon:after {
	background-color: #000000 !important;
}
.page-template-template-building .burgerMenu:hover .icon,
.page-template-template-building .burgerMenu:hover .icon:before,
.page-template-template-building .burgerMenu:hover .icon:after { background-color: #ffffff !important;}
.page-template-template-building .logo svg:hover #Ellipse_1 circle { fill: #000; }
.page-template-template-building .logo svg.homeLogo:hover #Ellipse_1 { stroke: #000; }
.page-template-template-building .logo svg:hover #Union_9 path:first-child { display: none;}
.page-template-template-building .logo svg:hover #Union_9 path:last-child { fill: #ffffff;}

.page-template-template-gallery .burgerMenu { border: 1.5px solid #000000; }
.page-template-template-gallery .burgerMenu:hover { background: #000000;}
.page-template-template-gallery .burgerMenu .icon { transition-delay: unset; transition-duration: unset;}
.page-template-template-gallery .burgerMenu .icon,
.page-template-template-gallery .burgerMenu .icon:before,
.page-template-template-gallery .burgerMenu .icon:after { background-color: #000000 !important;}
.page-template-template-gallery .burgerMenu.is-active { border: 1.5px solid #000000 !important;	}
.page-template-template-gallery .hamburger.is-active .icon { background-color: #000000 !important;}
.page-template-template-gallery .burgerMenu:hover .icon,
.page-template-template-gallery .burgerMenu:hover .icon:before,
.page-template-template-gallery .burgerMenu:hover .icon:after { background-color: #ffffff !important;}
.page-template-template-gallery .logo svg:hover circle {fill: #000000;}
.page-template-template-gallery .logo svg #Ellipse_1 { stroke: #000000; }
.page-template-template-gallery .logo svg:hover #Ellipse_1 { stroke: #000000; }
.page-template-template-gallery .logo svg #Union_9 path:first-child { display: none;}
.page-template-template-gallery .logo svg:hover #Union_9 path:first-child { display: none;}
.page-template-template-gallery .logo svg #Union_9 path:last-child { fill: #000000;}
.page-template-template-gallery .logo svg:hover #Union_9 path:last-child {fill: #ffffff;}

.page-template-template-the-area .burgerMenu { border: 1.5px solid #ffffff; }
.page-template-template-the-area .burgerMenu:hover { border: 1.5px solid #E2DED7; }
.page-template-template-the-area .burgerMenu .icon { transition-delay: unset; transition-duration: unset;}
.page-template-template-the-area .hamburger.is-active .icon,
.page-template-template-the-area .burgerMenu .icon,
.page-template-template-the-area .burgerMenu .icon:before,
.page-template-template-the-area .burgerMenu .icon:after { background-color: #ffffff !important;}
.page-template-template-the-area .burgerMenu:hover .icon,
.page-template-template-the-area .burgerMenu:hover .icon:before,
.page-template-template-the-area .burgerMenu:hover .icon:after { background-color: #000000 !important;}
.page-template-template-the-area .logo svg #Ellipse_1 { stroke: #ffffff; }
.page-template-template-the-area .logo svg:hover #Ellipse_1 { stroke: #E2DED7; }
.page-template-template-the-area .logo svg #Union_9 path:first-child { display: none;}
.page-template-template-the-area .logo svg:hover #Union_9 path:first-child { display: none;}
.page-template-template-the-area .logo svg #Union_9 path:last-child { fill: #ffffff;}
.page-template-template-the-area .logo svg:hover #Union_9 path:last-child {fill: #000000;}

/* Commmon css End here */


/* Intro animation css start here */

#introSection { text-align: center; position: relative; top: 0; transform: none; height: 100vh; width: 100%; overflow: hidden; display: -webkit-box;
	display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	padding: 30px 20px; }
#introSection h1 { font-size: max(45px, min(45px + (145 - 45) * ((100vw - 360px) / (1680 - 360)), 145px)); line-height: 0.975; margin: 0 auto;
	-webkit-font-kerning: none; font-kerning: none; opacity: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
    -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "Akkurat Mono LL Bold";
}
#introSection h1, #introSection h1 .char, #introSection h2, #introSection h2 .char { opacity: 0; }
#introSection h2 { -webkit-font-kerning: none; font-kerning: none; opacity: 0; margin: 50px 0 10px; font-family: "Akkurat-Light"; font-size: max(24px, min(24px + (50 - 24) * ((100vw - 360px) / (1680 - 360)), 50px)); }
.circleId { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 25px; }
.circleId .word:first-child { margin-right: max(5px, min(5px + (35 - 5) * ((100vw - 360px) / (1680 - 360)), 35px)); }
.circleId .char { width: max(34px, min(34px + (64 - 34) * ((100vw - 360px) / (1680 - 360)), 64px)); height: max(34px, min(34px + (64 - 34) * ((100vw - 360px) / (1680 - 360)), 64px));
  display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-pack: center;
  -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #000;
  border-radius: 50%; line-height: 1; text-transform: uppercase; font-family: "Akkurat-Mono"; margin: max(5px, min(5px + (11 - 5) * ((100vw - 360px) / (1680 - 360)), 11px));
  font-size: max(20px, min(20px + (34 - 20) * ((100vw - 360px) / (1680 - 360)), 34px)); }
.circleId .word:last-child { margin-left: max(5px, min(5px + (35 - 5) * ((100vw - 360px) / (1680 - 360)), 35px)); }

.commonBtn { border: 1px solid #000000; color: #000000; border-radius: 99px; font-size: 16px; padding: 7px 15px; cursor: pointer;
    font-family: "Akkurat Mono LL"; background: transparent; -webkit-transition: 0.35s all; -o-transition: 0.35s all; transition: 0.35s all;
    font-family: "Akkurat Mono LL Bold"; text-transform: uppercase;}
.skipBtn span { width: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative;}
.skipBtn span svg.whiteAngle { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); opacity: 0;}
.skipBtn span svg { width: 8px; height: auto; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.35s all; -o-transition: 0.35s all; transition: 0.35s all;}
.skipBtn:hover span svg.darkAngle path { fill: #fff; }

/* Intro animation css End here */

/* HeroSection start */
.homebannerSection { position: relative; margin-top: -101px;}
.homebannerSection .box::before { padding-top: 100vh; }
.homebannerSection .imageHolder img { object-fit: contain; }
.home .homebannerSection .imageHolder img { object-fit: cover; }

.imageHolder { background: rgba(0,0,0,0.09); overflow: hidden;}
.home .homebannerSection .imageHolder { width: 50%; }
.dataHolder { position: absolute; left: auto; top: 0px; right: 0px; bottom: 0px; line-height: 0; font-size: 0; border: 0; width: 50%;
	padding: 20px 100px 20px 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start;
  align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 9;
}
.dataHolder h3 { font-family: 'Akkurat-Light'; text-transform: inherit; font-weight: 300; line-height: 45px; font-size: 35px; margin-bottom: 40px; }
.dataHolder h4.sectiontitle { font-size: 40px; margin-bottom: 0; text-align: left; }
.dataHolder .bottomArrow { position: relative; left: 0; right: auto; bottom: 0; margin: 50px 0 0; width: auto; }
.dataHolder .downArrow path.arrowBorder { fill: #000000;}

.banner-caption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; margin: auto;}
.banner-caption .container { vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%;
	position: relative; width: 100%; justify-content: center;  align-items: center; align-items: flex-start; flex-direction: column;}
.banner-caption p:last-child { padding-bottom: 0;}
.banner-caption .dataBox { background: #000000; padding: 15px; position: absolute; right: 0; height: 100%; display: flex;
	justify-content: center; align-items: center; max-width: 102px; width: 100%;}
/* .banner-caption.verticlLogo .dataBox img { width: auto; height: 65vh; } */
.banner-caption.verticlLogo .dataBox img { width: auto; height: auto; max-width: 55px; max-height: 100%; padding-top: 100px; padding-bottom: 50px; }
.bottomArrow { left: 0; right: 0; margin: 0 auto; width: 8vw; height: 40px; bottom: 30px; background: transparent; position: absolute; text-align: center;}

/* .bottomArrow svg { width: 4vw; } */
.downArrow { cursor: pointer; width: 40px; height: 33px; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.heroWithText .box::before { padding-top: 80vh; }
.heroWithText { padding-bottom: 16vh; }
.headingdataBox { position: relative; bottom: 92px; }
.heroWithText .banner-caption { position: absolute; left: 0; right: 0; top: auto; bottom: 0vh; z-index: 9; margin: auto; height: 100%;}
.headingdataBox h1 { text-transform: uppercase; font-size: max(25px, min(25px + (121 - 45) * ((100vw - 360px) / (1680 - 360)), 145px));
	line-height: 0.975; margin: auto; -webkit-font-kerning: none; font-kerning: none; font-family: "Akkurat Mono LL Bold";
	padding: 0 20px; text-align: center;
}
.heroWithText .banner-caption .container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center;
	-ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.heroWithText .downArrow path.arrowBorder { fill: #000000; }
.downArrow:hover path { fill: #E2DED7; }
.downArrow:hover path.arrowBorder { fill: #ffffff !important;}
.page-template-template-building .heroWithText .downArrow:hover path { fill: #E2DED7; }
.heroWithText .bottomArrow { bottom: 0; }

.HeroBuildingSection, #availability { background: #BEE4A6; }

/* HeroSection End */

/* intro Row Section start */
.introRowSection h2 { font-size: 108px; line-height: 129px; margin-top: 60px; }
.introRowSection h3 { font-family: 'Akkurat-Light'; text-transform: inherit; font-weight: 300; line-height: 65px;}
.introRowSection h4.sectiontitle { margin-top: 80px; margin-bottom: 0;}

/* intro Row Section end */

/* histoy group Section Start */
.histoyGroupSection { background: #BEE4A6; padding-bottom: 0;}
.histoyGroupSection .container_1400.topSpace { padding: 70px 0 150px 0px; }
.histoyGroupSection .container_1400 h4 { margin-bottom: 50px;  margin-top: 0;}
.histoyGroupSection .box:before { padding-top: 33%;}
.histoyGroupSection .flexWrap .wp-6 { padding: 0 20px; font-size: 26px;}

.histoyGroupSection .flexWrap.TextCenter .wp-6.viewElm { margin: 0 auto; text-align: center; width: 70%;}

/* histoy group Section End */

/* Swiper page start here */

.gallerySwiperSlider .container_1800 { padding: 0 80px; }
.swiper-wrapper .slide .box:before { content: ""; display: block; padding-top: 50%; }
.swiper-button-next, .swiper-button-prev { top: auto !important; bottom: 0 !important;}
.swiper-button-next { right: -3px !important; bottom: -5px !important;}
.swiper-button-prev { left: -3px !important; bottom: -5px !important;}
.swiper-button-prev, .swiper-button-prev:focus { background: url(images/sliderleft_arrow.svg) no-repeat center !important; background-size: 32px !important; left: 25%; width: 40px; min-width: 40px; height: 44px; z-index: 9; }
.swiper-button-next, .swiper-button-next:focus { background: url(images/sliderRight_arrow.svg) no-repeat center !important; background-size: 32px !important; right: 25%; width: 40px; min-width: 40px; height: 44px; z-index: 9;}
.swiper-button-prev:hover { background: url(images/sliderleft_arrow_hover.svg) no-repeat center !important; }
.swiper-button-next:hover { background: url(images/sliderRight_arrow_hover.svg) no-repeat center !important; }
.swiper-button-next::after, .swiper-button-prev::after { display: none !important;}
.swiper-button-disabled { opacity: 0.2; pointer-events: none; display: none !important; }
.sliderTitle { padding: 20px 50px; text-align: center; font-family: 'Akkurat'; display: block; min-height: 45px; height: auto; }

/* .gallerySlider .slideImg { background: #E2DED7; } */
.gallerySlider .slideImg .imageHolder img { object-fit: contain; }
.gallerySlider .imageHolder { background: transparent; }

/* Swiper page End here */

/* contact page start here */
/* .page-template-template-contact.navActive nav.navOpenFromRight, .page-template-template-contact.navActive nav { right: 0; } */

.contactUsBoxes.flexWrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 0; }
.Contactlogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-bottom: 20px; max-width: 240px; width: auto;}
.Contactinfo { width: 33.33%; text-align: center; margin: 20px 0;}
.Contactinfo *:last-child { padding-bottom: 0; }
.Contactinfo h6 { font-size: 27px; line-height: 33px; margin-bottom: 15px;}
.developByWRE { margin: 0px 0 30px; padding-top: 0px; display: block;}
.developByWRE h6 { margin-bottom: 20px; font-size: 30px; font-family: 'Akkurat'; text-transform: capitalize; font-weight: normal; }
.contactSection a { border: 0; }
.Contactinfo a { line-height: 39px; font-family: "Akkurat"; font-size: 28px; }
.Contactinfo a:first-child { font-size: 29px; }
.contactSection .developByWRE a { border: 0; display: inline-block; margin: 0 auto; width: 200px;}

.typeWriterAnimation { margin-top: -100px; }
.typeWriterMove { height: 12.5vh; }
.typeWriterAnimation { overflow: hidden; height: 100vh;}
.typeWriterMove img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.typeWriterMove.typeWriter_LToR { background-image: url(images/typeWriterGrp1.png); background-repeat: repeat-x; background-size: auto 100%; background-position: left;}
.typeWriterMove.typeWriter_RToL { background-image: url(images/typeWriterGrp2.png); background-repeat: repeat-x; background-size: auto 100%; background-position: left;}

.page-template-template-contact footer { display: none;}
.contactFooter .container { max-width: 1880px; width: 100%; margin: 0 auto; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.contactFooter { width: 100%; background: rgba(225,225,225,0.65); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; position: absolute; bottom: 0;}
.contactFooter .menu-footer-menu-container { width: 70%; border: 0; padding-left: 0;}
.contactFooter ul#menu-footer-menu { width: 100%; display: block; padding: 0; text-align: left;}
.contactFooter ul#menu-footer-menu li { display: inline-block; font-size: 19px; padding-right: 50px; list-style: none;  margin-bottom: 0;}
.contactFooter ul#menu-footer-menu li::before { display: none;}
.contactFooter ul#menu-footer-menu li a { text-decoration: none; border: 0; font-family: "Akkurat"; letter-spacing: 0;}

.contactBy { font-size: 13px; text-align: right; width: 30%; font-family: "Akkurat"; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contactBy span.currentYear { margin-right: 6px; }


/* .page-template-template-contact.fadeMenuActive main { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } */


/* .typeWriter_LToR { transform: translateX(0);
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
.typeWriter_LToR { transform: translateX(100%);}

.typeWriter_RToL { transform: translateX(0);
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
.typeWriter_RToL { transform: translateX(-100%);} */

/* contact page end here  */

/* the building page start here */
	.page-template-template-building .container_1680 { padding: 0 100px; }

	/* bulding slider section Start */
	.buildingLevels { width: 99%; }
	.building { max-width: 710px; width: auto; margin-left: auto; position: absolute; right: 0; top: 60px; min-height: 350px;}
	.buildingLevelWrap { position: relative; }
	.buildingLevelWrap.TB-Space { padding-bottom: 100px; }
	.levelblock { padding: 30px 0 10px 0px; position: relative; cursor: pointer; z-index: 9; display: -webkit-box; display: -ms-flexbox;
		display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
		-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.lavelPlusSign { margin-right: 18px; }
	.levelblock .lavelPlusSign svg,
	.levelblock .lavelPlusSign svg g,
	.activeSlideSteps .lavelPlusSign svg g,
	.levelblock .lavelPlusSign svg g line,
	.activeSlideSteps .lavelPlusSign svg g line {
		-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}
	.levelblock:hover .lavelPlusSign svg g,
	.activeSlideSteps .lavelPlusSign svg g {
		fill: #000000;
		stroke: #000000;
	}
	.levelblock:hover .lavelPlusSign svg g line,
	.activeSlideSteps .lavelPlusSign svg g line {
		fill: #BEE4A6;
		stroke: #BEE4A6;
	}
	.levelblock:hover, .levelblock.active, .activeSlideSteps { background: rgba(207, 240, 185, 0.77); }
	.levelblock:last-child { padding-top: 35px; padding-bottom: 12px; display: block;}
	.lavelPlusSign { margin-right: 18px; display: inline-block; }
	.levelclick { display: inline-block; }

	.FloorSubLevel { padding-left: 68px; font-size: 14px; line-height: 22px; margin-top: 15px; color: #2B2E34; font-family: 'Akkurat-Mono'; }


	.levelblock:before { display: none; position: absolute; width: 50px; height: 100%; left: 0; bottom: 0; content: ""; background: url(images/plusIcon.svg) no-repeat left center; top: 5px;}
	.levelblock:last-child::before { top: 30px; }
	.buildingLevels.animated .levelblock:after { position: absolute; border-bottom: 2px dotted #010407; width: 0; height: 1px; display: block; left: 0; bottom: 0; content: "";
		-webkit-animation-name: afterWidth; animation-name: afterWidth; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
	.buildingLevels.animated .levelblock:last-child::after { width: 0; -webkit-animation-name: afterWidthLastChild; animation-name: afterWidthLastChild; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

	.buildingLevels.animated .levelblock:nth-child(2):after { -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-duration: 2s; animation-duration: 2s;}
	.buildingLevels.animated .levelblock:nth-child(3):after { -webkit-animation-delay:0.7s; animation-delay:0.7s; -webkit-animation-duration: 2s; animation-duration: 2s;}
	.buildingLevels.animated .levelblock:nth-child(4):after { -webkit-animation-delay:0.9s; animation-delay:0.9s; -webkit-animation-duration: 2s; animation-duration: 2s;}
	.buildingLevels.animated .levelblock:nth-child(5):after { -webkit-animation-delay:1.1s; animation-delay:1.1s; -webkit-animation-duration: 2s; animation-duration: 2s;}
	.buildingLevels.animated .levelblock:nth-child(6):after { -webkit-animation-delay:1.3s; animation-delay:1.3s; -webkit-animation-duration: 2s; animation-duration: 2s;}
	.buildingLevels.animated .levelblock:last-child:after { -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
	@keyframes afterWidth {
		0% {
				width: 0;
			}
		100% {
				width: 99%;
		}
	}
	@keyframes afterWidthLastChild {
		0% {
				width: 0;
			}
		100% {
				width: 80%;
		}
	}

	.TotalValue span { font-size: 20px; margin-left: 15px; font-family: 'Akkurat-Mono'; }
	.floorNum { color: #E9521D; font-size: 20px; font-family: 'Akkurat Mono LL Bold'; line-height: 24px; }
	.terraceSpace { color: #2B2E34; font-size: 18px; font-family: 'Akkurat-Mono'; line-height: 24px; margin-top: 5px; }

	.FloorplanSlider { margin-top: 50px; }
	.fancybox-slide a { border: 0; }
	/* .FloorplanSlider .slick-list { overflow: visible; } */
	.fancybox-button.fancybox-close-small:hover { background: #bde3a6; }
	.slick-prev.slick-arrow, .slick-prev:hover, .slick-prev:focus { background: url(images/sliderleft_arrow.svg) no-repeat center !important; background-size: 32px !important; left: 25%; width: 40px; min-width: 40px; height: 40px; z-index: 9; }
	.slick-next.slick-arrow, .slick-next:hover, .slick-next:focus { background: url(images/sliderRight_arrow.svg) no-repeat center !important; background-size: 32px !important; right: 25%; width: 40px; min-width: 40px; height: 40px; z-index: 9;}
	.slick-prev:hover { background: url(images/sliderleft_arrow_hover.svg) no-repeat center !important; }
	.slick-next:hover { background: url(images/sliderRight_arrow_hover.svg) no-repeat center !important; }
	.slick-prev:before, .slick-next:before { display: none !important;}
	.slick-prev, .slick-next { top: 40px !important; }
	.slick-arrow.slick-disabled { opacity: 0.2; pointer-events: none; display: none !important; }

	.floorDetails { width: 26%; }
	.floorImgBox { width: 74%; min-height: 350px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
	.floorImgBoxOne { max-width: 700px; width: 100%; }
	.floorDetails h5 { font-family: 'Akkurat-Light'; font-weight: normal; text-transform: lowercase;}
	.legendsOfMap { padding: 50px 0; }
	.legendsOfMap li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.legendsOfMap li:before { display: none; }
	.legendsOfMap li.blueCircle span { background: #99E5FF; display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #000000; margin-right: 10px; vertical-align: middle; }
	.legendsOfMap li.greyCircle span { background: #AAA7A0; display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #000000; margin-right: 10px; vertical-align: middle; }
	.legendsOfMap li.whiteCircle span { background: #FFFFFF; display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #000000; margin-right: 10px; vertical-align: middle; }
	.legendsOfMap li.greenCircle span { background: #4FBE6C; display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #000000; margin-right: 10px; vertical-align: middle; }
	.legendsOfMap li.lightGreenCircle span { background: #BDE3A6; display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #000000; margin-right: 10px; vertical-align: middle; }

	#floorplans .slick-list { overflow-x: hidden;}
	#floorplans { padding-bottom: 0; }
	.FloorplanSliderInside .sectiontitle { max-width: 40%; margin: 5px auto 60px; }
	.floorImgBox a { min-height: 350px; height: 100%; display: block; width: 100%; border: 0; max-width: 700px; margin-right: auto; }
	.floorImgBox .sliderImageCaption { text-align: center; margin: 20px auto 0; font-family: 'Akkurat Mono LL Bold'; }
	.specificationSection .container_1680 { padding: 0 20px; }

	/* bulding slider section End */

	/* Specification section Start */
	.sectiontitle { text-align: center;  margin-bottom: 50px;}
	.specification .speceDiv { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start;
		justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical;
		-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #E9511C; font-family: 'Akkurat-Mono';
		text-transform: uppercase; padding: 20px 20px; text-align: center; font-size: 27px; line-height: 30px; margin-bottom: 10px;
	}
	.speceDivBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		margin-bottom: 15px; overflow: hidden; border: 0; width: 100%; position: relative; padding-top: 160px; }
	.spaceImage { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 150px; display: block; overflow: hidden; bottom: 0; margin: auto;}
	.speceDiv .spaceImage img { width: 100%; height: 100%; object-fit: fill; object-position: center center; }

	/* .speceDiv .spaceImage img { width: auto; max-height: 160px; height: auto; display: block; margin: auto; } */
	/* .spaceImage { margin-bottom: 20px; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } */
	.speceDiv p { padding: 0 35px; }

	/* Specification section End */

/* the building page End here */

/* loacation page start */
.page-template-template-the-area .container_1680 { padding: 0 100px;}

.locationMapSection .mapbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.imageHolder_Off { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.textImageSectionSet1 h4 { text-align: center; padding: 0 0 2vw; }
.wrapperBackground { position: relative; }
.wrapperBackground:before { content: ""; position: absolute; left: 0; top: 5.3%; background: #BEE4A6; width: 100%; height: 86%; display: block; }

.imagesPossion { width: 75vW; }
.setOneOfOne { width: 26vw; margin-left: auto; margin-right: 3vw; z-index: 9; position: relative;}
.setOneOfOne .box::before { padding-top: 62%; }
.setOneOftwo { width: 50vw; margin: -10.5vw 0 0 7.4vw; z-index: 1; position: relative; }
.setOneOftwo .box::before { padding-top: 65%; }
.setOneOfThree { width: 17.3vw; margin: -18vw 11.7vw 0 auto; position: relative; z-index: 9; }
.setOneOfThree .box::before { padding-top: 145%; }

.doorstep1, .doorstep2 { position: relative; }

.rightHandText { width: 25vw; margin-left: auto; text-align: left; position: absolute; bottom: -7px; right: 0; margin-right: 9vw; z-index: 9;
	font-size: 1.4vw; line-height: 1.6vw; font-family: 'Akkurat'; }

.rightHandText.animateme.spinUp .s_image {
    transform: rotate(0deg) !important;
    transition: all 2s ease-in-out !important;
    -webkit-transition: all 2s ease-in-out !important;
}
.rightHandText.animateme.spinUp.animated .s_image {
    transform: rotate(180deg) !important;
}

.e_image.animateme.spinUp {
    transform: rotate(180deg) !important;
    transition: all 2s ease-in-out !important;
    -webkit-transition: all 2s ease-in-out !important;
}
.e_image.animateme.spinUp.animated {
    transform: rotate(360deg) !important;
}

.one_image.animateme.spinUp {
    transform: rotate(180deg) !important;
    transition: all 2s ease-in-out !important;
    -webkit-transition: all 2s ease-in-out !important;
}
.one_image.animateme.spinUp.animated {
    transform: rotate(360deg) !important;
}


.rightHandText h5 { font-family: 'Akkurat-Mono'; font-weight: 400; font-size: 2vw; margin-bottom: 1.5vw; line-height: 2.5vw; position: relative; z-index: 2;}
.rightHandText p {z-index: 3; position: relative;  position: relative; z-index: 2;}
.rightHandText img.s_image { max-width: 23.8vw; width: auto; left: -80px; top: 51px; position: relative; z-index: 1;}
.rightHandText > div { z-index: 9; position: relative; }

.leftHandText { width: 25vw; text-align: left; position: absolute; top: 18%; left: 0; margin-left: 7vw; z-index: 9; font-size: 1.4vw; line-height: 1.6vw; font-family: 'Akkurat'; }
.leftHandText h5 { font-family: 'Akkurat-Mono'; font-weight: 400; font-size: 2.1vw; line-height: 2.5vw; margin-bottom: 1.77vw; z-index: 9; position: relative;}
.leftHandText h5, .leftHandText p { z-index: 3; position: relative; }
.leftHandText img.e_image { max-width: 23.8vw; width: auto; right: -5.3vw; bottom: 6.9vw; position: relative; z-index: 1;}

.doorstep2 { padding: 90px 0; }
.doorstep2 .imagesPossion { width: 75vW; margin-left: auto; }
.setTwoOfOne { width: 26vw; margin-left: auto; position: relative; z-index: 1;}
.setTwoOfOne .box:before { padding-top: 66.6%; }
.setTwoOftwo { width: 47.5vw; margin: -11.1vw 17vw 0 auto; z-index: 0; position: relative; }
.setTwoOftwo .box:before { padding-top: 66.8%; }
.setTwoOfThree { width: 26vw; margin-top: -9vw; }
.setTwoOfThree .box:before { padding-top: 66.6%; }
.setTwoOftwo.SetTwo_large_Image .imageHolder .imageCaptionBox { top: 0 !important; bottom: auto; position: absolute; }
/* .setTwoOftwo.SetTwo_large_Image .imageCaption:before { content: ""; left: 0; top: -9px; height: 200%; width: 100%; background: #000 !important; position: absolute; left: -20px; z-index: -1;} */

/* mid section banner start */
.midSectionbanner { padding: 40px 0;}
.midSectionbanner .box:before { padding-top: 44%; }

/* mid section banner End */
.textImageSectionSet1.TB-Space + .TB-Space { padding-top: 20px; }
.doorstep3 { padding: 4.5vw 0 0; position: relative; }
.doorstep3 .imagesPossion { width: 83.6vW; padding-bottom: 50px;}
.topSideText { width: 50vw; text-align: left; position: absolute; top: 3.6vw; left: 30vw; z-index: 9; padding-right: 0;}
.topSideText h5 { font-family: 'Akkurat-Mono'; font-weight: 400; margin-left: 40px; font-size: 2.1vw; line-height: 2.5vw; }
.topSideText h5, .topSideText p { position: relative; z-index: 3;}
.topSideText img.one_image { max-width: 23.8vw; width: auto; right: 0.5vw; top: -11.1vw; position: absolute; z-index: 1; }

.setThreeOfOne { width: 17.3vw; position: relative; z-index: 2; margin-left: 12.5vw; }
.setThreeOfOne .box:before { padding-top: 150%; }
.setThreeOftwo { width: 47.5vw; margin: -19.5vw 14vw 0 auto; z-index: 1; position: relative; }
.setThreeOftwo .box:before { padding-top: 66.8%; }
/* .setThreeOfThree { width: 17.3vw; position: relative; z-index: 2; margin-left: auto; margin-top: -15vw; margin-right: 1vw; } */
.setThreeOfThree { width: 17.3vw; position: relative; z-index: 2; margin-left: auto; margin-top: -15vw; margin-right: 1vw; margin-bottom: 0px; }
.setThreeOfThree .box:before { padding-top: 150%; }
.setThreeOfFour { width: 26vw; margin-top: -20vw; position: relative; z-index: 0; }
.setThreeOfFour .box:before { padding-top: 66.6%; }

.imageCaptionBox { display: inline; position: sticky; z-index: 99999; font-size: 1vw; line-height: 1.7vw; color: #ffffff; background: #000000;
	 height: auto; padding: 7px 0; font-family: 'Akkurat Mono LL Bold'; text-transform: uppercase; width: auto; bottom: 0; left: 0px !important;
	 /* box-shadow: 8px 1px 0 3px black, 10px 1px 0 3px black;  */ }
span.imageCaption { position: relative; padding: 0 5px;}
/* span.imageCaption:before { content: ""; left: 0; top: -9px; height: 100vw; width: 100%; background: #000 !important; position: absolute; left: -20px; z-index: -1;} */

/* location map section start */
.deskToplocation { position: relative; min-height: 500px;}
.locationSection .container_1600 h4 { text-align: center; margin: 0px 0 60px; }
.map-caption { position: absolute; top: 0; width: 550px; margin-top: 15%; font-family: 'Akkurat';}
.mobileLocation { display: none; }

/* location map section End */

/* loacation page End */


/* Footer start */
footer { margin-top: auto; padding: 20px 0; width: 100%; background: rgba(225,225,225,0.65); font-family: 'Akkurat'; font-weight: normal;
	position: relative; bottom: 0;}
footer .container_1800 { max-width: 1880px; width: 100%; }
.pageContentWrapper { margin-bottom: 60px;}
footer * { font-size: 14px; line-height: 24px; }
footer * a { border: 0; color: #000000; white-space: nowrap;}
footer * h4 { margin-top: 0; font-size: 14px; line-height: 24px; margin-bottom: 3px;}
footer ul { padding: 0; }
footer ul li { padding: 0; }
footer ul li:before { display: none; }
footer ul li h4 { margin-top: 0; margin-bottom: 5px; font-family: 'Akkurat Mono LL Bold'; letter-spacing: 0.28px; }
footer .container > ul { padding: 0; width: 10%; }
.footerINfO { width: 32%; position: relative; padding: 0 50px 0 20px; border-left: 1px solid #999999;
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footerContactinfo { width: 33.33%; }
.footerContactinfo *:last-child { padding-bottom: 0; }
.footerINfO .menu-footer-menu-container { display: none; }
.menu-footer-menu-container { border-left: 1px solid #777673; padding-left: 20px; width: 13%; padding-right: 20px;}
.FooterBottomMenu li { margin-bottom: 8px; list-style: none; }
.FooterBottomMenu li:last-child { margin-bottom: 0; }
.FooterBottomMenu a { letter-spacing: 0.7px; }
.developBy { border-left: 1px solid #777673; padding-left: 20px; width: 17%; padding-right: 20px;}
.developBy h4 { font-family: 'Akkurat'; text-transform: capitalize; letter-spacing: 0.7px; font-weight: normal; }
.uspLogo { border-left: 1px solid #777673; padding-left: 20px; }
.developBy a img { max-width: 190px; width: 100%; }
footer .container > div:last-child { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end;
	-ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-family: 'Akkurat-Mono'; font-size: 13px;}
footer span.currentYear { margin-right: 9px; }
.developByWRE img { display: block; margin: 0 auto; }

/* Footer End */

/* cookies css start here */
.cky-consent-container { border-top: 1px solid #dad2c5 !important; width: 350px !important;}
.cky-consent-container .cky-consent-bar { position: relative; padding: 100px 20px 20px !important; }
.cky-consent-container .cky-consent-bar:before { content: ""; position: absolute; left: 20px; top: 15px; width: 70px; height: 70px; background: url(images/cookie_thin_icon_white.svg) no-repeat center; background-size: 85%; }
.cky-btn-revisit-wrapper { display: none !important; }
button.cky-btn-close { width: auto; min-width: 20px; }
button.cky-btn-close > img { width: 18px !important; height: 18px !important; }
button.cky-btn-close > img:hover {filter: sepia(1);}
div[data-cky-tag="detail-powered-by"] { display: none !important; }
.cky-accordion-header .cky-always-active, .cky-preference-content-wrapper .cky-show-desc-btn { color: #5beb81 !important; }
.cky-notice-des P:last-child { padding-bottom: 0 !important; }
.cky-notice .cky-title { display: none !important;}
.cky-accordion-header .cky-accordion-btn { min-width: auto; }
.cky-btn { line-height: 20px !important; border-radius: 5px !important; margin: 0 12px 0 0 !important;}
.cky-btn:last-child { margin-right: 0 !important; }
.cky-prefrence-btn-wrapper .cky-btn { max-width: max-content !important; min-width: 210px !important; margin: 10px !important; }
.cky-consent-bar .cky-notice-des * { font-size: 16px !important; font-family: 'Akkurat-Light'; }
.cky-consent-bar .cky-notice-des * a { color: #ff8960; border-bottom: 1px solid #ff8960; white-space: nowrap;}
.cky-consent-bar .cky-notice-des * a:hover { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.cky-preference-center { background: #202020 !important;}
.cky-btn { border-width: 1px !important;}
.cky-consent-container .cky-consent-bar { border-top: 3px solid #e9511c !important; }
.cky-prefrence-btn-wrapper { padding: 10px 20px !important; background: #333;}
.cky-accordion-header-des p:last-child { padding-bottom: 0 !important; }
.cky-notice-btn-wrapper { margin-top: 25px !important;}
.cky-preference-header .cky-preference-title, .cky-preference-body-wrapper button.cky-accordion-btn { color: #ff713f !important; }
.cky-preference-header { border-bottom: 1px solid #88898a !important;}
.cky-preference-content-wrapper, .cky-accordion { border-bottom: 1px solid #5c3021 !important; }
.cky-footer-wrapper button { background: transparent !important; border: 1px solid #fff !important; }
/* .cky-footer-wrapper button.cky-btn.cky-btn-accept { background: transparent !important; border: 1px solid #fff !important; } */

button.cky-btn.cky-btn-customize { width: 100%; margin: 0 0 15px !important; }
button.cky-btn.cky-btn-accept { background: #e9511c !important; border: 1px solid #e9511c !important; }

/* cookies css End here */

/* 404_page_style_Start */
.error404 { color: #000000;}
.error404 #page-wrap { padding-top: 0; }
.error404 .jewishCareReview h5 { color: #BC0157;}
.fourOfour_Section { display: flex; justify-content: center;  height: 100%;}
.fourOfourPage { width: 100%; display: flex; justify-content: center; align-items: center; height: 100%;}
.pageNotFound { width: 100%; padding: 70px 30px 50px; max-width: 1000px; text-align: center; margin: 20px auto 90px;  background: #fff; overflow: hidden;}
.pageNotFound > div { border: 0; width: 100%; height: auto; margin: 0px auto; margin-bottom: 0; position: relative; overflow: hidden; text-align: center;}
.pageNotFound > div span { color: #001965; font-size: 80px; position: absolute;  right: 24px; top: 0; font-weight: 300; left: 0px; width: 100%;	bottom: 0; display: flex; justify-content: center;  align-items: center;}
.pageNotFound h3 { font-size: 45px; line-height: 45px; padding: 0;  margin-bottom: 20px; margin-top: 30px; font-family: 'Akkurat-Light';}
.pageNotFound p { font-size: 21px; line-height: 30px; }
.pageNotFound p a { white-space: nowrap; font-weight: 600; padding-bottom: 3px; color: #E9521D; border-bottom: 1px solid #E9521D !important; }
.pageNotFound a:hover { color: #000 !important; border-bottom: 1px solid #000;}
.pageNotFound svg g:nth-child(2) polygon { stroke: #7f6437;}
.pageNotFound svg { width: auto; height: 100%;}
.pageNotFound polygon { transform:rotateY(-180deg) scale(0); transition: all 0.2s cubic-bezier(0.590, 0.720, 0.375, 1.650); transform-origin:center;}
.pageNotFound polygon.processed { transform:rotateY(0deg) scale(1);}
/* 404_page_style_end */


.floorImageTabbing { display: block; width: 75%; text-align: center; margin: 5px 0 0 auto; }
.floorImageTabbing ul { padding: 0; max-width: 700px; }
.floorImageTabbing ul li { display: inline-block; margin: 5px; cursor: pointer;}
.floorImageTabbing li.floorTab span { display: block; background: transparent; border: 2px solid #000; width: 20px; height: 20px; border-radius: 50%; }
.floorImageTabbing li.floorTab.active span { background: #000000 !important; }

/* .floorImgBox > div { display: none;}
.floorImgBox > div.showFloor { display: block !important;} */