/*Homes Collection*/

#homesWrapper{width:90%; max-width:1100px; margin-left:auto; margin-right:auto; margin-top:86px; padding:88px 0px 30px 0px; z-index:100; position:relative;}

.newsThumb{float: left; margin-bottom:40px; width: 24%; margin-right:1.25%; cursor:pointer; padding:1px; -webkit-font-smoothing:subpixel-antialiased !important; box-sizing:border-box;}
.newsThumb:nth-child(4n+4) {margin-right: 0px;}
.newsThumbInner{width: 100%; float:left; position:relative; height: 300px; overflow: hidden;}
.newsThumbInner img{width: 100%; height: auto;}

.underContractBanner{width:100%; background-color:#4FA1D3; padding: 15px 0px; position:absolute; top: 10px; left:0px; color:black; text-align:center; text-transform: uppercase; font-size:13px; letter-spacing:1px;}
.soldBanner{width:100%; background-color:#9D040F; padding: 15px 0px; position:absolute; top: 10px; left:0px; color:white; text-align:center; text-transform: uppercase; font-size:13px; letter-spacing:1px;}

#homesWrapper h2{font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
font-size: 38px;
color: #000;
margin-bottom:20px;
padding-left: 0px;
float: left;
font-weight: 100;
letter-spacing: 0px;
color:white;}

.tileWrap{
    width:90%;
    margin: 40px auto;
}

#homesWrapper h3{font-family: "proxima-nova",sans-serif;
font-size: 16px;
margin-bottom:10px;
padding-left: 0px;
float: left;
font-weight: 600;
letter-spacing: 3px;
color:white;
clear:both;
text-transform:uppercase;}

.newsThumbInner .front{
position: relative;
top: 0;
left: 0;
z-index: 900;
width: 100%;
height: 100%;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
background-color: #352514;
color: white;
overflow: hidden;
}

.newsThumbInner .back{float: none;
position: absolute;
top: 0;
left: 0;
z-index: 800;
width: 100%;
height: 100%;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-179deg);
transform: rotateY(-179deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: white;
padding: 20px;
background-color:#352514;
box-sizing:border-box;
}

.newsThumbInner .back a{color:white;}
.newsThumbInner.flip .front {z-index: 900;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);}
.newsThumbInner.flip .back {z-index: 1000;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);

}

.newsThumbFront{padding: 10px 10px; color: white; text-align:left; float:left; margin-top: 0px !important;position: absolute; bottom: 0px; z-index:100000000; width: 100%;box-sizing:border-box; background-color: #352514;}
.newsThumbBack{width: 100%; float:left;}
.homePlanName{letter-spacing: 1px; width: 100%; float:left; margin-bottom: 3px;font-size: 16px; width: 100%; text-align:center;}
.homePlanCount{letter-spacing: 1px; width: 100%; float:left; margin-top:0px; width: 100%; text-align:center;}
.homePlanBackElement{letter-spacing: 1px; width: 100%; float:left; margin-top:6px; width: 100%; text-align:center; font-size: 16px;}
.homePlanBackLeft{width: 45%; float:left; text-align:right; padding-right:5%; display: inline-block; clear: both;}
.homePlanBackRight{width: 45%; float:right; text-align:left;}
.homePlanBackRight:last-child{width:100%; text-align:center; text-transform:uppercase; margin-top:10px; padding-right:0px; padding-left: 0px;}
.homePlanBackRight:last-child a{-webkit-font-smoothing:subpixel-antialiased !important;}
.homePlanFrontLink{width: 100%; text-align:center; font-weight:100; margin-top:10px; float:left; text-transform:uppercase;}
.homePlanFrontLink a{color: white; text-transform:uppercase; font-size:14px;-webkit-font-smoothing:subpixel-antialiased !important;}


@media only screen
and (max-width : 1200px)
and (min-width : 840px){
.newsThumb{width: 32%; margin-right: 2%;}
.newsThumb:nth-child(4n+4) {margin-right: 2%;}
.newsThumb:nth-child(3n+3) {margin-right: 0px;}
}

@media only screen
and (max-width : 839px)
and (min-width : 600px){
.newsThumb{width: 48%; margin-right: 4%;}
.newsThumb:nth-child(4n+4) {margin-right: 4%;}
.newsThumb:nth-child(3n+3) {margin-right: 4%;}
.newsThumb:nth-child(2n+2) {margin-right: 0px;}
}

@media only screen
and (max-width : 599px)
and (min-width : 0px){
.newsThumb{width: 100%; margin-right: 0px;}
.newsThumb:nth-child(4n+4) {margin-right: 0px;}
.newsThumb:nth-child(3n+3) {margin-right: 0px;}
.newsThumb:nth-child(2n+2) {margin-right: 0px;}
}
