﻿
.PropertyAnchor{    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;}


 .phone .TitleContainer {margin-top: -30px;}



/*-----------------------General--------------------*/
.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;}
.ContactForm{
    background-color: #efefef;
    padding: 10px;
}

.stick {
    position:fixed;
    top:0px;
}

.FirstImage{
    position: absolute;
}
.desktop .ImageContainer{width:870px;overflow:hidden;}

.ContainerLeftDiv{
  background-color: white;
  color: #524E4B;
  opacity: 0.8;
  position: absolute;
  top: 20%;
  left:0px;
  width: 50%;
  padding-bottom: 10px;
  padding-top: 10px;  
}

.TitleContainer{
    font-size: 36px;
    /*margin-left:20%;*/
}

.TitleContainer h1 {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.SubTitleContainer {
    margin-top: -20px;   
}


.AdvertDisplay2:nth-child(5n+0){
    margin-right: 20px;
}
.ListRecords > ul:nth-child(-n+3) AdvertDisplay2:after{
    padding-left: 40px;
    margin-top: 20px;
}

.DeveloperPhone:link{
    color:  #4e4e4e;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #3d3d3d;   
}

.owl-theme .owl-controls {
    margin-top: -20px;   
}



.MainDetailsWithCarrousel {
    padding-bottom: 40px;   
}


/*-----------------------Desktop--------------------*/

.desktop .ButtonGroup_button, 
.tablet .ButtonGroup_button {
    width:width:50px !important;
}


.desktop .IncentiveBox, .tablet .IncentiveBox{
    width: 50%
}

.Desktop .AdvertDisplay{    width: 23.75% !important;}
.MainContent{margin-top: 0px;}



/*-----------------------Tablet--------------------*/

.tablet .ImageBackgroundContainer{
    width:100%;
    margin-top: -50px;
 
}

.tablet .ContainerLeftDiv{
    padding-left: 20px;
    top: 20%;
}

.tablet .MainDetailsWithCarrousel {
    width: 100%;
    padding-bottom: 0px;
}

/* ----------------------Mobile -----------------*/

.phone .ShowingDetails{
    width:58% !important;
}
.phone .ViewControllers{
    width: 100% !important;
    margin-top: -12px !important;    
}

.phone .ImageBackgroundContainer{
    min-height: 330px;
    width:100%;
    margin-top: -50px;
}

.phone .IncentiveBox{
    height: 100%;
    width: 100%;
}

.phone .ContainerLeftDiv{
    padding-left: 0px;
    width: 80%;
    top: 20%;
}

.phone .MainDetailsWithCarrousel {
    width: 100%;
    margin-top: -50px;
    padding-bottom: 0px;
}


.phone .SubTitleContainer {
    margin-top: -10px;
    font-size: 14px;
}

.phone .MainContent{
    margin-top: 61px !important;
}

.phone .TitleContainer h1 {
    font-size: 18px;
}

.phone .SubTitleContainer {
    margin-top: 10px;   
}

.phone .Content {
   
    background-color: #efefef;
}

.ContactInfo{background-color: #ffffff;padding:10px}
.PhoneContainer{padding-bottom:10px;}
.PhoneContainer a:link,
.PhoneContainer a:active,
.PhoneContainer a:visited{color:#d63a31;font-weight:600;}

.phone .PropertyFilterOvelap {
    display: none !important;
}