﻿.BreadcrumbContent{
    margin-top: 20px;
    }
    .MainContent{background-color:#fff !important;}

.ContactForm{
    background-color: #efefef;
    padding: 0px 20px;
}

.owl-theme .owl-controls .owl-buttons div {
 color:#3d3d3d !important;   
    
}
.stick {
    position:fixed;
    top:0px;
}

.FirstImage{
    position: absolute;
}

.BackgroundImageContainer{
    background-size: cover;
    position: relative;
    height: 470px;
}

.ContainerLeftDiv {
      background-color: white;
      color: #000000;
      opacity: 0.9;
      position: absolute;
      top: 20%;
      left:0px;
      width: 50%;
      padding-bottom: 10px;
      padding-top: 10px;  
}
.tablet .ContainerLeftDiv{
    padding-left: 20px;
    top: 20%;
}

.phone .ContainerLeftDiv{
    padding-left: 0px;
    width: 80%;
    top: 20%;
}



.tablet .TitleContainer{
    margin-left: 0px;
}

.LocationDevelopmentContainer{
    background-color: white;
}
.desktop .LocationDevelopmentContainer{
    margin-top: 0px;
}
.tablet .Content {
    padding-top: 25px;
}

.ListRecords > ul:nth-child(-n+3) .AdvertDisplay:after{
    padding-left: 40px;
    margin-top: 20px;
}

.AdvertDisplay:nth-child(5n+0){
    margin-right: 20px;
}

.desktop .IncentiveBox{
    width: 600px;
   
}
.tablet .IncentiveBox{
  width: 48.8888888888%;
  margin-top: 10px;
}
.phone .IncentiveBox{
    height: 100%;
    width: 100%;
}
.TitleContainer h1 {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.tablet .TitleContainer h1 {
    font-size: 28px;
}
.phone .TitleContainer h1 {
    font-size: 22px;
}



.tablet .SubTitleContainer{
 margin-left: 0px;   
}

.SubTitleContainer h2{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.tablet .SubTitleContainer h2{
    font-size: 17px;
}
.phone .SubTitleContainer h2{
    font-size: 16px;
}


.desktop .ImageBackgroundContainer{
    width:1400px;
    min-height: 484px;
}

@media screen and (max-width: 1400px) {
    .desktop .ImageBackgroundContainer{
    width:100%;
}
    
    
}

.tablet .ImageBackgroundContainer{
    width:100%;
    margin-top: -10px;
}


.phone .ImageBackgroundContainer{
    min-height: 330px;
    width:100%;
}

.AreaDetails{
    margin-top: 20px;
    border: 1px solid #efefef;
    padding: 0px 10px;
    background-color: #efefef;
}

/*---------------DESKTOP-------------------*/


.desktop .AboutDevelopment{

    background-color: #efefef;
    padding-bottom: 10px;
}

.desktop h1{    
margin-bottom: -15px;
margin-top: 5px;}
.desktop .AreaDetails{

    background-color: #efefef;
    padding: 20px;
}
.desktop .ImageContainer{width:870px;overflow:hidden;}
.Links{
    position: absolute;
    z-index: 18;
    top: 0px;
    width: 100%;
    height: 40px;
    background-color: rgba(78,78,78,0.8);
}

#pw_custom_red span{
    margin-top: 13px;
}


/* ----------------- Tablet --------------*/

.tablet .MainDetailsWithImage{width:100%;}

.tablet .MainContent {margin-top: -30px !important;}

/*----------------PHONE----------------*/
.Colums2 > .Column.ColLast {padding-right: 20px;}
.phone .MainContent {margin-top: -30px !important;}

.AdvertTitleAboveImg a:active,
.AdvertTitleAboveImg a:link,
.AdvertTitleAboveImg a:visited{
    color:#ffffff;
    font-size:18px;
}
.phone .MainDetailsWithImage{width:100%;}
/*-------------------IFRAME-----------------------*/    

.iframeContainer{
overflow: hidden;

}
