.Columns .Column {
    text-align: center;
}
.card-sectioned {box-shadow: 0px 0px 8px #3227440a, 0px 0px 1px #32274452, 0px 8px 8px -8px #32274429;
    border-radius: 5px;
    background-color: #efefef;
}

.FeaturedDevs .card-sectioned  {
    padding: 0 10px;
}
.card-title{padding:10px;}
.desktop .ImageContainer{width:870px;overflow:hidden;}

.date{color: #03669D;}

.PropertyAnchor{    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;}



.phone .MainContent {
    margin-top: 1px !important;
}
.ContactForm{
    background-color: #efefef;
    padding: 10px;
}
.PropTypes .Column div {
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-weight:bold;
    text-align:left;
}
.PropTypes .Column:nth-child(1) div {
    background-color: #054166;
}
.PropTypes .Column:nth-child(2) div {
    background-color: #F0572E;;
}
.PropTypes .Column:nth-child(3) div {
    background-color: #13B25B;
}
.PropTypes .Column:nth-child(4) div {
    background-color: #97C4FF;
}
.phone .Filters .ColLast{width:100% !important;}

.phone .PropTypes .Columns5 .Column,
.phone .Filters .Columns5 .Column,
.tablet.portrait .PropTypes .Columns5 .Column,
.tablet.portrait .Filters .Columns5 .Column {width:49% !important;}
.phone .PropTypes .Column.LeftMiddle,
.phone .PropTypes .Column.RightMiddle,
.phone .Filters .Column.LeftMiddle,
.phone .Filters .Column.RightMiddle,
.tablet.portrait .PropTypes .Column.LeftMiddle,
.tablet.portrait .PropTypes .Column.RightMiddle,
.tablet.portrait .Filters .Column.LeftMiddle,
.tablet.portrait .Filters .Column.RightMiddle{margin-left:1% !important;}
.phone .Column.empty,
.tablet.portrait .Column.empty {display:none;}

 @media only screen and (min-width: 200px) and (max-width: 767px)  { 

.Filters .ColLast{width:100% !important;}

.PropTypes .Columns5 .Column,
.Filters .Columns5 .Column {width:49% !important;}
.PropTypes .Column.LeftMiddle,
.PropTypes .Column.RightMiddle,
.Filters .Column.LeftMiddle,
.Filters .Column.RightMiddle{margin-left:1% !important;}
.Column.empty {display:none;}

 }


.BlueFilter{
    padding: 6px 20px;
}
.BlueFilter:link{
    font-size: 16px;
    height: 30px;
    display: inline-block;
    background-color: #066196;
    border-radius: 5px;
    color: white;
}
.stick {
    position:fixed;
    top:0px;
}


.FirstImage{
    position: absolute;
}

.BackgroundImageContainer{
    background-size: cover;
    position: relative;    
}

.PageVisitorCounter{
    border: 3px solid #4e4e4e
}

.ContainerLeftDiv{
  background-color: white;
  color: #524E4B;
  opacity: 0.8;
  position: absolute;
  top: 20%;
  left:0px;
  width: 50%;
  padding-left: 186px;
  padding-bottom: 10px;
  padding-top: 10px;  
}
.tablet .ContainerLeftDiv{
    padding-left: 20px;
}

.phone .ContainerLeftDiv{
    padding-left: 0px;
    width: 100%;
}

.TitleContainer{
    font-size: 24px;
}

.TitleContainer h1 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.LocationDevelopmentContainer{
    background-color: #efefef;
}

.ListRecords > ul:nth-child(-n+3) AdvertDisplay:after{
    padding-left: 40px;
    margin-top: 20px;
}

.desktop .IncentiveBox, .tablet .IncentiveBo{
    width: 50%
}
.phone .IncentiveBox{
    height: 100%;
    width: 100%;
}

.desktop .ImageBackgroundContainer{
    width:1400px;
    min-height: 484px;
    margin-top: -7px;
}

@media screen and (max-width: 1400px) {
    .desktop .ImageBackgroundContainer{
    width:100%;
     margin-top: 14px;
}
    
    
}

.tablet .ImageBackgroundContainer{
    width:100%;
    margin-top: -60px;
 
}


.phone .ImageBackgroundContainer{
    min-height: 330px;
    width:100%;
    margin-top: -50px;
}


.NoNewHomeDevelopmentText{

    font-size: 20px;

}

.tablet .LocationDevelopmentContainer {
    margin-top: -15px;   
}

.GreyPanel{
    background-color: #efefef;
    padding: 15px 0px;
}

.SubTitleContainer {
    margin-top: -20px;   
}

.phone .ShowingDetails h2{
        margin-top: -20px;
    }
    
.SubTitleContainer h2, .ShowingDetails h2{
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.phone .ShowingDetails{
    width:100% !important;
}
.phone .ResultCount{font-size:14px;}


.phone .TitleContainer h1 {
    font-size: 22px;
    
}
.owl-theme .owl-controls .owl-buttons div {
    color: #3d3d3d;   
}

.owl-theme .owl-controls {
    margin-top: -20px;   
}



.MainDetailsWithCarrousel {
    padding-bottom: 40px;   
}
.desktop .MainDetailsWithCarrousel {width:910px;
position:relative;top:-30px;}

.MapStaticImageDevelopments {
    margin-top: 139px;   
}

.tablet .MapStaticImageDevelopments,
.phone .MapStaticImageDevelopments {
    margin-top: 0px;
    display: none;
}

/* ----------------- Tablet --------------*/


.tablet .MainDetailsWithCarrousel {
    width: 100%;
    padding-bottom: 0px;
}

/*----------------PHONE----------------*/


.phone .MainDetailsWithCarrousel {
    width: 100%;
    padding-bottom: 0px;
}

/*button*/

.ButtonGroup_button.Button {
    width: 50px;
    min-width: 50px;    
}




.ButtonDefault, .Button.Is_Default {
    background: grey;
    -webkit-border-radius: 5px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    border-color: #e6e6e6;
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, .75);
}



h4{    font-size: 20px;
    font-weight: normal;}
    



.phone .Content {
   
    background-color: #efefef;
}

.phone .PropertyFilterOvelap {
   display:none !important;
}
.Locations{
background-color: #fff;
padding:20px;
width:100%;
margin-top: 20px;
}

.phone .Locations,
.MainDetailsWithCarrousel .Locations{
    border:0px;
    background-color:#efefef;
    padding:0px;
}

.phone .Locations{width:100%}

.fa-arrow-right{margin-left: 10px;}

.LocationRecords ul {
    columns: 2 12em;
    column-gap: 1em;
    column-rule: 1px dashed silver;
    -moz-columns: 2 12em;
    -moz-column-gap: 1em;
    -moz-column-rule: 1px dashed silver;
    -webkit-columns: 2 12em;
    -webkit-column-gap: 1em;
    -webkit-column-rule: 1px solid #bdbdbd;
}
.LocationRecords li{
        list-style: none;
    }
    

.RegionsHeader {
    color: #3d3d3d;
    padding: 10px 5px;
    font-size: 16px;
    background-color: #efefef;
    border: 1px solid #ededed;
    /* margin: 20px 0px 10px 0px; */
}
.phone .RegionsHeader, .MainDetailsWithCarrousel .RegionsHeader{display:none;}
.ContentData{
   
}

.BorderRight{
    padding: 5px;}
    


.phone .ThemeGrid_Width7 {width:100%;}



.cat label input {margin-right: 100px;}

.cat{
  margin: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  overflow: hidden;
  float: left;
  width: 48%;
}

.cat label {
  float: left;
  line-height: 2.0em;
  width: 100%;
  height: 2em;
  text-align: center;
  cursor: pointer;
}

.cat label span {
  text-align: center;
  display: block;
}

.cat input {
  position: absolute;
  display: none;
  color: #999 !important;
}
/* selects all of the text within the input element and changes the color of the text */
.cat.action label input + span+span{color: #999;}


/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span +span{
    color: #ffffff;
    text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
}


/*
This following statements selects each category individually that contains an input element that is a checkbox and is checked (or selected) and chabges the background color of the span element.
*/

.action input:checked + span+ span{background-color: #a83235;color:#ffffff;}
.offaction input:checked + span+ span{background-color: #ffffff;color:#999;text-shadow: none;}

.offaction input + span+ span{background-color: #a83235;color:#fff;}


select {
    padding: 4px 8px;
    border-radius: 5px;
    height: 34px !important;
}