@charset "UTF-8";
/* CSS Document */ /* PB DEMOS */

h1, h2, h3, h4, h5, h6 {color:#095296 !important; font-weight:300 !important; text-transform:uppercase !important;}
.h1 {color:#095296 !important; font-weight:300 !important; text-transform:uppercase !important;}
div.clear {clear:both;}

hr.lite { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/* PROPERTY LIST */
.propertyRow {float: left; margin:2% auto; width:95%; clear:both; border-bottom: 1px solid #efefef; }
.mainImage {float: left; margin:2.5% 3% 5% 0; width: 35%;}
.mainImage img {max-width: 200px; height:auto; object-fit: cover; background-position: center center; background-repeat: no-repeat; /*box-shadow:2px 2px 20px rgba(0,0,0, .2);*/}
.detailsCol1 {float: left; width:30%; padding:10px; text-align:left; font-size: 14px;}
.detailsCol1 ul {list-style-type:none; padding-left: 0; text-align:left;}
.detailsCol2 {float: left; width:26%; padding:10px;}

.detailsCol1 h1 {font-size: 1.2em;}
.message1 {font-size: 1em;}
.message2 {font-size: 1.5em; margin-bottom: 10%;}

.moreButton {border: 1px solid ; border-radius: 30px; padding: 10px 16px; cursor:pointer; text-transform:uppercase; font-weight:300; margin:5% 2%; display:inline-block; transition: ease 0.5s all; text-decoration:none; color:inherit;}
.moreButton:hover {border: none; background-color: rgba(0,0,0,.1); padding:10px 18px; transition: ease 0.5s all; border-radius: 30px;}


/* SEARCH FILEDS */

.formContainer {width: 100%; height:100%; margin:0 auto;}
.formContainer h1 {color:#095296 !important; font-weight:300; text-transform:uppercase;}

.selectLabel {width:14%; float:left; text-align:right; padding-top:1.5em;}
.selectField {width:30%; float:left;}

.centerUp {float:none; margin:20px auto 0 auto; width:60%; text-align:center !important;}

.pbTableRow {float: left; width: 40%;}
.pbTableCell { float:  left; width: 100%; margin: 10px 2%;}
.pbTable { width: 100%; text-align:center; clear:both;}
.pbTable h1 {color:#095296 !important; font-weight:300; text-transform:uppercase;}

.fieldrequired {background-color: #ECF0F1 !important; border: 1px solid #BDC3C7; font: 11px inherit; margin: 5px; padding: 10px 5px; width:70%;}
.fieldlabel {font: 400 12px inherit !important; text-align: center !important; text-transform: uppercase !important;}

/* DETAILS PAGE */

.detailsLeftCol {width:40%; float:left;}
.detailsMainImage {width:100%; float:left;}
.detailsMainImage img {max-width: 370px; height: auto;}
.companyInfo {width:40%; float:left; margin: 10px 0 0 10px; text-align:left; font-size: 14px; font-weight: 300;}
.detailsLogo {margin: 0px 0 10px -12px;}
.detailsLogo img {max-width: 160px; height: auto; margin-top: 20px;}
.mapApptInfo {width:50%; float:left; margin: 20px 10px; text-align:left;}
.mapBox {margin:3% 0; display:block;}
.mapBox a {color: inherit; text-decoration: none;}
.apptBox {margin:3% 0; display:block;}
.apptBox a {color: inherit; text-decoration: none;}
.addressBox {margin:3% 0; display:block;}
#lblRent {text-align:left; }
#lblAddress {text-align:left; font-size: 12px; font-weight: 300;}
#lblUnitDesc {clear:both; line-height:1.7em;}

.detailsRightCol {width:50%; float:left; margin-left:10%;}
.detailThumbs {float:left; margin:5% 0px;}
.thumb {max-height: 60px; height: auto; width:auto; max-width:90px; margin:0 5px 5px 0; float:left;}
.propDetails {text-align:left; margin:0; float:left; width:100%; font-size: 12px;}
.detailInfoList {float:left; width: 100%; margin: 3% 0;}
.detailInfoList ul {padding-left: 0;}
.detailInfoList li {list-style-type: none; text-align:left; line-height:1.6em; font-size: 12px;}
.detailBtns {width:100%; max-height:50px; text-align: center; margin-top: 10%;}
.moveImg {display: inline; top: 5px; right: 15px; position:relative; }

.PBFooter {font-size: 12px !important;}

/*-------------------[320px]------------------*/
@media only screen and (max-device-width: 480px) {

h2 {font-size: 18px;}    
    
.detailsCol1 h1 {font-size: 1em;}
.message1 {font-size: 1em;}
.message2 {font-size: 1em; margin-bottom: 0;}    
    
.mainImage {width:90%; margin:0 auto;}
.detailsMainImage img {height: 205px !important;}
.detailsCol1 {width: 90%; font-size: 14px;}
.detailsCol2 {width:90%; font-size: 14px; text-align: left;}

.propDetails h2 {font-size: 18px;}
    
.mapApptInfo {width:100%; margin: 0 10px;}
.companyInfo {width:100%;}
   
.selectLabel {width:25%; text-align:left; padding-top:1.5em; float:left;}
.selectField {width:75%; float:left; padding-top:1em; }

.centerUp {width:85%;}

}

/*-------------------[480px]------------------*/
@media only screen and (max-width: 700px) {

h2 {font-size: 18px;}

.detailsCol1 h1 {font-size: 1em;}
.message1 {font-size: 1em;}
.message2 {font-size: 1em; margin-bottom: 0;}
    
.mainImage {width:90%; margin:0 auto;}
.detailsMainImage img {height: 205px !important;}
.detailsCol1 {width: 90%; font-size: 14px;}
.detailsCol2 {width:90%; font-size: 14px; text-align: left;}

.propDetails h2 {font-size: 18px;}
    
.selectLabel {width:25%; text-align:left; padding-top:1.5em; float:left;}
.selectField {width:75%; float:left; padding-top:1em;}
.centerUp {width:85%;}

.detailsMainImage {float:left; width:90%; margin:0 20px 20px 0;}
.detailThumbs {float:left; width: 90%;}
.thumb {max-height: 40px; height: auto; width:auto; max-width:70px; margin:0 5px 5px 0; float:left;}
#lblRent {text-align:right; padding-left:2em;}
#lblAddress {text-align:left;}

.mapApptInfo {width:100%; margin: 0 10px;}
.companyInfo {width:100%;}
    
.detailsLeftCol {width:90%; float:left;}
.detailsRightCol {width:90%; float:left;}

}

/*-------------------[768px]------------------*/
@media screen and (min-device-width: 701px) and (max-device-width: 768px) { 
.mainImage {width:30%; margin:2.5% 2% 5% 0;}
.mainImage img {max-width: 180px; height:auto; object-fit: none; background-position: center center; background-repeat: no-repeat; box-shadow:2px 2px 20px rgba(0,0,0, .2);}
.detailsLeftCol {width:40%; float:left;}
.detailsRightCol {width:50%; float:left; margin-left:10%;}    
.detailsCol1 {width: 30%;}
.detailsCol2 {width:30%;}

.detailsCol1 h1 {font-size: 1em;}
.message1 {font-size: .8em;}
.message2 {font-size: 1.2em; margin-bottom: 10%;}
    .detailsMainImage img {width: auto; max-width: 270px; height: auto; max-height: 240px;}
.iframeWidth {width: 768px !important;}
}

/*-------------------[960px]------------------*/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.detailsLeftCol {width:40%; float:left;}
.detailsRightCol {width:50%; float:left; margin-left:10%;}  
}

/*-------------------[1080px]------------------*/
@media only screen and (min-width: 1100px) and (max-width: 1405px) {	
}