.z-default-subpage-header.listing {
    background-image: url(../images/listing-banner.jpg);
}
.listing-sec1 {
    background-color: #161616;
    color: #cdcfd4;
}
.list-tab {
}
.list-tab > input {
  display: none;
}
.list-tab > label {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color .3s;
    background-color: #e1e1e1;
    color: #161616;
}
.list-tab > label:hover, .list-tab > input:checked + label {
    background: #e7a731;
    color: #fff;
}
.tabs {
  clear: both;
}
.tabs div.tabm {
    position: absolute;
    padding: 40px;
    background-color: #fff;
    line-height: 1.4em;
    color: #161616;
    opacity: 0;
    transform: rotateX(-20deg);
    transform-origin: top center;
    transition: opacity .3s, transform 1s;
    z-index: 0;
}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4){
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
  position: relative;
}
.listing-sec2 {
    background-color: #c5c8d3;
}
.con-form input[type="text"] {
    float: left;
    width: 48%;
    margin: 1%;
    border: none;
    padding: 20px 25px;
    font-size: 20px;
    font-family: 'playfair_displayregular';
}
.con-form textarea {
    float: left;
    width: 98%;
    margin: 1%;
    border: none;
    padding: 20px 25px;
    font-size: 20px;
    height: 300px;
    font-family: 'playfair_displayregular';
}
.con-form button.btn {
    font-family: 'playfair_displayregular';
    color: #ffffff;
    background-color: #e7a731;
    padding: 16px 35px;
    float: right;
    margin-right: 1%;
    margin-top: 20px;
}
.con-form button.btn:hover {
    background-color: #424242;
}

.homes-sec1 .box {
    max-width: 395px;
}
.homes-sec1 .box a {
    display: inline-block;
    background-color: #313131;
    color: #fff;
    overflow: hidden;
}
.homes-sec1 .box a .thumb  {
    display: inline-block;
    background-color: #313131;
    color: #fff;
    overflow: hidden;
}
.homes-sec1 .box a .head {
    display: inline-block;
    color: #e0a945;
    padding: 10px 10px 5px 10px;
}
.homes-sec1 .box a:hover {
    background-color: #000000;
    box-shadow: 0 0 10px #5f5f5f;
}
.homes-sec1 .box a img, .homes-sec1 .box a:hover img {
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.homes-sec1 .box a:hover img {
    transform: scale(1.2);
}

.mov-ready .h-box {
    background-color: rgba(255, 255, 255, 0.8);
    margin: 15px 0;
}
.mov-ready .h-box .z-3of12, .mov-ready .h-box .z-4of12, .mov-ready .h-box .z-2of12 {
    margin: 0;
} 
.mov-ready .h-box .short {
    color: #bebebe;
}
.photos-main .box {
    padding: 0;
}

.photos-main .box #zThumbnailLightgallery ul li {
    display: none;
    width: 100%;
}
.photos-main .box #zThumbnailLightgallery ul li:first-child {
    display: inline-block;
}
.photos-main .box #zThumbnailLightgallery ul li img {
    width: 100%;
    max-height: 245px;
}
.photos-main .box .title {
    color: #e7a731;
    text-align: center;
    margin: -10px 0 0 0;
}




.proImage1{
    width:33.3%; text-align:center;  
    position:relative;
    z-index:1;
    background-color:#000;
} 
.proImage1:hover{
    z-index:2;
}
.proImage1:hover .proImage2{
    transform:scale(1.2,1.2);
}
 
@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
    .proImage1{
    width:50%;
    }
}
@media screen and (max-width: 479px) {
    .proImage1{
    width:100%;
    }
	.list-tab > label {
	    width: 100%;
	}
	.con-form input[type="text"], .con-form textarea {
	    width: 100%;
	    margin: 10px 0;
	    padding: 15px;
	    font-size: 18px;
	}
	.con-form textarea {
	    height: 180px;
	}
	.con-form button.btn {
	    margin-right: 0;
	    margin-top: 10px;
	}
    .tabs div.tabm {
        padding: 15px;
    }
}