@font-face {
font-family: 'Linearicons-Free';
src:url(//empirecommunities.com/wp-content/themes/empire-theme/libs/webFont/fonts/Linearicons-Free.eot?w118d);
src:url(//empirecommunities.com/wp-content/themes/empire-theme/libs/webFont/fonts/Linearicons-Free.eot?#iefixw118d) format('embedded-opentype'),
url(//empirecommunities.com/wp-content/themes/empire-theme/libs/webFont/fonts/Linearicons-Free.woff2?w118d) format('woff2'),
url(//empirecommunities.com/wp-content/themes/empire-theme/libs/webFont/fonts/Linearicons-Free.woff?w118d) format('woff'),
url(//empirecommunities.com/wp-content/themes/empire-theme/libs/webFont/fonts/Linearicons-Free.ttf?w118d) format('truetype'),
url(//empirecommunities.com/wp-content/themes/empire-theme/libs/webFont/fonts/Linearicons-Free.svg?w118d#Linearicons-Free) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;	
}
.lnr {
font-family: 'Linearicons-Free';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lnr-home:before {
content: "\e800";
}
.lnr-apartment:before {
content: "\e801";
}
.lnr-pencil:before {
content: "\e802";
}
.lnr-magic-wand:before {
content: "\e803";
}
.lnr-drop:before {
content: "\e804";
}
.lnr-lighter:before {
content: "\e805";
}
.lnr-poop:before {
content: "\e806";
}
.lnr-sun:before {
content: "\e807";
}
.lnr-moon:before {
content: "\e808";
}
.lnr-cloud:before {
content: "\e809";
}
.lnr-cloud-upload:before {
content: "\e80a";
}
.lnr-cloud-download:before {
content: "\e80b";
}
.lnr-cloud-sync:before {
content: "\e80c";
}
.lnr-cloud-check:before {
content: "\e80d";
}
.lnr-database:before {
content: "\e80e";
}
.lnr-lock:before {
content: "\e80f";
}
.lnr-cog:before {
content: "\e810";
}
.lnr-trash:before {
content: "\e811";
}
.lnr-dice:before {
content: "\e812";
}
.lnr-heart:before {
content: "\e813";
}
.lnr-star:before {
content: "\e814";
}
.lnr-star-half:before {
content: "\e815";
}
.lnr-star-empty:before {
content: "\e816";
}
.lnr-flag:before {
content: "\e817";
}
.lnr-envelope:before {
content: "\e818";
}
.lnr-paperclip:before {
content: "\e819";
}
.lnr-inbox:before {
content: "\e81a";
}
.lnr-eye:before {
content: "\e81b";
}
.lnr-printer:before {
content: "\e81c";
}
.lnr-file-empty:before {
content: "\e81d";
}
.lnr-file-add:before {
content: "\e81e";
}
.lnr-enter:before {
content: "\e81f";
}
.lnr-exit:before {
content: "\e820";
}
.lnr-graduation-hat:before {
content: "\e821";
}
.lnr-license:before {
content: "\e822";
}
.lnr-music-note:before {
content: "\e823";
}
.lnr-film-play:before {
content: "\e824";
}
.lnr-camera-video:before {
content: "\e825";
}
.lnr-camera:before {
content: "\e826";
}
.lnr-picture:before {
content: "\e827";
}
.lnr-book:before {
content: "\e828";
}
.lnr-bookmark:before {
content: "\e829";
}
.lnr-user:before {
content: "\e82a";
}
.lnr-users:before {
content: "\e82b";
}
.lnr-shirt:before {
content: "\e82c";
}
.lnr-store:before {
content: "\e82d";
}
.lnr-cart:before {
content: "\e82e";
}
.lnr-tag:before {
content: "\e82f";
}
.lnr-phone-handset:before {
content: "\e830";
}
.lnr-phone:before {
content: "\e831";
}
.lnr-pushpin:before {
content: "\e832";
}
.lnr-map-marker:before {
content: "\e833";
}
.lnr-map:before {
content: "\e834";
}
.lnr-location:before {
content: "\e835";
}
.lnr-calendar-full:before {
content: "\e836";
}
.lnr-keyboard:before {
content: "\e837";
}
.lnr-spell-check:before {
content: "\e838";
}
.lnr-screen:before {
content: "\e839";
}
.lnr-smartphone:before {
content: "\e83a";
}
.lnr-tablet:before {
content: "\e83b";
}
.lnr-laptop:before {
content: "\e83c";
}
.lnr-laptop-phone:before {
content: "\e83d";
}
.lnr-power-switch:before {
content: "\e83e";
}
.lnr-bubble:before {
content: "\e83f";
}
.lnr-heart-pulse:before {
content: "\e840";
}
.lnr-construction:before {
content: "\e841";
}
.lnr-pie-chart:before {
content: "\e842";
}
.lnr-chart-bars:before {
content: "\e843";
}
.lnr-gift:before {
content: "\e844";
}
.lnr-diamond:before {
content: "\e845";
}
.lnr-linearicons:before {
content: "\e846";
}
.lnr-dinner:before {
content: "\e847";
}
.lnr-coffee-cup:before {
content: "\e848";
}
.lnr-leaf:before {
content: "\e849";
}
.lnr-paw:before {
content: "\e84a";
}
.lnr-rocket:before {
content: "\e84b";
}
.lnr-briefcase:before {
content: "\e84c";
}
.lnr-bus:before {
content: "\e84d";
}
.lnr-car:before {
content: "\e84e";
}
.lnr-train:before {
content: "\e84f";
}
.lnr-bicycle:before {
content: "\e850";
}
.lnr-wheelchair:before {
content: "\e851";
}
.lnr-select:before {
content: "\e852";
}
.lnr-earth:before {
content: "\e853";
}
.lnr-smile:before {
content: "\e854";
}
.lnr-sad:before {
content: "\e855";
}
.lnr-neutral:before {
content: "\e856";
}
.lnr-mustache:before {
content: "\e857";
}
.lnr-alarm:before {
content: "\e858";
}
.lnr-bullhorn:before {
content: "\e859";
}
.lnr-volume-high:before {
content: "\e85a";
}
.lnr-volume-medium:before {
content: "\e85b";
}
.lnr-volume-low:before {
content: "\e85c";
}
.lnr-volume:before {
content: "\e85d";
}
.lnr-mic:before {
content: "\e85e";
}
.lnr-hourglass:before {
content: "\e85f";
}
.lnr-undo:before {
content: "\e860";
}
.lnr-redo:before {
content: "\e861";
}
.lnr-sync:before {
content: "\e862";
}
.lnr-history:before {
content: "\e863";
}
.lnr-clock:before {
content: "\e864";
}
.lnr-download:before {
content: "\e865";
}
.lnr-upload:before {
content: "\e866";
}
.lnr-enter-down:before {
content: "\e867";
}
.lnr-exit-up:before {
content: "\e868";
}
.lnr-bug:before {
content: "\e869";
}
.lnr-code:before {
content: "\e86a";
}
.lnr-link:before {
content: "\e86b";
}
.lnr-unlink:before {
content: "\e86c";
}
.lnr-thumbs-up:before {
content: "\e86d";
}
.lnr-thumbs-down:before {
content: "\e86e";
}
.lnr-magnifier:before {
content: "\e86f";
}
.lnr-cross:before {
content: "\e870";
}
.lnr-menu:before {
content: "\e871";
}
.lnr-list:before {
content: "\e872";
}
.lnr-chevron-up:before {
content: "\e873";
}
.lnr-chevron-down:before {
content: "\e874";
}
.lnr-chevron-left:before {
content: "\e875";
}
.lnr-chevron-right:before {
content: "\e876";
}
.lnr-arrow-up:before {
content: "\e877";
}
.lnr-arrow-down:before {
content: "\e878";
}
.lnr-arrow-left:before {
content: "\e879";
}
.lnr-arrow-right:before {
content: "\e87a";
}
.lnr-move:before {
content: "\e87b";
}
.lnr-warning:before {
content: "\e87c";
}
.lnr-question-circle:before {
content: "\e87d";
}
.lnr-menu-circle:before {
content: "\e87e";
}
.lnr-checkmark-circle:before {
content: "\e87f";
}
.lnr-cross-circle:before {
content: "\e880";
}
.lnr-plus-circle:before {
content: "\e881";
}
.lnr-circle-minus:before {
content: "\e882";
}
.lnr-arrow-up-circle:before {
content: "\e883";
}
.lnr-arrow-down-circle:before {
content: "\e884";
}
.lnr-arrow-left-circle:before {
content: "\e885";
}
.lnr-arrow-right-circle:before {
content: "\e886";
}
.lnr-chevron-up-circle:before {
content: "\e887";
}
.lnr-chevron-down-circle:before {
content: "\e888";
}
.lnr-chevron-left-circle:before {
content: "\e889";
}
.lnr-chevron-right-circle:before {
content: "\e88a";
}
.lnr-crop:before {
content: "\e88b";
}
.lnr-frame-expand:before {
content: "\e88c";
}
.lnr-frame-contract:before {
content: "\e88d";
}
.lnr-layers:before {
content: "\e88e";
}
.lnr-funnel:before {
content: "\e88f";
}
.lnr-text-format:before {
content: "\e890";
}
.lnr-text-format-remove:before {
content: "\e891";
}
.lnr-text-size:before {
content: "\e892";
}
.lnr-bold:before {
content: "\e893";
}
.lnr-italic:before {
content: "\e894";
}
.lnr-underline:before {
content: "\e895";
}
.lnr-strikethrough:before {
content: "\e896";
}
.lnr-highlight:before {
content: "\e897";
}
.lnr-text-align-left:before {
content: "\e898";
}
.lnr-text-align-center:before {
content: "\e899";
}
.lnr-text-align-right:before {
content: "\e89a";
}
.lnr-text-align-justify:before {
content: "\e89b";
}
.lnr-line-spacing:before {
content: "\e89c";
}
.lnr-indent-increase:before {
content: "\e89d";
}
.lnr-indent-decrease:before {
content: "\e89e";
}
.lnr-pilcrow:before {
content: "\e89f";
}
.lnr-direction-ltr:before {
content: "\e8a0";
}
.lnr-direction-rtl:before {
content: "\e8a1";
}
.lnr-page-break:before {
content: "\e8a2";
}
.lnr-sort-alpha-asc:before {
content: "\e8a3";
}
.lnr-sort-amount-asc:before {
content: "\e8a4";
}
.lnr-hand:before {
content: "\e8a5";
}
.lnr-pointer-up:before {
content: "\e8a6";
}
.lnr-pointer-right:before {
content: "\e8a7";
}
.lnr-pointer-down:before {
content: "\e8a8";
}
.lnr-pointer-left:before {
content: "\e8a9";
}@font-face {
font-family: 'Gotham Book';
src: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/Gotham-Book.woff2) format('woff2'),
url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/Gotham-Book.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trajan Pro';
src: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/TrajanPro-Regular.woff2) format('woff2'),
url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/TrajanPro-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trajan Pro-Bold';
src: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/TrajanPro-Bold.woff2) format('woff2'),
url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/TrajanPro-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
} @font-face{
font-family: 'Helvetica_Roman';
src: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/HelveticaLTStd-Roman.otf) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'Helvetica_Light';
src: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/HelveticaLTStd-Light.otf) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'Helvetica_Neue_Light';
src: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/fonts/HelveticaNeueLTStd-Lt.otf) format('opentype');
font-weight: normal;
font-style: normal;
}*{
margin: 0;
padding: 0;
}
body{
font-family: Helvetica, Arial, 'sans-serif';
font-family: 'Helvetica_Light';
}
.outerSiteplan {
width: 100%;
display: table;
height: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
#siteplan{
position: relative;
width: 100%;
height: 100%;
}
#masterPlanCont {
float: left;
width: 80%;
height: 100%;
position: relative;
overflow: hidden;
}
#containerRight {
width: 20%;
height: 100%;
float: left;
background-color: #F0F0F0;
}
#containerLeft {
width: 80%;
float: left;
height: 100%;
}
#rightMenu {
position: relative;
height: 100%;
}
#masterPlan {
width: 100%;
height: 100%;
float: left;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.animateM {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#masterPlanImg {
position: absolute;
}
.rightSmallCont {
width: 80%;
margin: 15% 10%;
position: absolute;
bottom: 0;
}
.legendTitles {
margin-bottom: 10px;
font-family: 'Helvetica_Roman';
font-size: 18px;
clear: both;
position: relative;
}
.upp {
text-transform: uppercase;
}
#fullImgSite, .fullImgCont {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.parent {
height: 100%;
}
#fullImageZoomSite {
height: 100% !important;
width: 100%;
overflow: hidden;
}
.floorImgInner {
margin: 0;
width: 100%;
height: 190px;
object-fit: cover;
touch-action: pan-y !important;
}
.fullImg {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
position: relative;
}
#sitePlanLocateImg {
position: absolute;
width: auto;
max-width: 100%;
}
#allPoints {
position: relative;
} .legendLine {
background-color: #312725;
opacity: 0.3;
width: 100%;
height: 1px;
margin: 15px 0;
float: left;
}
#phasesSelect{
width: 100%;
height: 40px;
border: none;
-webkit-appearance: none; padding-left: 20px;
font-size: 16px;
font-family: 'Helvetica_Roman';
color: #312725;
outline: none;
background-repeat: no-repeat;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow-down.png);
background-size: 20px;
background-position: 96% 50%;
background-color: white;
}
.phasePoint{
position: absolute;
background-color: #fff;
transform: translate(-50%, 0);
padding: 12px;
cursor: pointer;
transition: all 0.3s ease;
}
.phasePoint:hover{
transform: translate(-50%, -5px);
}
.phasePoint::after{
content: '';
position: absolute;
bottom: -10px;
transform: translate(-50%, 0);
left: 50%;
width: 10px;
height: 10px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box;
}
.phasePointer{
font-size: 14px;
font-family: 'Helvetica_Roman';
color: #312725;
}
.lotPoint {
width: 25px;
height: 25px;
border-radius: 50%;
position: absolute;
transform: translate(-50%, -50%);
border: 2px solid #fff;
box-sizing: border-box;
cursor: pointer;
}
.lotPoint.sold{
background-color: #CC0707;
}
.lotPoint.available{
background-color: #1d7d00;
}
.lotPoint.dot-red{
background-color: #CC0707;
}
.lotPoint.dot-green{
background-color: #1d7d00;
}
.lotPoint.dot-yellow{
background-color: #2e2624;
}
.lotPoint.dot-blue{
background-color: #2d66b2;
}
.lotPoint.dot-black{
background-color: #312725;
}
.lotPoint.dot-Large {
width: 25px;
height: 25px;
}
.lotPoint.dot-Medium {
width: 20px;
height: 20px;
}
.lotPoint.dot-Small {
width: 10px;
height: 10px;
border: 1px solid #fff;
}
.lotPoint.modelHome {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/house.png);
background-color: #97b8e1;
background-size: contain;
background-position: center;
}
.lotPoint.dot-noPointer {
cursor: auto;
}
.nameCateSite.nameCateSiteAvailability{
margin-left: 10px;
float: left;
}
.sectionSiteplan{
margin-top: 60px;
position: relative;
}
@media screen and (max-width: 1200px){
.lotPoint.dot-Large {
width: 22px;
height: 22px;
}
.lotPoint.dot-Medium {
width: 17px;
height: 17px;
}
.lotPoint.dot-Small {
width: 12px;
height: 12px;
}
}
@media screen and (max-width: 768px){
.lotPoint.dot-Large {
width: 10px;
height: 10px;
border: none;
}
.lotPoint.dot-Medium {
width: 8px;
height: 8px;
border: none;
}
.lotPoint.dot-Small {
width: 6px;
height: 6px;
border: none;
}
} .nameCateSite {
margin-left: 30px;
line-height: 30px;
font-family: 'Helvetica_Neue_Light';
font-size: 15px;
line-height: 1;
margin-top: 8px;
min-height: 20px;
height: auto;
}
.selectCateSite {
margin-left: 0px;
margin-top: 4px;
width: 20px;
height: 20px;
float: left;
box-sizing: border-box;
}
.selectCateSite.icon{
background-size: contain;
background-position: center;
}
.categoryContSite {
margin-bottom: 5px;
width: 100%;
height: auto;
float: left;
}
#modelHome .selectCateSite.icon  {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/house.png);
}
.selectCateSite.availability{
border-radius: 50%;
} #housesBox {
width: 80%;
position: absolute;
bottom: -400px;
left: 0;
background: #fff;
height: 350px;
opacity: 0;
transition: all 0.3s ease;
}
.closeLotGallery{
position: absolute;
height: 30px;
width: 30px;
top: 15px;
right: 15px;
cursor: pointer;
}
span.closeLineSiteplan {
width: 100%;
position: absolute;
height: 2px;
background: #2e2624;
transform: rotate(45deg);
top: 50%;
}
span.closeLineSiteplan.second{
transform: rotate(-45deg);
}
#housesBox.active{
bottom: 0;
opacity: 1;
}
#housesBoxFull {
width: 90%;
height: 290px;
margin: auto;
}
#housesBoxFull .slick-list.draggable{
height: 290px;
overflow: hidden;
}
#housesBox #housesBoxFull .slick-arrow{
position: absolute !important;
color: transparent !important;
width: 40px !important;
height: 40px !important;
top: 50% !important;
margin-top: -20px !important;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow-down.png) !important;
background-size: 25px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: #fff !important;
z-index: 1;
}
#housesBox #housesBoxFull .slick-prev{
display: block !important;
left: -45px !important;
transform: rotate(90deg);
}
#housesBox #housesBoxFull .slick-next{
display: inline-block !important;
right: -45px !important;
transform: rotate(-90deg);
}
#housesBoxFull .slick-slide {
margin: 0 10px;
}
.houseCont {
background: yellowgreen;
width: 250px;
height: 300px;
padding-top: 10px;
}
.casaImg{
height: 165px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.floorTitleSiteplan{
font-family: 'Helvetica_Roman';
font-size: 16px;
float: left;
width: 100%;
box-sizing: border-box;
touch-action: pan-y !important;
text-align: left;
text-transform: uppercase;
line-height: 20px;
}
.floorContSiteplan{
padding-top: 10px;
height: 300px;
position: relative;
float: left;
}
.houseLineSiteplan {
background-color: #312725;
opacity: 0.3;
width: 100%;
height: 1px;
margin: 5px 0;
float: left;
}
.floorIconMin {
font-family: 'Helvetica_Roman';
float: left;
touch-action: pan-y !important;
margin-top: 10px;
width: 23%;
box-sizing: border-box;
}
.houselineVer {
float: left;
border-right: 1px solid rgba(49,39,37, 0.3);
padding-right: 13px;
margin-right: 6px;
margin-right: 1%;
margin-right: 2%;
}
.houselineVer.three {
width: 31%;
}
.snack {
font-size: 10px;
}
#housesGallTitle{
font-family: 'Helvetica_Roman';
font-size: 25px;
height: 60px;
line-height: 40px;
width: 90%;
padding-top: 15px;
margin: auto;
box-sizing: border-box;
}
#houseDetailbox {
width: 80%;
background: #fff;
bottom: -400px;
height: 350px;
opacity: 0;
position: absolute;
padding: 20px;
box-sizing: border-box;
transition: all 0.3s ease;
}
#houseDetailbox.active{
bottom: 0;
opacity: 1;
}
#houseDetailLeft{
height: 100%;
float: left;
width: 50%;
position: relative;
}
#houseDetailRight{
float: left;
height: 100%;
width: 50%;
padding-left: 30px;
box-sizing: border-box;
}
#detailImgLeft {
float: left;
width: 69%;
margin-right: 1%;
height: 100%;
background: #FFF;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.hasGallery-false #detailImgLeft {
margin-left: 16%;
}
#detailImgRight {
float: left;
width: 30%;
height: 49%;
margin-bottom: 1%;
background: #FFF;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
#detailImgRight2 {
float: left;
width: 30%;
height: 49%;
background-color: #FFF;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.detailAdress, .detailsPrice,
.detailsPhaseLot, .detailsSerial ,
.detailslineVer{
font-family: 'Helvetica_Light';
font-size: 35px;
line-height: 40px;
}
.detailAdress{
padding-right: 30px;
line-height: 1;
}
.detailsLine {
background-color: #312725;
opacity: 0.3;
width: 100%;
height: 1px;
margin: 10px 0;
float: left;
}
.detailsPrice{
font-size: 25px;
line-height: 30px;
}
.detailsPhaseLot{
font-size: 15px;
line-height: 30px;
float: left;
width: 50%;
}
.detailsSerial{
float: left;
width: 50%;
font-size: 15px;
line-height: 16px;
}
.detailslineVer{
float: left;
width: 22%;
font-size: 15px;
line-height: 16px;
margin: 20px 0;
border-right: 1px solid rgba(49,39,37, 0.3);
padding-right: 35px;
margin-right: 2%;
box-sizing: border-box;
}
.detailslineVer.three {
width: 31%;
}
.detailslineVer.last {
border: none;
}
#detailsBtnBox {
margin-top: 20px;
overflow: hidden;
clear: both;
}
#detailsBtnBox.noBtn{
border: none;
}
.detailsBtn {
display: block;
float: left;
width: 46%;
margin: 0 2%;
text-align: center;
border: 1px solid #2e2624;
box-sizing: border-box;
}
.noBtn .detailsBtn{
border: none;
}
.detailsBtn a{
display: block;
padding: 20px;
color:#2e2624;
text-decoration: none;
font-family: 'Helvetica_Roman';
}
.paragraphCont .regular {
overflow-y: scroll;
width: 100%;
}
.paragraphCont .team_text {
width: 100%;
}
.detailsBtn .aniTran{
background-color: #2e2624;
color: #fff;
}
.categoryContSite.inv {
display: none;
}
#availabilityDesktop .selectCateSite{
background-color: #2e2624;
}
#availabilityDesktop .selectCateSite.available{
background-color: #1d7d00;
}
#availabilityDesktop .selectCateSite.sold{
background-color: #CC0707;
}
#availabilityDesktop .selectCateSite.mooveinready{
background-color: #2d66b2;
}
.legendCategoryContainer,
#availabilityDesktop{
overflow: hidden;
width: 100%;
}
.legendsChevron{
display: none;
position: absolute;
width: 20px;
height: 30px;
top: -5px;
right: 0;
background-repeat: no-repeat;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow-down.png);
background-size: 20px;
background-position: center;
transform: rotate(0);
transition: all 0.3s ease;
}
.legendsChevron.active{
transform: rotate(180deg);
}
@media screen and (max-width: 768px){
#containerLeft{
width: 100%;
height: 300px; 
}
#containerRight{
width: 100%;
height: auto;
}
.rightSmallCont{
bottom: auto;
position: relative;
}
.categoryContSite{
width: 50%;
}
.legendCategoryContainer,
#availabilityDesktop{
display: none;
}
.legendCategoryContainer.active,
#availabilityDesktop.active{
display: block;
}  
.legendsChevron{
display: none;
}
.sectionSiteplan{ }
body{
overflow: auto;
} }
.legendCategoryContainer, #availabilityDesktop {
overflow: hidden;
width: 100%;
display: block !important;
}
.floorAme {
width: 100%;
box-sizing: border-box;
touch-action: pan-y!important;
float: left;
padding: 0 5%;
margin-bottom: 15px;
margin: 10px 0 15px;
}
@media screen and (max-width: 1024px){
.selectCateSite {
width: 15px;
height: 15px;
margin-top: 0px;
}
.nameCateSite.nameCateSiteAvailability { float: none; font-size: 12px;
margin-left: 20px;
}
.nameCateSite {
font-size: 12px;
margin-left: 20px;
margin-top: 2px;
min-height: 14px;
}
.selectCateSite {
width: 15px;
height: 15px;
margin-top: 0px;
}
.legendTitles {
font-size: 14px;
margin-bottom: 3px;
}
#phasesSelect {
height: 30px;
line-height: 32px;
font-size: 14px;
}
.rightSmallCont {
margin: 10px 10%;
}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
.legendLine {
margin: 7px 0;
}
}
@media screen and (max-width: 768px){
.rightSmallCont{
margin: 40px 10%;
}
}
.largePortrait{
}
.largePortrait #containerLeft {
width: 100%;
}
.largePortrait #containerRight {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.siteplanContent .largePortrait #containerRight {
width: 100%;
float: left;
position: relative;
padding-bottom: 20px;
bottom: auto;
}
.largePortrait .rightSmallCont {
width: 80%;
float: left;
position: relative;
margin: 10px 10%;
}
.largePortrait #phasesBox {
width: 50%;
}
.largePortrait #legendDesktop {
width: 50%;
float: left;
}
.largePortrait #availabilityDesktop .legendLine {
display: none;
}
.largePortrait #availabilityDesktop {
width: 50%;
float: left;
}
.largePortrait .legendLine {
margin: 20px 0;
}
.largePortrait #rightMenu {
margin-top: 20px;
}
#containerLeft {
position: relative;
overflow: hidden;
} #housesBox {
width: 100%;
}
.largePortrait #houseDetailbox {
width: 100%;
}
#houseDetailbox {
width: 100%;
} .detailsSerial {
float: right;
width: 40%;
}
.detailsPhaseLot {
float: left;
width: 60%;
}
.detailsPrice {
margin-bottom: 10px;
}
.houseMoveInContentSP{
position: absolute;
top: 10px;
left: -10px;
padding: 9px 14px 7px;
background-color: #2e2624;
color: #FFF;
font-size: 12px;
line-height: 1;
z-index: 1;
box-sizing: border-box;
}
.houseMoveInContentSP.houseMoveInContent-Orange{
background-color: #f9590a;
}
.hasGallery-false .houseMoveInContentSP {
margin-left: 16%;
}
@media screen and (max-width: 768px){
#housesBox {
}
#houseDetailbox {
}
#housesBox #housesBoxFull .slick-arrow{
display: none !important;
}
#houseDetailLeft {
width: 25%;
position: absolute;
top: 40px;
top: 30px;
left: 20px;
height: auto;
}
#detailImgLeft {
width: 100%;
height: 90px;
margin-left: 0;
}
.hasGallery-false .houseMoveInContentSP {
margin-left: 0;
}
.hasGallery-false #detailImgLeft {
margin-left: 0;
}
#detailImgRight {
display: none;
}
#detailImgRight2 {
display: none;
}
#houseDetailRight {
width: 100%;
padding-left: 0px;
}
.detailAdress {
font-size: 20px;
padding-right: 0px;padding-right: 25px;
margin-left: 30%;
}
.detailsPrice {
font-size: 18px;
margin-left: 30%;
}
.detailPhaseBox {
margin-left: 30%;
}
.detailslineVer{
font-size: 13px;
}
.detailsPrice {
margin-bottom: 0px;
}
.detailsPhaseLot {
width: 100%;
font-size: 13px;
}
.detailsSerial {
width: 100%;
float: left;
}
#housesBox #housesBoxFull .slick-arrow {
display: block !important;
border: none !important;
}
#housesBox #housesBoxFull .slick-prev {
display: block !important;
left: -20px !important;
transform: rotate(90deg);
}
#housesBox #housesBoxFull .slick-next {
right: -20px !important;
}
#housesBox #housesBoxFull .floorContSiteplan{
margin: 0px;
}
#housesGallTitle {
padding-right: 25px;
}
#housesBoxFull .slick-list.draggable {
height: 320px;
}
#housesBoxFull {
height: 320px;
}
#housesBox {
height: 380px;
}
.houseMoveInContentSP {
position: relative;
top: 0;
left: 0;
width: 100%;
}
}
#zoomInOutContainer {
position: absolute;
width: 40px;
height: 80px;
right: 0;
top: 50%;
margin-top: -40px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-color: #F0F0F0;
box-sizing: border-box;
border-right: 1px solid #ccc;
}
.zoomBtn {
box-sizing: border-box;
float: left;
height: 40px;
width: 40px;
background-size: cover;
background-repeat: no-repeat;
}
#zoomIn {
border-bottom: 1px solid #ccc;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/zoomIn.png);
}
#zoomOut {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/zoomOut.png);
}
.contInfoCard{
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;
width: 100%;
}
.contInfoCard .detailslineVer{
width: auto;
padding: 0 2px;
}
.priceMgn.sizeClass{
font-size: 15px;
}
.contInfoCard{
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;
width: 100%;
}
.contInfoCard .floorIconMin{
width: auto;
padding: 0 2px;
}
.contInfoCard .priceMgn{
border-left: 1px solid rgba(49,39,37, 0.3);
padding-left: 5px;
}
.contInfoCard .priceMgn:first-child{
border-left: none;
}
.floorImg .iconsF:first-child{
right: 10px;
}
.contCardMvr { float: left;
position: relative;
margin-top: 15px;
}
.contImgCardMvr {
width: 100%;
height: 200px;
}
.imgCardMvr {
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.contDescCardMvr {
padding: 20px 0px;
}
.secTextCardMvr {
font-size: 13px;
}
.thirdTextCardMvr.midLeft {
width: 50%;
display: inline-block;
}
.thirdTextCardMvr.midLeft {
width: 55%;
display: inline-block;
font-size: 12px;
font-family: 'Helvetica_Roman';
}
.thirdTextCardMvr.misRight {
width: 100%;
display: inline-block;
text-align: right;
font-size: 12px;
}
.contPriceCardMvr {
float: left;
padding-top: 5px;
}
.oldPriceCardMvr {
font-size: 19px;
text-decoration: line-through;
display: inline-block;
font-family: 'Helvetica_Roman';
line-height: 2.3;
margin-right: 7px;
}
.contSecCardMvr {
overflow: hidden; border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece; }
.priceCardMvr {
font-size: 19px;
display: inline-block;
color: #fa5a0a;
font-family: 'Helvetica_Roman';
line-height: 2.3;
}
.priceCardMvr.NotPreviusPrice {
color: #2e2624;
}
.contCityCardMvr {
float: right;
padding-top: 5px;
}
.cityCardMvr {
font-size: 12px; background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/location-pin.png);
padding-right: 15px;
background-position: 100% 40%;
background-repeat: no-repeat;
background-size: 12px;
line-height: 3.7;
}
.contThdCardMvr {
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;
padding: 10px 0;
}
.nameItemCardMvr {
font-size: 7px;
}
.descItemCardMvr {
font-size: 14px;
}
.itemCardMvr {
border-left: 1px solid #cecece;
padding: 0 5px;
}
.itemCardMvr:first-child {
border-left: none;
}
.contFstCardMvr {
padding-bottom: 10px;
}
.nameCardMvr {
margin-bottom: 5px;
font-family: "Helvetica_Roman";
font-size: 17px;
text-transform: uppercase;
padding-right: 20px;
}
.listingSearchPage .nameCardMvr{
font-size: 16px;    
}
.moveInReadyTagsCardMvr {
position: absolute;
top: -15px;
left: 10px;
padding: 15px 20px;
font-size: 12px;
background-color: #2e2624;
color: #FFF;
}
.contCardMvr .ctaCamera {
top: 145px;    
} 
.contCardMvr.newCardInCommunity {
box-sizing: border-box;
float: left;
width: 23%;
margin: 0 1% 30px;
height: auto;
transition: all 0.3s ease;
}
.contCardMvr.searchResults {
width: 100%;
padding: 0 30px;
box-sizing: border-box;
margin-top: 0px;  
transition: all 0.3s ease;  
left: 0;
}
.contCardMvr.searchResults .contImgCardMvr {
height: 205px;
width: 48%;
margin-right: 2%;
float: left;
}
.contCardMvr.searchResults .contDescCardMvr {
width: 50%;
float: left;
padding: 7px 0 0;
}
.contCardMvr.searchResults .moveInReadyTags {
top: 0;
left: 40px;
padding: 12px 18px;
}
.contCardMvr .camera_FeaturedBlock {
top: 145px;    
}
.contCardMvr.searchResults .camera_FeaturedBlock {
top: auto;
bottom: 20px;
left: 40px;
}
.contCardMvr.carrouselCard {
margin: 0 20px 0 0;
}
#listingInfo .requestInf {
position: relative;
float: right;
width: 50%;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
clear: both;
}
.requestInf .cta_principal_block {
margin: 0;
}
#listingInfo .cardListing {
float: left;
width: 50%;
padding: 20px 10px 20px 0;
}
#listingInfo .resumeListing {   
float: right;
width: 50%;    
padding: 20px 10px;
}
#headerListing .principalImage {
width: 50%;
}
#headerListing .imagesContainer {
width: 50%;
}
.cardListing .nameCardMvr {
font-size: 30px;    
}
.cardListing .secTextCardMvr,
.cardListing .thirdTextCardMvr.midLeft,
.cardListing .thirdTextCardMvr.misRight {
font-size: 15px;
}
.cardListing .thirdTextCardMvr.misRight {
width: 44%;
}
.cardListing .oldPriceCardMvr,
.cardListing .priceCardMvr {
font-size: 22px;
}
.cardListing .nameItemCardMvr {
font-size: 10px;
}
.namePriceCardMvr {
font-size: 13px;
font-family: 'HelveticaNeue_Lt';
padding-top: 10px;    
}
.requestInf.rightbtn {
width: 100%;
padding: 20px 0;
position: relative;
float: right;
margin: 0;
box-sizing: border-box;
clear: both;    
}
.housePopupInfo .contGalleryTextRight {    
height: 100%;
width: 40%;
min-width: 20%;
float: right;
padding: 20px 20px 0;
box-sizing: border-box;
display: block;
}
#listingInfo .requestInf.leftbtn {
float: left;
padding-left: 0;
}
#listingInfo .fav_FeaturedBlock {
top: 21px;
}
.housePopupInfo .titleDist_third_featureBlock {
text-align: left;    
}
.housePopupInfo .contPriceCardMvr {
padding: 0;
}
.housePopupInfo .ctaFull  {
width: 100%;
display: inherit;
box-sizing: border-box;
padding: 10px 25px 7px;
}
.housePopupInfo .btnContainer {
width: 100%;
padding: 0;
margin: 10px 0 0;
}
.housePopupInfo .details_popUp_Gallery,
.housePopupInfo .price_popUp_Gallery {
height: auto;
}
.housePopupInfo .nameCardMvr {
font-size: 22px;
}
.housePopupInfo .popup_desc {
padding-top: 0;
}
.housePopupInfo .contFstCardMvr {
padding-bottom: 0;
}
.searchResults .listingTitle {
font-family: 'Helvetica_Roman'; font-size: 16px;
}
.searchResults .text_smallLarge {
font-size: 19px;
}
.searchResults .specsListing .txtInfo {
font-size: 7px;
}
.searchResults .specsListing .text_smallLarge {
font-size: 14px;
}
.searchResults .subTitleHomes_fifth_featureBlock .titleDist_third_featureBlock{
font-size: 12px;
}
.searchResults .subTitleHomes_fifth_featureBlock .titleDist_third_featureBlock.Moved {
width: 50%;
display: inline-block;
font-size: 12px;
font-family: 'Helvetica_Roman';
font-weight: 100;
}
#houseDetailbox .nameCardMvr {
font-size: 25px;    
}
#houseDetailbox .thirdTextCardMvr.midLeft {
margin-bottom: 10px;
}
#houseDetailbox .contSecCardMvr {
border-bottom: none;
}
#houseDetailbox .contThdCardMvr {
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
#houseDetailbox .detailsBtn {
margin: 0;
}
#houseDetailbox .detailsBtn a {
padding: 10px 10px 7px;
display: block;
}
#houseDetailbox .detailsBtn a.mobile {
display: none;
} 
#houseDetailbox #houseDetailLeft {
padding-top: 14px;
box-sizing: border-box;    
}
#houseDetailbox .hasGallery-false .houseMoveInContentSP {
margin: 0;
left: 20%;
top: 0;
font-size: 15px;
}
section#headerListing {
padding-top: 22px;    
}
section#headerListing .moveInReadyTags  {
top: -20px;
z-index: 1000;
}
#headerListing .principalImage {
width: 50%;
overflow: visible;
}
.housePopupInfo .contSecCardMvr.mobile {
display: none;
}
.galleryPopupContainer .btnContainer.mobilePopup{
display: none;
}
.searchPage .galleryPopup .slick-list {
padding: 0;
}
.galleryContent {
height: auto;
left: auto;
position: relative;
margin: 0;
}
.housePopupInfo {
height: auto; 
}
.contGalleryTextLeft {
padding: 10px 0;    
}
.searchPage .listingItems .searchResults .fav_FeaturedBlock {
top: 20px;    
}
.cityListing {
background-position: 96% 25%;    
}
.searchResults .listingTitle {
padding-right: 20px;    
}
.resumeListing.desktopClass,
.cardListing.desktopClass p {
display: block;
}
.resumeListing.mobileClass,
.cardListing.mobileClass {
display: none;
}
.galleryPopupContainer.presaleGallery .galleryContent {
left: 50%;
}
.searchResultsContainer.communitiesPageContainerview .contCardMvr.searchResults {    
height: auto;
margin-bottom: 20px;
padding-top: 15px;
}
.searchResultsContainer.communitiesPageContainerview .oldPriceCardMvr, .searchResultsContainer.communitiesPageContainerview .priceCardMvr {
padding-top: 5px;
font-size: 15px;
}
.sectionSiteplan .thirdTextCardMvr.misRight {
width: 100%;
}
@media screen and (max-width: 1400px){
#searchMapSearch {
width: calc(100% - 550px);
}
.communitiesPageContainerview .listinglist,
.communitiesPageContainerview .listingCommunities {
width: 500px;
}
.listinglist {
width: 550px;
}
.oldPriceCardMvr,
.priceCardMvr {        
font-size: 18px;
}
.cityCardMvr {
font-size: 10px;
}
.searchResultsContainer.communitiesPageContainerview .oldPriceCardMvr, 
.searchResultsContainer.communitiesPageContainerview .priceCardMvr {
padding-top: 0px;
font-size: 15px;
}
}
@media screen and (max-width: 1280px){
.contCardMvr.newCardInCommunity {
width: 31%;
}
.searchPage .listingItems .contCardMvr.searchResults .fav_FeaturedBlock {
right: 40px;
}
}
@media screen and (max-width: 1024px){
.listinglist {
width: 100%;
}
.contCardMvr.newCardInCommunity {
width: 48%;
}
.searchPage .contCardMvr.searchResults .ctaCamera {
top: 165px;
left: 10px;
position: absolute;
}
.contCardMvr.searchResults.contCardMvr {
width: 90%;
padding: 0 0px;
margin-left: 5%;
}
.searchPage .listingItems .contCardMvr.searchResults .fav_FeaturedBlock {
right: 10px;
}
.contCardMvr.searchResults .moveInReadyTags {
left: 10px;        
}
#searchMap, #searchRentalCommunityMap, #searchMapSearch {
width: calc(100% - 500px);        
}
.cardListing .thirdTextCardMvr.misRight {
width: 41%;
}
}
@media screen and (max-width: 768px){
#headerListing .principalImage {
width: 100%;                
}
#listingInfo .cardListing,
#listingInfo .resumeListing,
#listingInfo .requestInf {
width: 100%;        
padding: 20px 0;
}
#listingInfo .ctaUnderlineLine,
.requestInf.rightbtn .ctaUnderlineLine {
display: none;
}
#listingInfo .ctaUnderline,
.requestInf.rightbtn .ctaUnderline {
display: inline-block;
border-bottom: 1px solid #2e2624;
padding: 10px 0;
}
.cardListing .nameCardMvr {
font-size: 25px;        
}
.cardListing .secTextCardMvr, 
.cardListing .thirdTextCardMvr.midLeft, 
.cardListing .thirdTextCardMvr.misRight {
font-size: 13px;
}
.housePopupInfo .contPriceCardMvr {
text-align: left;
}
.housePopupInfo .nameCardMvr {
font-size: 18px;
}
.housePopupInfo .oldPriceCardMvr,
.housePopupInfo .priceCardMvr {
line-height: 2;
margin: 0;
padding: 0;
padding-top: 5px;
}
.housePopupInfo .contGalleryTextLeft {    
width: 100%;
margin: 0;
padding: 10px;
box-sizing: border-box;
}
.housePopupInfo .contGalleryTextRight {
width: 35%;
padding: 20px 10px 0;      
display: none;
}
#houseDetailbox #houseDetailLeft {
width: 100%;
top: 0;
left: 0;    
margin-top: 30px;   
position: relative;   
padding: 0;
}
#houseDetailbox {        
height: 400px;
}
#houseDetailbox #detailImgLeft {
height: 140px;
}
#houseDetailbox .nameCardMvr {
font-size: 15px;
}
#houseDetailbox .secTextCardMvr,
#houseDetailbox .thirdTextCardMvr.midLeft,
#houseDetailbox .thirdTextCardMvr.misRight {
font-size: 11px;
}
#houseDetailRight {
height: auto;    
padding-top: 10px;    
}
#houseDetailbox .closeLotGallery {
top: 10px;        
}
#houseDetailbox .contThdCardMvr {
padding: 5px 0;
}
#houseDetailbox .oldPriceCardMvr, 
#houseDetailbox .priceCardMvr {
font-size: 15px;
line-height: 1.8;
}
#houseDetailbox .detailsBtn {
width: 100%;        
}
#houseDetailbox .detailsBtn a {
display: none;
padding: 5px;
font-size: 12px;
width: 100%;        
}
#houseDetailbox .detailsBtn a.mobile {
display: block;
}    
#houseDetailbox .hasGallery-false .houseMoveInContentSP {
width: auto;
display: inline-block;
position: absolute;
top: -14px;
left: 10px;
} 
.housePopupInfo .contSecCardMvr.mobile {
display: block;
border-top: none;
}
.galleryPopupContainer .galleryContent {
height: auto;
}
.galleryPopupContainer .housePopupInfo {
height: auto;
}
.galleryPopupContainer .btnContainer.mobilePopup{
display: block;
}
.contSlickComList .contDescCardMvr {
padding: 5px 0px;
}
.contSlickComList .contImgCardMvr {
height: 130px;    
}
.contSlickComList .nameCardMvr {
font-size: 14px;
margin: 0;
}
.contSlickComList .secTextCardMvr,
.contSlickComList .thirdTextCardMvr.midLeft,
.contSlickComList .thirdTextCardMvr.misRight {
font-size: 11px;
}
.contSlickComList .contFstCardMvr {
padding-bottom: 0;
}
.contSlickComList .cityCardMvr {
font-size: 10px;
line-height: 3.1;
}
.contSlickComList .oldPriceCardMvr, 
.contSlickComList .priceCardMvr {
font-size: 15px;
line-height: 1.3;
}
.contSlickComList .contThdCardMvr {
padding: 5px 0;
}
.contSlickComList .descItemCardMvr {
font-size: 11px;
}
.contSlickComList .contCityCardMvr,
.contSlickComList .contCityCardMvr {
padding: 0;
}    
.resumeListing.desktopClass,
.cardListing.desktopClass p {
display: none;
}
.resumeListing.mobileClass,
.cardListing.mobileClass {
display: block;
}
#listingInfo .requestInf {
width: 100%;
padding: 5px 0px;
}
#searchMap, #searchRentalCommunityMap, #searchMapSearch,
.communitiesPageContainerview .listinglist, .communitiesPageContainerview .listingCommunities {
width: 100%;
}
.container.closeFilter {
width: 100%;        
}
.closeFilterbyCommunity.close {
display: block!important;
right: 10px;
top: 0px;
}
}
@media screen and (max-width: 650px){
.contCardMvr.newCardInCommunity {
width: 80%;
margin: 0 9% 30px;
}
}
@media screen and (max-width: 500px){
.contCardMvr.searchResults .contImgCardMvr {
width: 100%;
}
.contCardMvr.searchResults .contDescCardMvr {
width: 100%;
float: left;
padding: 10px 0;
}
.searchPage .contCardMvr.searchResults .ctaCamera {
top: 165px;
left: 10px;
position: absolute;
}
.searchPage .listingItems .contCardMvr.searchResults .fav_FeaturedBlock {
right: 10px;
}
.cardListing .nameCardMvr {
font-size: 20px;        
}
.cardListing .secTextCardMvr, 
.cardListing .thirdTextCardMvr.midLeft, 
.cardListing .thirdTextCardMvr.misRight {
font-size: 12px;
}
}
@media screen and (max-width: 400px){
.contCardMvr.newCardInCommunity {
width: 98%;
margin: 0 1% 30px;
}
}