@charset 'UTF-8';
@charset "UTF-8";

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
touch-action: none;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
touch-action: none;
}
body {
line-height: 1;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
touch-action: none;
font-family: 'Helvetica_Light';
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} html, body, p, h1, h2, h3, h4, a {
color: #312725;
}
a {
text-decoration:none;
cursor:pointer;
}
p {
margin-bottom: 20px;
}
.regular p {
color: #373737;
}
.template {
position: absolute;
width: 100%;
display: none;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.template.active {
display: block;
}
.fullContainer {
padding: 0 50px;
margin: 0;
width: 100%;
position: relative;
float: left;
box-sizing: border-box;
}
.outer {
width: 100%;
display: table;
position: absolute;
height: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin:0 auto;
width: 100%;
position: relative;
float: left;
height: auto !important;
} #menuContent{
height: 100px;
} .light{
font-family: 'Helvetica_Light';
letter-spacing: 1px;
}
.title {
font-family: 'Helvetica_Roman';
text-transform: uppercase;
font-size: 60px; letter-spacing: 1px;
}
.subtitle {
font-family: 'Helvetica_Light';
text-transform: uppercase;
font-size: 25px;
}
.menuTitle {
font-family: 'Helvetica_Light';
font-size: 34px;
letter-spacing: 1px;
}
.menuSubtitle {
font-size: 18px;
text-transform: uppercase;
}
.regular {
font-size: 15px;
line-height: 1.6;
float: left; font-family: 'Helvetica_Light';
}
.snack {
font-size: 10px;
} 
.upp {
text-transform: uppercase;
} .bgSalmon {
background-color: #e4825f;
}
.bgCoffee {
background-color: #312725;
}
.bgBeige {
background-color: #f1dfab;
}
.bgGray {
background-color: #F4F4F4;
}
.bgPanelLight{
background-color: #EAEAEA;
}
.bgWhite {
background-color: #fff;
}
.bgF4{
background-color: #f4f4f4;
}
.coffee, .coffee h1, .coffee h2, .coffee h3, .coffee h4, .coffee h5, .coffee h6 {
color: #312725;
}
.gris{
color:#B5ACA9;
}
.white {
color: #fff;
}
.goldLegend{
color: #EEB124;	
}
.goldMain{
color: #CFAF4E;	
}
.bgGrayDark{
background-color: #f0f0f0;
} .button {
padding: 0 50px;
width: auto;
height: 50px;
line-height: 50px;
background-color: rgba(187,151,83,0.9);
box-sizing: border-box;
border: 1px solid #fff;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
float: left;
}
.borderBtn {
border: 1px solid rgba(187,151,83,0.9);
background-color: transparent;
padding: 2px;
float: left;
box-sizing: border-box;
}
#searchButton {
width: 60%;
}
#searchButton .button {
width: 100%;
}
#resetButton {
width: 35%;
float: right;
border: 1px solid #c7c7c7;
}
#resetButton .button {
width: 100%;
background-color: #c7c7c7;
padding: initial;
}
#mainButton {
padding: 3px;
width: auto;
text-align: center;
display: inline-block;
float: initial;
border: 3px solid #fff;
}
#mainButton .button {
padding: 0 50px;
width: auto;
height: 80px;
line-height: 80px;
font-family: 'AbrilFatface';
font-size: 30px;
letter-spacing: 3px;
}
.arrowSlide {
width: 30px;
height: 50px;
position: absolute;
top: 50%;
margin-top: -25px;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
display: none !important;
}
.sliderR, .sliderRFull, .sliderRMedia {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/LEFT.png);
left: 50px;
}
.sliderL, .sliderLFull, .sliderLMedia {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/RIGHT.png);
right: 50px;
} .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;
}
#section-0, #section-1, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7, #section-8, #section-9 #section-10, #section-11 {
opacity: 1;
}
#section-0 .mainTitle {
bottom: 0px;
opacity: 0;
}
#section-0 .heartIcon {
top: 0px;
opacity: 0;
}
#section-1{
background-color: #fff;
}
#section-1 .minCont {
left: -25%;
float: right; padding: 0 70px; background-color: #fff;
height: 100% !important;
}
#section-1 .bigCont {
right: -75%;
}
#section-1 .bigCont.inverted{
float: right;
}
#section-1 .minCont.inverted{
float: left;
}
#section-1 #text1 {
float: left;
margin-top: 10px;
margin-top: 0px;
clear: both;
}
#section-1 #videoContainer {
margin-top: 30px;
}
#section-2 {
top: -100%;
background-color: #F4F4F4;
overflow-y: scroll;
touch-action: pan-y !important;
}
#section-3 {
opacity: 0;
}
#section-4 .minCont { }
#section-4 .bigCont {
left: -75%;
}
#section-4 .title {
font-family: 'Helvetica_Roman';
color: #312725;
font-size: 25px;
text-shadow: none;
margin-top: 50px;
}
#section-4 .selectCont .subtitle { margin: 10px 0;
}
#section-5 {
opacity: 0;
}
#section-5 .fullTitle{
border-bottom: none;
margin-left: 50px;
}
#section-6 .galleryFull {
top: -75%;
}
#section-7 .minCont {
left: -25%;
float: right;
height: 100%;
top: 0;
padding: 165px 50px 20px 50px;
background-color: #EAEAEA;
}
#section-7 .bigCont {
right: -75%;
}
#section-8 {
opacity: 0;
}
#section-9 .minCont {
left: -25%;
float: right;	
margin-top: 40px;
}
#section-9 .bigCont {
right: -75%;
}
#section-9 #title9{
display: none;
}
#section-9 .subtitle{
font-size: 25px;
}
#section-9 .paragraphCont img {
width: 60%;
}
#section-9 .bigCont .sliderImg {
width: 1440px !important;
} #mainMenu {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
z-index: 10000;
}
.logo img {
width: 100%;
}
#menu {
padding: 0 50px;
width: 100%;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
}
.logo {
width: 140px;
height: auto;
position: absolute;
bottom: 940px;
right: 0px;
z-index: 1000000;
}
#menu ul {
float: right;
width: 100%; box-sizing: border-box;
position: absolute;
bottom: 0;
right: 0;
border-top: 1px solid #D6D6D6;
}
#menu ul li { float: left;
height: 100%;
}
.menuItemWidth{ }
.menuItem { }
#menu ul li a {
width: 100%;    float: left;
text-align: left;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
padding-left: 30px;
box-sizing: border-box;  }
#menu ul li a.active {
background-color: #312725;
color: #fff;
}
#menu ul li a.active .name {	
color: #fff;
}
.subname{  left: 30px;  font-size: 16px;
color: #928784;
font-family: 'Helvetica_Roman';
margin-top: 5px;
}
#menu ul li a.active .subname{ color: #fff;
}
#menuLogo{
width: 5%; 
float: left;
height: 100px; background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/logo-empire.png);
background-position: center;
background-size: 70%;
background-repeat: no-repeat;
} #menu ul ul.menuItemList { }
#menu ul ul {
display: none;
opacity: 1;
bottom: 100px;
height: 0;  text-align: center; font-family: 'Helvetica_Light';
}
#menu ul ul li {
width: auto;
display: inline-block;
vertical-align: top;
float: initial;
}
#menu ul ul li a {
width: auto;
height: 50px;
line-height: 50px;
padding: 0 30px;
color: #928784;
}
#menu ul ul li a.active {
background-color: transparent;
color: #312725;	
} #mainTouch{
text-transform: uppercase;
font-size: 24px;
color: #312725;
border: 3px solid rgba(256,256,256,0.6);
width: 450px;
height: 85px;
position: absolute;
bottom: 150px;
left: 50%;
margin-left: -225px;
text-align: center;
line-height: 85px;
background-color: rgba(255,255,255,0.4);
font-family: 'Helvetica_Roman';
font-weight: bold;
}
#mainPage {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1000000;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
#mainPage.actived {
top: -100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
.windowBox {
padding: 100px;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bgWin {
width: 100%;
height: 100%;
border: 5px solid rgba(255,255,255,0.8);
box-sizing: border-box;
position: relative;
}
.windowBox .logo {
width: 140px;
height: auto;
position: absolute;
top: 0px;
right: 0px;
z-index: 1000; }
.mainTitle {
position: absolute;
left: 0;
bottom: 130px;
text-align: center;
width: 100%;
line-height: 1.2;
padding: 0 200px;
box-sizing: border-box;
}
.mainSubtitleCont{
position: absolute;
top: 560px;
width: 25%;
left: 50%;
margin-left: -12.5%;
}
.mainSubTitle {
line-height: 1.7 !important;
position: absolute;  text-align: center;
width: 100%;
line-height: 1.2; box-sizing: border-box;
font-size: 20px; }
.mainSubLineLeft{
color: #fff;
position: absolute;
top: 20px;
left: -15px;
}
.mainSubLineRight{
color: #fff;
position: absolute;
top: 20px;
right: -15px;
}
.mainButtonCont {
width: 100%;
position: absolute;
bottom: 60px;
left: 0;
text-align: center;
}
.minCont {
padding: 0 50px; width: 37%;
height: 100%;
box-sizing: border-box;
float: left;
background-color: #fff;
position: relative; }
#minContSearch {
position: absolute;
right: 0; }
.paragraphCont {
width: 100%;
float: left;
position: relative;
padding-bottom: 30px;
box-sizing: border-box;
}
#paragraphInner{
float: left;
}
.paragraphCont .regular {
overflow-y: scroll;
}
.paragraphCont img{
margin: 10% 0 0 0;  }
.fullTitle {
width: 100%;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #d7d7d7;
float: left;
}
#section-1 .fullTitle {
border-bottom: none;
margin-bottom: 0px;
margin-top: 30px;
padding-bottom: 0px; }
#section-1 .paragraphCont img {
margin: 0 0 10px 0;    
}
#curnodeTitle {
text-align: left;
margin-bottom:20px;
}
#section-1 .paragraphCont2.txtModel-1 {
padding: 15% 0% 15% 45%;        
left: -60%;
z-index: 100;
background-color: #fff; 
box-sizing: content-box;   
}
#section-1 .minCont.inverted .paragraphCont.txtModel-1 {
padding: 15% 45% 15% 0%;        
right: -30%;
left: unset;
z-index: 100;
background-color: #fff; 
box-sizing: content-box;   
}
.bigCont { width: 63%;
height: 100%;
float: left;
position: relative;
}
.smallCont {
width: 25%;
height: 100%;
float: right;
position: relative;
}
#section-4 .bigCont {
width: 75% !important;
}
#section-7 .bigCont { box-sizing: border-box;
}
.gallery, .galleryMedia {
margin: 0 auto;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.gallery.model-1{
width: 90%;
height: 90%;
margin: 2% auto;
}
.galleryMedia {
top: 100px;
}
.galleryIso {
margin: 20px;
}
.galleryIso .grid-sizer {
width: 31%; margin: 0 1% 20px;
position: relative;
touch-action: pan-y !important;
float: left;
}
.galleryIso .galleryItem {
margin: 0 0 20px;
width: 31%; height: auto;
float: left;
position: relative;
cursor: pointer;
touch-action: pan-y !important;
}
.galleryItem img {
width: 100%;
touch-action: pan-y !important; }
#heartIcon {
width: 130px;
height: 116px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/heart-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
left: 50%;
margin-left: -65px;
top: 45%;
}
.sliderCont {
width: 100%;
height: 100%;
}
.sliderImg {
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: none;
opacity: 0;
}
.dotContainer{
position: absolute;         
z-index: 1;
bottom: 65px;
left: 40px;
}
.dot-img{
width: 20px;
height: 20px;    
margin: 10px;
border-radius: 50%;
display: inline-block;
background-color: #fff;
opacity: 0.7;
}
.dot-img.active{
background-color:#312725;
opacity: 1;
}
.fullImg {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
}
#fullImgBg, .fullImgCont {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.pointerCont {
position: absolute;
}
.pointer {
position: absolute;
}
@keyframes pulsate {
0% {
transform: scale(1);
opacity:0.8;
}
45% {
transform: scale(1.75);
opacity:0;
}
}
@keyframes stop-pulsate {
from {
opacity:0.4;
}
to {
transform: scale(2);
opacity:0;
}
}
.circle {
position:absolute;
left:50%;
top:50%;
width:20px;
height:20px;
margin: -10px auto auto -10px;
background-color: rgba(236,29,37,0.7);
border-radius:50%;
transform-origin: 50% 50%;
transition:opacity .2s ease-in, transform .1s ease-out;
color:white;
font-size:1.5em;
padding:0;
text-align:center;
line-height:32px;
overflow:hidden;
}
.circle:hover {
background-color: rgba(236,29,37,1.0);
cursor:pointer;
}
.circle:active {
transform:scale(0.875);
}
.ring {
display:block;
position:absolute;
top:40%;
left:40%;
width:29px;
height:29px;
margin:-12px auto auto -12px;
transform-origin: 50% 50%;
border-radius:50%;
opacity:0;
animation: pulsate 3s ease-out infinite;
box-sizing: border-box;
}
.ring.hide {
display: none;
}
.ring.available{
border:2px solid #21C27B;
}
.ring.sold{
border:2px solid #EE4124;
}
.ring.hold{
border:2px solid #EEB124;
}
.pointer:hover .ring {
animation: none;
}
.pointer:active .ring {
animation: stop-pulsate 0.3s;
}
.pointerText {
display: none;
opacity: 0;
position: absolute;
width: 300px;
background-color: #fff;
padding: 30px;
box-sizing: border-box;
left: 50px;
top: 0;
z-index: 1000;
box-shadow: 0px 2px 4px #D6D6D6;
}
.pointerText.active {
left: -310px;
}
.formInfo{
min-width:180px;
margin-right:30px;
height:40px;
line-height:40px;
background-color:#FFF;
box-sizing:border-box;
border:none;
display:block;
clear:none;
float:left;
}
.selectCont {
width: 100%;
float: left;
margin-bottom: 15px;
}
.selectTitle {
margin-bottom: 12px;
}
.selectOption {
padding-left: 20px;
width:100%;
height:40px;
line-height:40px;
background-color:#FFF;
box-sizing:border-box;
border:1px solid #e4825f;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/select.png);
background-position: right 10px top 50%;
background-repeat: no-repeat;
background-size: 18px 10px;
float: left;
}
.mainSelect { }
.mainSelect.active {
color: #fff;
background-color: #CFAF4E;
}
.calcRange {
margin-top: 20px;
padding: 0 4%;
width: 90%;
float: left;
}
.calcRange .range {
margin-bottom: 20px;
height: 4px;
width: 100%; border-radius: 2px;
border: none;
}
.value-one {
float: left;
font-size: 18px;
color: #373737;
}
.value-two {
float: right;
font-size: 18px;
color: #373737;
}
.noUi-connect {
background: #312725 !important;
}
.winFloor {
padding: 50px;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow-y: scroll;
touch-action: pan-y !important;
}
.floorFullTitle {
width: 96%;
margin: 0 2% 30px;
padding-bottom: 20px;
box-sizing: border-box;
border-bottom: 1px solid #656565;
font-size: 21px;
touch-action: pan-y !important;
}
.floorCont { margin: 0 1% 40px;  width: 18%;
background-color: #fff;
box-sizing: border-box;
float: left;
position: relative;
cursor: pointer;
touch-action: pan-y !important;
width: 21%;
margin: 0 2% 40px;
}
.floorCont .regular { touch-action: pan-y !important;
}
.topInfoCard {
overflow: hidden;
height: 50px; flex-wrap: wrap;
align-items: center;
margin-bottom: 5px;
}
.topInfoCard .floorTitle{
height: auto;
padding-bottom: 0;
}
.infoFloor{
margin: 5px 0;
float: left;
font-size: 11px;
}
.floorTitle {
font-family: 'Helvetica_Roman';
font-size: 14px;
float: left;
width: 100%;
box-sizing: border-box;
touch-action: pan-y !important;
text-align: left;
text-transform: uppercase;
line-height: 1;
padding: 5px 0 5px;
height: 50px;
}
.impTitle {
font-size: 21px;
color: #e4825f;
text-transform: uppercase;
touch-action: pan-y !important;
}
.floorImg {
float: left;
width: 100%;
height: 68%;   
position: relative;
box-sizing: border-box; touch-action: pan-y !important;
}
.floorImg img {
float: left;  }
.floorImgInner{
margin: 0;
width: 100%;
height: 190px;
object-fit: cover;
touch-action: pan-y !important;
}
.panzoom img {
margin: 10% 0;
touch-action: pan-y !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;
}
.floorIconMin { float: left;
touch-action: pan-y !important;	
margin-top: 10px;
width: 23%;
box-sizing: border-box;
}
.noGarage .floorIconMin{
width: 31%;
}
.priceMgn{
margin-bottom: 5px;
font-family: 'Helvetica_Roman';
font-size: 19px;
float: left;
width: 100%;
box-sizing: border-box;
}
.detailBtn{
float: left;
width: 100%;
background-color: #CFAF4E;
text-align: center;
height: 30px;
line-height: 32px;
}
.wbutton {
padding: 20px 30px;
background-color: #efefef;
color: #e4825f;
text-align: center;
float: right;
box-shadow: 2px 2px 5px #D6D6D6;
position: absolute;
right: 0;
bottom: 30px;
}
.floorFullWin {
width: 100%; height: 100%;
background-color: #fff;
box-sizing: border-box;
position: relative;
}
#fullfloorImg {
width: 80%;  border: none;
box-sizing: border-box;
position: absolute;
right: 17%;
top: 5%;
text-align: center;
background-position: center;
background-size: cover;
z-index: 1; }
#fullfloorImg.moveReadyHouse{ width: 84%;
right: auto;
top: 0; height: 80.6%;
z-index: 0;
} 
.parent {
height: 100%;
}
#fullfloorImgInner, #fullImageZoom {
height: 100%;
}
#fullfloorAme {
width: 30%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 50px;
box-sizing: border-box;
border-right: 1px solid #cccccc;
}
.floorIconBig {
margin: 10px 0;
width: 100%;
box-sizing: border-box;
height: 50px;
line-height: 50px;
background-repeat: no-repeat;
background-size: 45px;
background-position: left center;
padding-left: 70px;
font-size: 21px;
float: left;
}
.floorFullWin .floorTitle, .floorMediaWin .floorTitle {
margin-bottom: 100px;
font-size: 34px;
}
.floorFullWin .impTitle, .floorMediaWin .impTitle {
font-size: 42px;
}
.zoomRange {
position: absolute;
right: 0px;
top: 50%;
margin-top: -169px;
padding: 20px;
width: 50px;
background-color: rgba(255,255,255,0.8);
}
input.zoom-range, input[type=range] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
transform: rotate(270deg);
-moz-transform: rotate(270deg);
clear: both;
float: left;
margin: 100px 0px;
height: 50px;
width: 250px;
margin-left: -100px;
background-color: transparent;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 4px;
cursor: pointer;
animate: 0.2s;
box-shadow: none;
background-color: #efefef;
border-radius: 2px;
border: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
box-shadow: none;
border: none;
height: 24px;
width: 24px;
border-radius: 100%;
background-color: #e4825f;
cursor: pointer;
margin-top: 0px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background-color: #666666;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 4px;
cursor: pointer;
animate: 0.2s;
box-shadow: none;
background: #efefef;
border-radius: 2px;
border: none;
}
input[type=range]::-moz-range-thumb {
box-shadow: none;
border: none;
height: 24px;
width: 24px;
border-radius: 100%;
background: #e4825f;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 4px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #efefef;
border: none;
border-radius: 2px;
box-shadow: none;
}
input[type=range]::-ms-fill-upper {
background: #efefef;
border: none;
border-radius: 2px;
box-shadow: none;
}
input[type=range]::-ms-thumb {
box-shadow: none;
border: none;
height: 24px;
width: 24px;
border-radius: 100%;
background: #e4825f;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #666666;
}
input[type=range]:focus::-ms-fill-upper {
background: #666666;
}
.zoominIcon {
margin: 0px 14px 20px;
width: 24px;
height: 24px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/zoominIcon.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
clear: both;
float: left;
}
.zoomoutIcon {
margin: 20px 14px 0px;
width: 24px;
height: 24px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/zoomoutIcon.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
clear: both;
float: left;
}
.playBtn {
width: 100%;
height: 100%;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/PLAY.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.titleVideo {
color: #d5b578;
font-size: 18px;
margin-bottom: 5px;
float: left;
clear: both;
width: 100%;
text-transform: uppercase;
}
.contentVideo{
font-size: 14px;
line-height: 1.4;
float: left;
font-family: 'hn-Roman';
}
.floorMediaWin {
padding: 40px 0;
margin: 0 1%;
width: 48%;
background-color: #fff;
float: left;
height: 100%;
position: relative;
box-sizing: border-box;
}
.mediafloorImg {
width: 55%;
border: none;
box-sizing: border-box;
position: relative;
}
.mediafloorImg img{
margin: 0 15%;
width: 70%;
}
.mediafloorAme {
width: 40%;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.mediafloorAme .inner{
padding-left: 30px;
border-left: 1px solid #cccccc;
box-sizing: border-box;
float: left;
}
.floorIconMed {
margin: 10px 0;
width: 100%;
box-sizing: border-box;
height: 30px;
line-height: 30px;
background-repeat: no-repeat;
background-size: 25px;
background-position: left center;
padding-left: 40px;
font-size: 18px;
float: left;
}
.fullCont {
padding: 100px;
box-sizing: border-box;
height: 100%;
}
.galleryFull {
width: 70%;
height: 75%;
overflow: hidden;
margin: 0px 15%;
position: relative;
}
#bigSearch {
overflow: hidden;
}
#smallSearch{
overflow: hidden;
}
#size {
width: 300px;
height: 100px;
float: left;
}
.sliderContFull {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
.searchContFull {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
.searchContSmall {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
background-color: #fff;
}
.sliderImgFull {
height:100%;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
float: left;
}
.sliderSearch {
width: 100%;
height: 100%;
float: left;
}
.sliderInfoCont {
float: left;
width: 70%;
height: auto;
margin: 50px 15% 0;
}
.sliderInfoTitle {
font-size: 21px;
margin-bottom: 20px;
}
.noUi-horizontal .noUi-handle {
width: 16px !important;
height: 16px !important;
top: -7px !important;
left: -14px !important; box-shadow: none;
border-radius: 50%;
background-color: #312725;
}
.noUi-background {
background: #B5ACA9 !important;
}
.noUi-handle:after, .noUi-handle:before {
display: none !important;
}
.noUi-connect { border: none !important;
box-shadow: none !important;
}
.searchFull {
width: 100%;
}
.backIcon {
width: 60px;
height: 60px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/back-icon.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50px;
right: 50px;
z-index: 1000;
}
.videoCont {
width: 100%;
position: relative;
top: 0px;
left: 0;
float: left;
}
.videoTitle {
color: #d5b578;
font-size: 27px;
margin-bottom: 10px;
float: left;
clear: both;
width: 100%;
text-transform: uppercase;
}
.videoContainer {
margin-bottom: 20px;
width: 100%;
height: auto;
float: left;
position: relative;
}
.video {
width: 50%;
height: 100px;
box-sizing: border-box;
float: left;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.videoInfo {
width: 45%;
height: 100px;
float: right;
position: relative;
}
.floorContainer {
float: left;
width: 100%;
display: none;
touch-action: pan-y !important;
}
.keyplatesCont {
position: absolute;
bottom: 50px;
left: 50px;
width: 28%;
padding: 0 20px 50px;
box-sizing: border-box;
}
.keyplateContainer {
width: 33.33%;
height: 140px;
float: left;
}
.keyplateTitle {
font-size: 12px;
float: left;
width: 100%;
height: 20px;
line-height: 20px;
overflow:hidden;
text-align:center;
}
.keyplates {
width: 100%;
height: 120px;
background-repeat: no-repeat;
background-size: contain;
background-position: 50% 50%;
}
.noUnits {
display: none;
position: absolute;
width: 100%;
top: 0;
left: 0;
padding: 122px 75px 0;
box-sizing: border-box;
}
.noUnitsCont {
width: 100%;
position: relative;
float: left;
padding: 350px 100px;
box-sizing: border-box; }
.noUnitsImg {
margin-bottom: 50px;
width: 100%;
height: 140px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/icon_sadface.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.noUnitsText {
width: 100%;
text-align: center;
font-size: 30px;
letter-spacing: 2px;
line-height: 1.5;
color: #004D6E;
font-family: 'Gotham Book';
}
.fullImgInner {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
box-sizing: border-box;
}
#backPoint {
top: 50%;
margin-top: -30px;
}
.otherClose {
position: absolute;
top: 20px;
right: 20px;
width: 35px;
height: 35px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/close-button-gallery.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
} #mapCont {
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
width: 75%;
}
#mapInfoCont {
width: 25%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #f0f0f0;	
}
#mapInfo { margin-top: 140px;
width: 100%;
height: 100%; box-sizing: border-box;
float: left;
background-color: #EAEAEA;
}
#infoDetails {
width: 100%;
height: auto;
float: left;
box-sizing: border-box;
position: absolute;
bottom: auto;
top: 0;
max-height: 100%;
overflow: auto;
}
#section-5 .categoryCont{ }
.categoryCont { width: 100%;
height: auto;
float: left;
}
.selectCate {   width: 90%;
height: 56px;
margin: 0 5%;
background-color: transparent;  border-top: 1px solid #B5ACA9;
float: left; } .nameCate { background-repeat: no-repeat;
background-size: 25px;
background-position: 0px 50%;
width: 100%;
height: 55px;
padding-left: 40px;
box-sizing: border-box;
}
#all {
margin-left: 0 !important;
margin-bottom: 1px !important;
position: absolute;
bottom: 0;
}
#all .selectCate {
width: 100%;
text-align: center;
border: none;
height: 60px;
background-color: #CFAF4E;
color: #fff;
}
#all .selectCate .nameCate {
margin: 0 auto;
width: 100%;
line-height: 60px;
font-size: 20px;
}
#all.active .selectCate {
background-color: #CFAF4E;
color: #fff;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#entertainment, #shopping, #health, #restaurants, #recreation{
background-color: #f0f0f0;	
}
.nameCate.active{
background-color: #312725;
border: none;
color: #f0f0f0 !important;
padding-left: 60px;
background-position: 20px 50%;
} .categoryCont.active .selectCate .nameCate{
font-size: 20px;
font-family: 'Helvetica_Neue_Light';
line-height: 66px;  }
.categoryCont .selectCate .nameCate{
font-size: 20px;
font-family: 'Helvetica_Neue_Light';
line-height: 66px; color: #312725;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.miniLista{
float: left;
width: 100%;
height: 30px;
line-height: 30px;
width: 80%;
margin: 5px 10%;
font-family: 'Helvetica_Light';
font-size: 20px;
text-transform: capitalize;
overflow: hidden;
}
.miniListaLinea{
float: left;
width: 90%;
height: 1px;
margin: 0 5%;
background-color: #B5ACA9;
display: none;
}
.selectCate.active .miniListaLinea{
display: block;
}
.amenitieInfoCont{
width: 90%;
margin: 0 5%;
}
.mapAdress{
font-family: 'Helvetica_Light';
font-size: 15px;
}
.travelTime{
width: 33%;
height: 15px;
float: left;
background-repeat: no-repeat;
background-size: contain;
font-size: 10px;
line-height: 20px;
box-sizing: border-box;    
color: #B5ACA9;
font-family: 'Helvetica_Neue_Light';
}
.walkTime{	
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/logos_mapa/walk.png);
padding-left: 15px;
}
.bikeTime{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/logos_mapa/cycle.png);
padding-left: 30px;
}
.carTime{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/logos_mapa/car.png);
padding-left: 30px;
}
.miniLista.active .amenitieName{
font-family: 'Helvetica_Roman';
font-weight: 600;
} #pets.active .selectCate {
background-color: #D4145A;
}
#worship.active .selectCate {
background-color: #9012FE;
}
#drugstores.active .selectCate {
background-color: #8CC63F;
}
#airport.active .selectCate {
background-color: #4990E2;
}
#postoffices.active .selectCate {
background-color: #998675;
}
#gasstations.active .selectCate {
background-color: #ED1C24;
}
#markets.active .selectCate {
background-color: #808080;
}
.galleryTotal {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
}
.sliderContTotal {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.sliderImgTotal {
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
float: left;
}
.sliderInfoContTotal {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.sliderInfoTotal {
float: left;
width: 100%;
margin: 0;
position: absolute;
bottom: 130px;
padding: 0 200px;
box-sizing: border-box;
text-align: center;
line-height: 1.2;
}
.bgvid {
width: 100%;
margin-left: 0;
float: left;
display: block;
} .infowindow{
width:250px; float: left;
}
.infowindow .fullTitle{
font-size: 20px;
margin-left: 0 !important;
padding: 10px;
padding-top: 15px;
padding-right: 30px;
box-sizing: border-box;
background-color: #f4f4f4;
margin-bottom: 0;
line-height: 1.2;
}
.infowindow .infoAdress{
padding: 10px;
line-height: 1.2;
padding-bottom: 14px;
}
.gm-style .gm-style-iw-d {
overflow: auto !important;
}
.gm-style .gm-style-iw-c {
border-radius: 0 !important;
}
.gm-ui-hover-effect {
opacity: .6; }
.gm-style img{
}
.gm-style .gm-style-iw-c button {
background-image: url(https://www.empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/CLOSE_gallery.png) !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
top: 0 !important;
right: 0 !important;
}
.gm-style .gm-style-iw-c button img {
display: none !important;
}
#slideContTotal{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#slideContTotal video{
width: 100%;
height: 100%;
position: relative;
}
.sliderContTeam {
position: relative;
float: left;
}
.sliderContMedia {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
float: left;
}
.sliderLogos {
width: 100%;
margin: 0%;
height: 100%;
padding: 50px;
box-sizing: border-box;
position: relative;
background-color: #fff;
float: left;
}
#maxInfoFloor {
overflow: hidden;
padding: 0;
}
#fullBgDragCont {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
float: left;
overflow: hidden;
}
#fullBgDrag {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hotsBig {
padding: 10px 8px;
width: auto;
height: auto;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.leftHots {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/hotl-view-bg.png);
}
.rightHots {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/hotr-view-bg.png);
}
.cameraIcon {
width: 70px;
height: 60px;
position: relative;
background-color: #fff;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/camera-icon.png);
background-position: center;
background-repeat: no-repeat;
background-size: 40px 32px;
}
.leftHots .cameraIcon {
float: left;
}
.rightHots .cameraIcon {
float: right;
}
.hotsInfo {
width: auto;
height: 60px;
line-height: 60px;
color: #fff;
position: relative;
background-repeat: no-repeat;
background-size: 10px 20px;
}
.leftHots .hotsInfo {
padding: 0 60px 0 20px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/selectL.png);
background-position: center right 25px;
float: left;
}
.rightHots .hotsInfo {
padding: 0 20px 0 60px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/selectR.png);
background-position: center left 25px;
float: right;
}
#fullBgDragLbox {
width: 100%;
height: 100%;
position: absolute;
top: -100%;
left: 0;
background-color: #fff;
z-index: 100000;
display: none;
}
#bigBgDrag {
width: 100%;
position: relative;
top: 0;
left: 0;
float: left;
}
#bigBg {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
float: left;
}
#minBgDrag {
width: 100%;
height: auto;
position: relative;
top: 0;
left: 0;
float: left;
}
#minBg {
width: 100%;
height: auto;
position: relative;
top: 0 !important;
left: 0;
float: left;
}
#closeDragLbox {
width: 100%;
height: 60px;
background-color: rgba(255,255,255,0.70);
position: absolute;
top: -60px;
left: 0;
}
#closeIconDrag {
width: 60px;
height: 60px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/back-icon.png);
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
float: right;
}
#panoramaMin {
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 8px solid #f27a59;
box-sizing: border-box;
z-index: 10000;
}
.mCSB_container {
height: 100% !important;
margin-bottom: 0px !important;
}
.mCSB_draggerRail {
display: none !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
display: none !important;
}
#compass {
width: 100px;
height: 100px;
position: absolute;
top: 50px;
left: 50px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/compass.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: 1000;
} .team_subtitle.firstSubTitle {
margin-top: 15px;
}
.team_subtitle{
font-size: 20px;
font-family: 'Helvetica_Neue_Light'; margin: 15px 0;
text-transform: uppercase;
margin-top: 45px;
float: left;
width: 100%;
}
.team_title{
font-size: 50px;
font-family:'Helvetica_Roman';
margin-left: -3px;
}
.team_text{
max-height: 660px; font-size: 18px;
padding-bottom: 30px;
box-sizing: border-box;
}
.greyLine{
float: left;
height: 2px;
background-color: #312725;
width: 40%;
margin: 10px 0;
clear: both;
}
.greyLine{
float: left;
height: 1px;
background-color: #312725;
width: 30%;
margin: 5px 0;
clear: both;
}
.text2Cont{
float: left;
width: 100%;
margin-top: 15px;
margin-top: 0;
}
.text2{
margin-top: 10px;
}
.RNlogo{
width: 20% !important;
}
.Colourslogo{
width: 25% !important;
}
.team_white_logo{
position: absolute;
z-index: 1000;
width: 50%;
top: 40%;
left: 50%;
margin-left: -25%;
}
#logoWhite1{	
width: 100%;
height: 100%;
position: absolute;    
z-index: 100;
background-repeat: no-repeat;
background-size: 50%;
background-position: center;
}
#section-4 .minCont {
top: 0;
background-color: #fff;
padding: 0 0; position: relative !important;
width: 100%;
}
#section-4 .paragraphCont{
height: auto !important;
padding: 10px 60px 10px 25px;
} .houseMoveInContent{
position: absolute;
top: -9px;
left: 9px;
padding: 9px 14px 7px; background-color: #2e2624;
color: #FFF;
font-size: 12px;
line-height: 1;
}
.houseMoveInContent.houseMoveInContent-Orange{
background-color: #f9590a;
}
#section-4 .floorImg{
position: relative;
}
.loftBtn{
width: 198px;
height: 50px;
line-height: 55px;
}
#floorplan_slider .subtitle{ }
#selectContPrices{ }
#fullfloorImgInner img {
height: auto;
margin: 0;
margin-top: -80px;
}
#minContResult{ z-index: 1; width: 100%;
}
#minContResult .title {
font-size: 50px;
margin-top: 10px;
margin-bottom: 20px;
}
#minContResult .subtitle { }
#minContResult .paragraphCont {
padding: 0 25px 30px 25px;
} #section-10{   }
#section-10 .logo{
width: 150px;
height: auto;
position: absolute;
right: 0px;
z-index: 1000;
}
#section-10 .minCont{
top: 0;
background-color: #fff;
padding: 0 0;
right: -25%;
}
#unitPrice {
font-family: 'Helvetica_Light';
}
#section-10 .bigCont{
left: -75%;
}
#section-10 .title{
font-size: 45px;
margin-top: 15px;
margin-bottom: 10px;
}
#section-10 .subtitle{
font-size: 35px;
font-family: 'Helvetica_Roman';
}
#section-10 .paragraphCont{ height: 100%;
}
.houseLotName{
font-family: 'Helvetica_Roman';
font-size: 20px;	
text-transform: uppercase;
margin: 5px 0;
}
.phaseLot{
font-size: 16px;
color: #312725;
font-family: 'Helvetica_Light';
}
#unitElev{
float: left;
line-height: 2;
}
#houseSerial{
float: right;
}
#unitPrice{
margin-bottom: 10px;
}
#unitDescription{
font-size: 16px;
line-height: 1.5;
font-family: 'Helvetica_Light';
}
.house_spec_cont{
margin-top: 35px;
}
.houseInfoCont{
padding: 15% 5% 10% 5%;
float: left;
overflow-y: scroll;
box-sizing: border-box;
width: 100%;
}
.houseInfoCont p {
line-height: 1.4;
}
.loftTitle{
margin-bottom: 40px;
font-size: 22px !important;
}
.house_spec{
font-size: 16px;
display: inline-block;
font-family: 'Helvetica_Light';
line-height: 1.2;
text-transform: uppercase;
}
.house_spec_line{
background-color: #B5ACA9;
width: 1px;
height: 45px;
display: inline-block;
margin: 0 10px 0 50px;
}
.house_btn_cont { width: 100%; margin-top: 45px;
float: left;
}
.houseGallery{
width: 100%;
height: 140px;
background-color: #fff;
position: absolute !important;
bottom: 50px;
}
.houseThumbnail{
width: 190px;
height: 150px !important;    
margin: 5px 5px 0 5px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.houseGallery.slick-initialized .slick-slide{
margin: 0 5px;
}
.houseGallery.slick-initialized .houseThumbnail{
height: 125px !important;
width: auto;
margin: 5px 0;
}
#backNextBtns{
width: 100%;
bottom: 0;
margin-top: 0;
position: absolute;
background-color: #f4f4f4;
} 
.newHouseBtns{
width: 95.5%;
margin-left: 3.5%;
}
.house_btn_border{
border: 1px solid #B5ACA9; padding: 2px;
float: left;
box-sizing: border-box;
width: 100%;
margin: 8px 0; }
.house_btn{
width: 100%;
height: 50px;
line-height: 56px;
text-align: center;
font-size: 20px;
font-family: 'Helvetica_Roman';
}
.minCont_wrapper{
position: absolute; width: 100%;
left: 0;
box-sizing: border-box;
}
#minContResultUp{
z-index: 1;
height: 100%;
bottom: 0;
}
.elevation_wrap{
float: left;
width: 100%;
position: relative;
}
.elevation_wrap_new{    
position: absolute;
bottom: -37px;
left: 45px;
}
.elevation_wrap .subtitle{
margin: 20px 0px;
}
.elevation_img_cont{
width: 75px;
height: 75px;
float: left;
box-sizing: border-box;
margin: 0 8px 0 0;
border: 0px solid #CFAF4E;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #f4f4f4;
}
.elevImg{
display: none;
}
.elevation_img_cont.active{ background-color: #312725;
}
.elevation_img_cont img{
width: 100%;
margin: 0;
opacity: 0;
}
.elevation_btn{
padding: 2px;
float: left;
box-sizing: border-box;
width: 50%;
}
#elevation_next{ background-color: #f4f4f4;
}
#elevation_back{
background-color: #f4f4f4;
border: 1px solid transparent;
}
.elevation_wrap .house_btn_cont{
margin-top: 0;
}
.elev_next_arrow{ position: relative;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow-right.png);
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 25px;
}
.back_search_arrow{
position: relative;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow-left.png);
background-repeat: no-repeat;
background-position: 10% 50%;
background-size: 25px;
}
.elevLetter {
position: absolute;
left: 0;
top: 25px;
color: #312725;
font-size: 30px;
font-family: 'Helvetica_Roman';
width: 100%;
}
.elevation_img_cont.active .elevLetter{
color: #fff;
}
#maxInfoHouse{
overflow: hidden;
padding: 0;
}
#bigSearchHouse{
overflow: hidden;
}
#houseStyle{
width: 95px;
height: 95px;
position: absolute;
background-color: #CFAF4E;
right: 0;
bottom: 205px;
}
#houseStyle.oneLine{
bottom: 95px;	
}
.houseStyleTitle{
color: #fff;
line-height: 5.3;
width: 98%;
margin: 0 1%;
text-align: center;
font-size: 18px;
font-family: 'Gotham Book';
}
#housePlanCont{
width: 100%;
height: 100%;
position: absolute;  right: 0;
z-index: 10000;
display: block;
background-size: cover;
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
#housePlanDad{
width: 100%;
height: 100%;
position: fixed;
background: #FFF;
top: 0;
right: -100%;
z-index: 10000;
display: none;
background-size: cover;
} a#housePlanBtnCont {
background-repeat: no-repeat;
background-size: cover;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/CLOSE_gallery.png);
width: 70px;
height: 70px;
cursor: pointer;
bottom: 0px;
right: 0px;
position: absolute;
z-index: 12000;
}
.crossLine{
width: 1px;
background-color: #312725;
height: 40px;
position: absolute;
left: 50%;
top: 15px;
transform: rotate(45deg);
}
.crossLine2{
width: 1px;
background-color: #312725;
height: 40px;
position: absolute;
left: 50%;
top: 15px;
transform: rotate(135deg);
}
#houseLotCont{ position: absolute; right: -100%;
z-index: 10000;
display: none;
background-size: cover;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#houseLotImg{
position: absolute;
}
#housePoints{
position: relative;
}
#houseLotBtnCont{
width: 220px;
height: 60px;
line-height: 3.3;
color: #FFF;
position: absolute;
bottom: 0;
right: 0;
background-color: #312725;
font-size: 20px;
text-align: center;
font-family: 'Gotham Book';
}
#smallSearchResult{
overflow: hidden;
width: 37%;
}
#section-10 .loftOption{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/loftS.png);
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
top: 0;
}  .lotPoint{
}
.pointer2{
width: 25px;
height: 25px;
position: absolute;
border-radius: 50%;
}
.pointer2.sold{
background-color: #EE4124;	
}
.pointer2.hold{
background-color: #EEB124;	
}
.pointer2.available{
background-color: #21C27B;	
}
#fullImgSite, .fullImgCont{
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
#fullImageZoomSite {
height: 100% !important;
width: 100%;
overflow: hidden;
}
span.pointer2Content {
color: #FFF;
font-size: 6px;
width: 25px;
height: 25px;
line-height: 25px;
overflow: hidden;
text-align: center;
float: left;
}
#siteplanPopUpDad{
display: none;
position: absolute;
width: 1920px;
height: 1010px;
top: 0;
}
#siteplanPopUp{
display: none;
max-width: 680px;
background-color: #fff;
position: absolute;
padding: 0 20px 0 0;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#closeSitePopUp {
background-repeat: no-repeat;
background-size: cover;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/CLOSE_gallery.png);
width: 60px;
height: 60px;
cursor: pointer;
top: 0px;
right: 0px;
position: relative;
z-index: 300;
float: right;
margin-right: -20px;
}
.popUpUnitType{
width: 100%;
background-color: #EAEAEA;
line-height: 2;
font-weight: bold;
float: left;
padding-left: 7px;
box-sizing: border-box;
}
.popUpSpecsCont{
float: left;
width: 100%;
margin-top: 9px;
margin-bottom: 5px;
}
.popUpSpecs{
width: 33.33%;
float: left;
font-size: 14px;
text-align: center;
}
.popUpSpecs span{
font-size: 12px;
}
.popUpDetails{
background-color: #CFAF4E;
color: #fff;
font-size: 10px;
line-height: 3;
text-align: center;
float: left;
width: 100%;
}
#soldPopUp .subtitle{
font-size: 18px !important;
}
#soldPopUp .title{
font-size: 20px !important;
text-shadow: none;
margin: 10px 0;
}
#paragraphSold{
padding: 20px 25px 10px 25px !important;
}
.floorCont.floorSold{
margin: 0 0px 20px 20px !important;
width: 300px !important;
}
.floorSold .floorImg{
height: 250px !important;
}
.floorSold .floorImg img{
height: 250px !important;
}
#section-11 .paragraphCont {
padding: 20px 25px 30px 25px;
float: none !important;
}
#section-11 .subtitle{
font-size: 25px;
}
#section-11 .loftOption{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/loftM.png);
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
top: 0;
}
#section-11 .floorImg{
width: 100%;
height: 150px;
position: relative;
}
#section-11 .floorCont{
width: 200px;
margin: 0 0px 20px 20px;
box-shadow: 0px 0px 10px 3px #EAEAEA;
}
#section-11 .floorImg img{
height: 150px;
}
#sitePlanLegendCont{
position: absolute;
bottom: 100px;
right: 50px;
text-transform: uppercase;
max-width: 150px;
background-color: #717171;
}
#legendTitle{
background-color: #373737;
color: #fff;
box-sizing: border-box;
padding: 5px;
}
.legends{
color: #fff;
float: left;
padding: 8px 5px;
box-sizing: border-box;
width: 100%;
font-family: 'Gotham Book';
}
.legends_circle{
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
right: 15px;
top: 8px;
}
.siteLegends{
background-color: #717171;
position: relative;
width: 100%;
float: left;	
}
.legends_circle.sold{
background-color: #EE4124;	
}
.legends_circle.hold{
background-color: #EEB124;	
}
.legends_circle.available{
background-color: #21C27B;	
}
.gm-style-iw{
padding: 0 !important;
}
.zoomHolder{
width:100%;
height:auto;
position:relative;
overflow:hidden
}
.fullscreenToggle, .zoomIn, .zoomOut {
background: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/pz_sheet.png) !important; 
}
.controlHolder {
display: none !important;
}
#fullImageZoom{
height: 100% !important;
}
.noFoundHouse{
position: relative;
height: 60px;
}
.siteplanPopUpOne{
padding: 0 !important;
}
.closeSitePopUpOne{
margin-right: 0 !important;
}     .helveLight{
font-family: 'Helvetica_Light';
}
.helveRoman{
font-family: 'Helvetica_Roman';
}
.helveNeueLight{
font-family: 'Helvetica_Neue_Light';
}
.mainColor{
color: #312725;
}  .aniTran{
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.5s ease-in-out;
} .upp {
text-transform: uppercase;
}
.w100{
width: 100%;
}
.floatL{
float: left;
}
#headerMentira{
height: 60px;
width: 100%;
background-color: #000;
}
.wrapper{
position: relative;
width: 100%;
height: 100%;
} #containerLeft{
width: 80%;
float: left;
height: 100%;
}
#planImgContainer{
height: 980px;
}
.sitePlanImg {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/RIVERLAND-CANADA.png);
width: 100%;
background-size: contain;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
#sitePlanLocateImg{
position: absolute;
}
#allPoints{
position: relative;
}
#availableLotCont{
display: none;
position: relative;
box-shadow: 0px -2px 5px -1px #e3e3e3; -webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.5s ease-in-out;
}
.availableHead{
padding: 10px 1% 10px 3%;
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
}
#availableTitle{
float: left;
font-family: 'Helvetica_Roman';
font-size: 22px;
}
.closeBtn{
float: right;
width: 30px;
height: 30px;
position: relative;
}
.closeLine1{
background-color: #312725;
width: 1px;
height: 20px;
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 5px;
}
.closeLine2{
background-color: #312725;
width: 1px;
height: 20px;
transform: rotate(135deg);
position: absolute;
right: 10px;
top: 5px;
}
#housesBox{
width: 100%;
height: 80%;
float: left;
box-sizing: border-box;
}
#housesBoxFull{
height: 100%;
}
.houseCont{ float: left;
height: 100%;
background-color: white;
margin: 0 20px 0 0;
border: 1px solid grey;  height: 250px !important; 
} .slick-next{
right: 20px !important;
top: 50% !important;
width: 40px !important;
height: 40px !important;
background-color: #fff !important;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/arrow.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 50% !important;
}
.slick-prev{
display: none !important;
}
.slick-prev::before{
content: '' !important;
}
.slick-next::before {
content: '' !important;
} .casaImg{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/casa-aurora.jpg);
float: left;
width: 100%;
height: 68%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.casaHeart{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/heart.png);
width: 15px;
height: 15px;
background-size: contain;
background-position: center;
position: absolute;
right: 10px;
top: 10px;
}
.casaCamara{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/camera.png);
width: 25px;
height: 25px;
background-size: contain;
background-position: center;
position: absolute;
right: 8px;
bottom: 8px;
}
.houseCont.first{ }
.houseInfo{
margin: 0 10px;
}
.houseModel{
margin: 8px 0 3px 0;
font-family: 'Helvetica_Roman';
font-size: 15px;
float: left;
width: 100%;
}
.housePrice{
margin: 0;
font-family: 'Helvetica_Roman';
font-size: 14px;
float: left;
width: 100%;
}
.houseLine{
background-color: #312725;
opacity: 0.3;
width: 100%;
height: 1px;
margin: 5px 0;
float: left;
}
#section-4 .houseLine{	
width: 100%;	
}
.houseCat{
font-size: 8px;
font-family: 'Helvetica_Light';
}
#section-4 .houseCat{
font-size: 9px;
font-family: 'Helvetica_Light';
line-height: 2;
}
.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:last-child{
border-right:none;
} #closeDetail{
position: absolute;
right: 10px;
z-index: 2;
}
.detailAdress{
font-family: 'Helvetica_Roman' !important;
}
.detailsBtn{
width: 48%;
margin: 10px 0px;
border: 1px solid #312725;
text-align: center;    
}
.detailsBtn.noBtn{
border: none;
}
.detailsBtn a {
display: block;
padding: 10px 10px 5px 10px;
text-decoration: none;
font-family: 'Helvetica_Roman';
font-size: 16px;
}
#requestBtn{
float: right;
} .nameCateHomes {
margin-left: 10px;
height: 25px;
line-height: 30px;
font-family: 'Helvetica_Neue_Light';
font-size: 15px;
}
.nameCateSite {
margin-left: 30px;
height: 25px;
line-height: 30px;
font-family: 'Helvetica_Neue_Light';
font-size: 15px;
}
.homesCheckBoxCont{
padding: 0 10px 0 25px;
float: left;
width: 100%;
}
.categoryContSite{
margin-bottom: 10px;
width: 100%;
height: auto;
float: left;
}
.categoryContHomes{
margin-bottom: 10px;
width: 40%;
height: auto;
float: left;
}
.selectCateHomes {
margin-left: 0px;
margin-top: 4px;
width: 20px;
height: 20px;
background-color: #f4f4f4;
float: left;
box-sizing: border-box;
}
.selectCateHomes.active{
background-color: orangered;
}
#selectCollections.homesSelect{
width: calc(100% - 85px);
margin: 10px 0;
}
.homesSelect{
width: 45%;
margin-right: 5%;
border: none;
border-bottom: 1px solid gray;    
height: 40px;
font-size: 17px;
float: left;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow-down.png);
background-position: 94% 50%;
background-repeat: no-repeat;
background-size: 12px;
}
.homesSelect:focus {	
outline: none;	
}
.homesSelect {
-moz-appearance:none; -webkit-appearance:none; }
.homesSelect option {
font-size: 12px;
padding: 0;	
}
.homesSelect.minMaxLabel {
border: none;
float: left;
height: auto;
padding: 5px 1px;
background: none;
box-sizing: border-box;
font-size: 16px;
}    @media only screen and (max-width: 1800px) {
.menuTitle {
font-size: 29px;
}
.subname {
font-size: 13px;        
}
.floorCont {  width: 31%;
margin: 0 1% 40px;
}
}
@media only screen and (max-width: 1600px) {
#section-1 .minCont {
padding: 0 35px;
}
}
@media only screen and (max-width: 1400px) {
#bgvidSplash {
width: 100%;
height: 100%;
}
#mainTouch{
font-size: 16px;
width: 250px;
height: 60px;
margin-left: -150px;
line-height: 65px;
bottom: 100px;
}
#menuLogo {
background-size: 100%;
}
.menuTitle{
font-size: 25px;
}
.subname{
font-size: 10px;
left: 20px;
}
#menu ul li a{
padding-left: 20px;
}
.menuSubtitle {
font-size: 10px;
}
#menu ul ul{
padding: 0 1%;
}
#section-1 .minCont {
padding: 0 35px;
}
.team_title {
font-size: 30px;
}
.team_subtitle {
font-size: 15px;
}
.regular {
font-size: 12px;
}
.floorCont {
width: 31%;
margin: 0 1% 40px;
}
#section-4 .paragraphCont {        
padding: 10px 25px 0px 25px;
}
#section-4 .title{
font-size: 20px;
}
.subtitle {
font-size: 18px;
}
.homesSelect{
font-size: 14px;
}
.homesSelect.minMaxLabel {
font-size: 12px;
}
.value-one{
font-size: 12px;
}
.value-two{
font-size: 12px;
}
.selectCont {
margin-bottom: 10px;
}
.categoryContHomes{
width: 45%;
margin-top: 10px;
}
#section-10{ }
#section-10 .paragraphCont{
padding: 50px 20px 40px 20px;
}
#section-10 .title {
font-size: 30px;
}
.houseLotName {
font-size: 15px;
}
#unitDescription{
font-size: 12px;
}
.house_spec {
font-size: 16px;        
}
.minCont_wrapper{ }
.house_spec_line{
margin: 0 10px 0 20px;
height: 32px;
}
#minContResult{ }
#minContResultUp{
bottom: 0 !important;
}
.house_btn_cont {
width: 90%;
}
.house_btn {
font-size: 12px;
height: 35px;
line-height: 38px;
}
#fullfloorImg{
height: 572px;
}
.elevation_img_cont {
width: 45px;
height: 45px;
}
.elevLetter{
left: 17px;
top: 15px;    
font-size: 20px;
}
.elevation_wrap_new{
bottom: -25px;
}
.elevation_wrap_new .elevation_img_cont img{
height: auto !important;
}
#housePlanCont{
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#housePlanDad{
}
#houseLotCont{
width: 100%;
height: 100%;
}
#fullfloorImg.moveReadyHouse{  height: 80.6%;
}
.houseThumbnail{
width: 100px !important;
height: 80px !important;
margin: 5px 5px 0 5px;
}
.houseGallery { bottom: 0; }
.slick-next{
width: 20px !important;
height: 20px !important;
right: 10px !important;
top: 27% !important;
}
.back_search_arrow{
background-size: 15px;
}
.elev_next_arrow{
background-size: 15px;
}
#section-1{ }
.team_text{
max-height: 482px;
padding-bottom: 5px;
box-sizing: border-box;
}
#section-1 .fullTitle{
margin-top: 0px;
}
.categoryCont .selectCate .nameCate{
font-size: 15px;
line-height: 57px;
}
.nameCate{
background-size: 18px;
}
.categoryCont.active .selectCate .nameCate{
font-size: 15px;
line-height: 57px;
}
.miniLista{
font-size: 15px;
}
.mapAdress{
font-size: 13px;
}    
.travelTime {
height: 12px;
line-height: 13px;
margin-top: 5px;
}
.walkTime {
padding-left: 12px;
}
.bikeTime {
padding-left: 20px;
}
.carTime {
padding-left: 24px;
} 
.gallery.model-1{
margin: 5% auto;
}   
#section-1 .minCont.inverted .paragraphCont.txtModel-1{
right: -15%;
padding: 15% 45% 15% 0%;
}
#section-1 .paragraphCont.txtModel-1{
padding: 15% 0% 15% 45%;
}    
.phasesTitle {
font-size: 10px;
line-height: 30px;
}
.phasesCont {
height: 30px;
}
#phasesBox.closed {
height: 30px;
}
.dropArrow {
width: 15px;
height: 15px;
top: 7px;
}
.phaseBtn{
font-size: 10px;
}
.legendTitles {
font-size: 13px;
font-weight: 600;
}
.legendTitles {
font-size: 10px;
}
.nameCateSite{
font-size: 10px;
}
.categoryContSite{
margin-bottom: 5px;
}    
}
@media only screen and (max-width: 1025px) {
.menuTitle {
font-size: 23px;
}
.subname {
font-size: 8px;
left: 20px;
}
#menu ul ul.menuItemList {
bottom: 80px;
}
.categoryContHomes {
width: 100%;
margin-top: 10px;
}
.house_spec {
margin-top: 10px; 
font-size: 13px;       
}
.house_spec_cont {
margin-top: 0px;
}
.houseInfoCont{
padding: 0;
}
}
@media only screen and (max-width: 1025px) {
.menuTitle {
font-size: 20px;
}
.subname {
font-size: 7px;
left: 20px;
}
#menuContent{
height: 80px;
}
#menuLogo{
height: 80px;
}
.floorCont {
width: 46%;
margin: 0 2% 40px;
}
#section-4 .houseCat{
font-size: 8px;
}
}
@media only screen and (max-width: 768px) {
.menuTitle {
font-size: 14px;
}
.subname {
font-size: 6px;        
}
#menu ul li a {
padding-left: 7px;
}
} .location__list{
width: 90%;
margin: auto;
height: 0;
overflow: hidden;
}
.location__list__element{
padding: 10px 0 10px 20px;
cursor: pointer;
transition: all 0.3s ease;
}
.location__list__element.active,
.location__list__element:hover{
font-weight: bold;
padding: 10px 0 10px 22px;
}
.slick-prev, .slick-next {
display: none !important;
}
#fulliframeContainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
}
#fulliframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#logoInner {
float: left;
width: 100%;
height: 100%;
}
div.icon360 {
position: absolute;
width: 40px;
height: 40px;
bottom: 10px;
right: 55px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/icon-vtour.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
div.iconCam {
position: absolute;
width: 40px;
height: 40px;
bottom: 10px;
right: 55px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/icon-camera.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.priceMgn.sizeClass{
font-size: 15px;
}
.contInfoCard{
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;
width: 100%;
}
.contInfoCard #unitSize{
font-size: 20px;
line-height: 1.5;
padding-top: 10px;
}
.contInfoCard .floorIconMin{
width: auto;
padding: 0 2px;
}
.contInfoCard .priceMgn{
border-left: 1px solid rgba(49,39,37, 0.3);
padding-left: 5px;
}
.contInfoCard .unitPriceClass{
font-size: 20px;
}
.contInfoCard .priceMgn:first-child{
border-left: none;
padding-left: 0px;
}
.floorImg .iconsF:first-child{
right: 10px;
}.fullscreen {
background:#f4f4f4 url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/fullscreenIcon.png) center center no-repeat;
bottom:10px;
position:absolute;
width:40px;
height:40px;
right:10px;
cursor:pointer;
}
#containerGallery {
width: 100%;
height: 100%;
top: -100%;
left: 0;
position: fixed;
z-index: 4000000;
display: none;
}
#containerGalleryBG { background: rgba(0,0,0,0.9);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
opacity:0;
}
#mediaPreloader, #headerPreloader, #mailPreloader, #firstImagePreloader, #mainPreloader {
position: absolute;
top: 50%;
left: 50%;
width: 115px;
height: 10px;
margin-left: -57px;
margin-top: -7px; background-size: cover;
background-repeat: no-repeat;
z-index: 100;
}
#mediaContainer img {
position: absolute;
}
#mediaContainer{
position:absolute;
top:0px;
left:0;
width:100%;
height:100%;
z-index: 200;
}
#mediaContainer iframe,
#mediaContainer object,
#mediaContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#embedContainer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity:0;
}
#embedContainer iframe, #embedContainer object, #embedContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#closeGallery {
background-repeat: no-repeat;
background-size: cover;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/CLOSE_gallery.png);
width: 70px;
height: 70px;
cursor: pointer;
bottom: 0px;
right: 0px;
position: absolute;
z-index: 300;
}
.arrowGallery {
width: 60px;
height: 60px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -20px;
z-index: 300;
background-color: #fff;
}
#arrowGalleryLeft.arrowLeft {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow.png);
left: 0px;	
transform: rotate(180deg);
}
#arrowGalleryRight.arrowRight {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/images/new/arrow.png);
right: 0px;
left: auto;
}
#mediaInfo {
opacity: 0;
position: absolute;
bottom: 30px;
width: 50%;
z-index: 300;
background: rgba(0,0,0,0.5);
padding: 10px 30px;
text-align: left;
box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
#closeGallery{
width: 45px;
height: 45px;
bottom: auto;
top: 0;
right: 0px;
}
#arrowGalleryLeft.arrowLeft{
left: 0px;
}
#arrowGalleryRight.arrowRight{
right: 0;
}
.arrowGallery{
width: 40px;
height: 40px;
background-size: 20px;
}
}
@media screen and (max-width: 768px) {
#mediaInfo {
width: 80%;
}
}
@media screen and (max-width: 500px) {
#mediaInfo {
width: 100%;
bottom:0;
}
.arrowGallery {
left: 20px;
}
#arrowGalleryRight.arrowRight {
right: 20px;
}
#closeGallery {
top: 20px;
right: 20px;
}
}
#mediaTitle {
color: #FFF;
font-size: 24px;
line-height: 30px;
padding-bottom: 5px;
}
#mediaContent {
color: #FFF;
font-size: 14px;
}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 6px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(49,39,37, 0.7); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(49,39,37, 1); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }@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;
}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%}.marker,.zoomHolder img{display:block}.fullscreenToggle,.zoomIn,.zoomOut{background:url(//empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/assets/pz_sheet.png) no-repeat;width:30px;height:30px;overflow:hidden;position:relative;display:block;cursor:pointer;z-index:100;margin:5px 0}.zoomIn{background-position:0 0}.zoomOut{background-position:-30px 0}.fullscreenToggle{background-position:-60px 0;cursor:pointer}.zoomIn.on,.zoomOut.on{opacity:1;-moz-opacity:1;-khtml-opacity:1;cursor:pointer}.zoomIn.off,.zoomOut.off{opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;cursor:auto}.controlHolder{border-radius:5px;background:rgba(0,0,0,.4);position:absolute;right:10px;top:10px;padding:5px;z-index:100}.fullscreenDiv,.marker{left:0!important;top:0!important}.fullscreenToggle.on{background-position:-90px 0}.fullscreenToggle.off{background-position:-60px 0}.fullscreenDiv{width:auto!important;height:auto!important;right:0!important;bottom:0!important;position:absolute!important;background:#FFF;z-index:999999;oveflow:hidden}.zoomHolder{width:100%;height:auto;position:relative;overflow:hidden}.marker{position:absolute!important;bottom:auto!important;right:auto!important}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/slick/fonts/slick.eot);
src: url(https://empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/slick/fonts/slick.woff) format('woff'), url(https://empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/slick/fonts/slick.ttf) format('truetype'), url(https://empirecommunities.com/wp-content/themes/empire-theme/empire-touchscreen/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.contSelect .outer {
display: table;
height: 100%;
width: 100%;
position: relative;
}
.contSelect .middle {
display: table-cell;
vertical-align: middle;
}
#containerPopUp {	
position: fixed;
z-index: 10000000;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.8);
}
#contTouch {	
position: absolute;
height: 150px;
width: 300px;
display: block;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -150px;	
text-transform: uppercase;
font-size: 24px;
color: #312725;
border: 3px solid #fff;
text-align: center;
background-color: rgba(255,255,255,0.5);
font-family: 'Helvetica_Roman';
font-weight: bold;
}
#textPopUp{
position: relative;
height: 50%;
width: 100%;
}
#textPopUp p{	
font-size: 20px;
margin: 0;
text-align: center;
}
.contSelect{
display: block;
position: relative;
width: 80%;
height: 40%;
margin: auto;
text-align: center;	
}
#communitySelect{	    
height: 30px;
padding: 0 10px;
color: #312725;
border: 3px solid #fff;
text-align: center;
background-color: rgba(255,255,255,0.5);
font-family: 'Helvetica_Roman';
font-weight: bold;
}
.contSelect button{	
height: 30px;
padding: 0 10px;
margin-left: 10px;
color: #312725;
border: 3px solid #fff;
text-align: center;
background-color: rgba(255,255,255,0.5);
font-family: 'Helvetica_Roman';
font-weight: bold;
}
.closePopUp{
position: absolute;
top: 0;
left: 0;
height: 50px;
width: 50px;
z-index: 1000000; }*{
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;
}
}