/* Index 

1 - General Definitions
1.1 - 1FullwidthContainer
1.2 - 2FullwidthContainer
1.3 - 3FullwidthContainer
1.4 - 4FullwidthContainer
1.5 - 5Fullwidth Container
2 - Media Screen Definitions
3 - Desktop & Tablet Definitions
4 - Tablet & Phone Definitions
5 - Desktop Definitions
6 - Tablet Definitions
7 - Phone Definitions

*/

/* 1 - General Definitions--------------------------------------*/


.FullWidth2 {
   background-color:#efefef !important;
   padding-bottom: 30px;
}
.FullWidth1, .FullWidth3 {
   background-color:white !important;
}

.AreaRecords ul {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 0;
}

.AreaRecords li {
    width: 100%;
    display: grid;
    margin-bottom: 5px;
    padding: 0px;
    list-style: outside none none;
    text-align: left;
}

.phone .AreaRecords li {font-size:12px;}

.phone .AreaRecords ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin: 0;
}

.Banner1{display: inline-flex;align-items: center;}
.desktop .Banner1,.tablet .Banner1{padding-top:40px;}
.phone .Banner1{padding-top:25px;}
    

.desktop .BreadCrumContainer {
    top: 5px !important;
}

.SmallRightColumns > .Column.ColFirst {
    width: 90%;
    padding-right: 5px;
    padding-left: 0px;
}

.SmallRightColumns > .Column.ColLast {
    width: 10%;
    padding-left: 5px;
    padding-right: 0px;
}

.SubTitleBold{
    font-weight: bold;
}
.IncentivesBox {
    font-size: 12px;
    line-height: 20px;
}

.SecondBlockTitle{
    font-size: 16px;
    color: #484848;
}

.IncentivesBox input[type="checkbox"] {
    width: 12px;
    height: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.SearchBoxAutoComplete{

width:100%
}



.Search_BtnText {
    margin-top: 12px; 
    font-size: 12px;
}

.SearchButton {
    padding: 5px;
    border: 1px solid #a83235 !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    display: block;
    background: #a83235 !important;
    text-align: center;
    height: 50px;
    color: #FFF;
}

input[type="text"]{
    height: 50px;
    border-color: #fff;
    box-shadow: none !important;
}
.SearchButton:hover {
    background: #066196;
}

.SearchBtn:link {    
    color: #fff;
    margin-left: 0px;
}

.SearchBtn:visited {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
}

.SearchBtn:hover {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    text-decoration: none;
}

.LeftTitleText {
    font-weight: bold;
}

.RightTitleText{
    font-weight: 100;
}

.SearchBoxInput {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.SubTitleContainer {
    padding: 15px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(91, 91, 91, 0.5);
    -moz-box-shadow:    0px 3px 5px 0px rgba(91, 91, 91, 0.5);
    box-shadow:         0px 3px 5px 0px rgba(91, 91, 91, 0.5);
    padding-bottom: 10px;
    margin-top: -20px;
}

.BackgroundContainer{
    margin-left:auto;
    margin-right:auto;

}
.phone .LocationIconLink{
    position:relative;
    z-index:3;
}
.phone .BackgroundContainer{

    height: 407px;

}
.LogosFooter {
    height: 57px;
    width: 1240px;
    overflow: hidden;
    background-color: rgba(0,0,0,1);
    margin-left: auto;
    margin-right: auto;
}
.BreadCrumbsOvelap{display:none;}

.SubTitleBold{
    font-weight: bold;
}
.IncentivesBox {
    font-size: 12px;
    line-height: 20px;
}

.SecondBlockTitle{
    font-size: 16px;
    color: #484848;
}

.IncentivesBox input[type="checkbox"] {
    width: 12px;
    height: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.SearchBoxAutoComplete{


}



.Search_BtnText {
    margin-top: 12px; 
    font-size: 12px;
}

.SearchButton {
    padding: 5px;
    border: 1px solid #066196;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    background: #066196;
    text-align: center;
    height: 50px;
    color: #FFF;
}

input[type="text"]{
    height: 50px;
    border-color: #fff;
    box-shadow: none !important;
}
.SearchButton:hover {
    background: #066196;
}

.SearchBtn:link {    
    color: #fff;
    margin-left: 0px;
}

.SearchBtn:visited {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
}

.SearchBtn:hover {
    background: #a1171f;
    color: #fff;
    margin-left: 0px;
    text-decoration: none;
}

.LeftTitleText {
    font-weight: bold;
}

.RightTitleText{
    font-weight: 100;
}

.SearchBoxInput {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.SubTitleContainer {
    padding: 15px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(91, 91, 91, 0.5);
    -moz-box-shadow:    0px 3px 5px 0px rgba(91, 91, 91, 0.5);
    box-shadow:         0px 3px 5px 0px rgba(91, 91, 91, 0.5);
    padding-bottom: 10px;
    margin-top: -20px;
}

.desktop .MainContent,
.tablet .MainContent,
.phone .MainContent {
    margin-top: 0px;
}

.CategoriesTitle{
    font-size: 11px;
    font-weight: normal;

}

.DFPAdvert {
    width: 100%;
    /* height: auto; */
    /* margin: auto; */
    z-index: 3;
    position: relative;
    top: -160px;
    /* background: #efefef; */
    padding: 15px;
    box-shadow: black;
    /* box-shadow: 0 0 10px rgba(0,0,0,.2); */
    /* border-radius: 3px; */
    text-align: center;
}

.phone .DFPAdvert {
    top: 0px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    background: white;
    box-shadow: 0 0 0px rgba(0,0,0,.2);
}

.phone .FullWidth2{margin-top:0px;}
/* 1.1------------------FIRST FULLWIDTH CONTAINER-------------------*/

.SubTitle{
    font-weight: normal;
}

.phone .SubTitle{
    font-weight: normal;
    font-size: 14px;
    height:80px;
}

.phone .SubTitle h1{font-size:22px;}


.LocationIcon{
    width: 45px;
    height: 50px;
    padding: 16px 15px 15px 15px;
    font-size: 16px;
    background-color: #fff;
}

.phone .LocationIcon{
    height: 45px;
    padding: 11px 5px 5px 5px;
    border-radius: 5px 0px 0px 5px;
}






.tablet input[type="text"] {

 height: 50px;

}

.tablet .SearchButton{
    height: 50px;
    padding-top: 13px;
}


.phone input[type="text"] {
   border-radius: 0px;
   height: 45px;
    font-size: 100%;
    box-shadow:none !important;
    -webkit-appearance: none;
}

.phone .SearchBoxAutoComplete{
    margin-top: -45px;


}

.phone .SelectCombobox {
    position: relative;
     height: 45px;
    overflow: hidden;
    background: url(/Whathouse_Phase3/img/FilterArrowWhiteBorder.png?1953) no-repeat right #fff;
    border: 1px solid #fff;
    border-right-color: #ECECEC;
    border-radius: 0px;
    margin-left: 0px;
    cursor: pointer;
    box-shadow: none;
    font-size: 90%;
}

.phone .50perc {
    margin-left: 0px;
    width: 47%;
    margin-top: 5px;
}

.phone .SearchButton {
    border-radius: 0px;
    height: 45px;
}

.phone .Search_BtnText {
    margin-top: 7px;
    font-size: 14px;
}

.phone .TitleHome h1{
    font-size: 21px;
    color: white;
    margin:0px;
    font-weight: 600;
}
.tablet.portrait .TitleHome h1{
    font-size: 34px;
}

/* 1.2------------------SECOND FULLWIDTH CONTAINER-------------------*/

.SecondFullwithContainer{
    width: 100%;
    padding-bottom: 30px;
}

.phone .SecondFullwithContainer{
    padding-bottom: 0px;
    height: 100%;
}
.SecondFullwithInsideContainer{

    max-width: 1200px;

}

.tablet .SecondFullwithInsideContainer, .desktop.small .SecondFullwithInsideContainer{

    padding-left: 10px; 
    padding-right: 10px;
}

.SecondTitle{
    padding-top: 30px;
    font-size: 36px;
    color: #4c4c4c;
}
.phone .SecondTitle{
    padding-top: 10px;
    font-size: 24px;
    color: #4c4c4c;
}

.DevContainer{
    margin-bottom: 10px;
}

.phone .DevContainer{
    margin-bottom: 10px;
}


.ChangelocationLink{

    

}

.SetLocationLink{
    margin-left: 10px;
    padding-top: 7px;
}

.CancelLocationLink{
    padding-top: 7px;
    margin-left: 10px;

}


.phone .SeconBlockSubTitle{
    font-size: 16px;
    font-weight: 600;
}

.SetLocationContainer input[type="text"] {
    height: 35px;
    border-color: #ccc;
    box-shadow: none;
    width: 225px;
}

.SearchInsideContainer .LocationWarningBox{

    color: black;
    font-weight: bold;

}

.DevelopmentContainerFirstRow{
    margin-top: 40px;
    height: 300px;
    margin-bottom: 10px;
}

.tablet.portrait .DevelopmentContainerFirstRow{
    height: 230px;
}

.tablet.landscape .DevelopmentContainerFirstRow{
    height: 250px;
}

.tablet.portrait .DevelopmentContainer{

    height: 230px;
}

.tablet.landscape .DevelopmentContainer{

    height: 250px;
}


.phone .DevelopmentContainerFirstRow{
    margin-top: 30px;
    height: 100%;
    margin-bottom: 0px;
}

.DevelopmentContainer{
    height: 300px;
    margin-bottom: 10px;

}
.phone .DevelopmentContainer{
   height: 100%;
   margin-bottom: 0px;

}

.DevelopmentContainerFirstRow .MediumRightColumns > .Column.ColFirst {
    width: 66.8%;
}

.DevelopmentContainerFirstRow .MediumRightColumns > .Column.ColLast {
    width: 33.2%;
}

.phone .DevelopmentContainerFirstRow .MediumRightColumns > .Column.ColFirst {
    width: 100%;
}

.phone .DevelopmentContainerFirstRow .MediumRightColumns > .Column.ColLast {
    width: 100%;
}



/* 1.3------------------THIRD FULLWIDTH CONTAINER-------------------*/
.ThirthFullwidthContainer{
    width: 100%;
}

.phone .ThirthFullwidthContainer{
    margin-top: 30px;
    width: 100%;
    height: 100%;
}
/* 1.4------------------fOURTH FULLWIDTH CONTAINER-------------------*/
.FourthFullwidthContainer{
    width: 100%;
}

.tablet .FourthFullwidthContainer{
    padding-left: 5px;
    padding-right: 5px;
}

.phone .FourthFullwidthContainer{
   height: 100%;
   padding: 0px 10px;
}


.FourthFullwidthInside {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    margin-top:20px;
}

.FourthFullwidthInsideTablet{
    margin-top: 40px;
    width: 100%;

}

.tablet.landscape .FourthFullwidthInsideTablet .DevContainer{
    width: 24%;
    margin-bottom: 10px;
    margin-right: 1.3%;
}

.tablet.portrait .FourthFullwidthInsideTablet .DevContainer{
    width: 32%;
    margin-bottom: 10px;
    margin-right: 1.96%;

}

.tablet.portrait .FourthFullwidthInsideTablet > .ListRecords > .DevContainer:nth-child(3n+0){

    margin-right: 0px;

}

.tablet.landscape .FourthFullwidthInsideTablet > .ListRecords > .DevContainer:nth-child(4n+0){

    margin-right: 0px;

}

.tablet .FourthFullwidthInside, .desktop.small .FourthFullwidthInside{
    padding-right: 10px;
    padding-left: 10px;

}


.phone .FourthFullwidthInside{
    width: 100%;

}

/* 1.5------------------FIFTH FULLWIDTH CONTAINER-------------------*/

.FifthTitle, .ForthTitle{
    font-size: 36px;
    color: #4c4c4c;
     padding-top:10px;
}

.NewHomesbyArea {
    padding: 20px 10px;
    background-color: #efefef;
    margin-top: 40px;
}

.phone .FifthTitle{
    font-size: 28px;
}

.FifthSubTitle{
    font-size: 16px;
    color: #999;
    margin-top: -5px;
    font-weight: 500;
}

.FithFullwidthContainer{
    width: 100%;
    background-color: #fff;

}

.phone .FithFullwidthContainer{

    height: 1815px;
    
}

.NewsHomepageInsideContainer {
    max-width: 1200px;
    margin:0px auto;
}
.tablet.portrait .NewsHomepageInsideContainer{
    padding-left: 10px; 
    padding-right: 10px;
}

.FirstImageTitleContainer {
    width: 100%;
    padding: 10px 20px 10px 20px;
    opacity: 0.8;
    opacity: 0.7;
    background-color: #efefef;
    position: absolute;
    bottom: 0px;
    bottom: 20px;
    font-size: 28px;
    color: #ffffff;
    bottom: 20px;
    text-decoration: underline;
}
.FithTitle{


}

.NewsArticleContainer{
    margin-top: 40px;

}

.tablet .NewsArticleContainer .FirstNewsTitle {

font-size: 30px;


}


.tablet.portrait .FirstImageTitleContainerHomepage{

bottom: 375px;
}

.tablet.landscape .FirstImageTitleContainerHomepage{

bottom: 300px;
}

.NewHomepageFirstNewArticle{
    transition-delay: 3s;
    transition-duration: 0.8s;
    transition-property: opacity, transform;
    transition-timing-function: ease;

}
.NewHomepageSecondNewArticle{
    transition-delay: 1s;
    transition-duration: 0.8s;
    transition-property: opacity, transform;
    transition-timing-function: ease;

}
.NewHomepageThirdNewArticle{
    transition-delay: 2s;
    transition-duration: 0.8s;
    transition-property: opacity, transform;
    transition-timing-function: ease;

}

/*----------END Of General Definitions------------------------------------*/

/* 2 - Media Screen Definitions------------------------------------------*/


/*----------END OF Media Screen Definitions-----------------------------------*/



/* 3 - Desktop & Tablet Definitions--------------------------------------*/

.desktop .SelectCombobox, 
.tablet .SelectCombobox {
    position: relative;
    height: 50px;
    overflow: hidden;
    background: url(/Whathouse_Phase3/img/FilterArrowWhiteBorder.png?1453473150&1953) no-repeat right #fff;
    border: 1px solid #fff;
    border-left-color: #ECECEC;
    cursor: pointer;
    box-shadow: none;
}

.desktop .TitleHome h1, 
.tablet .TitleHome h1 {
    font-size: 42px;
    color: white;
    margin:0px;
    font-weight: normal;
    height: 60px;
}


/*----------END OF Desktop & Tablet Definitions---------------------------*/

/* 4 - Tablet & Phone Definitions--------------------------------------*/

.phone .Content, 
.tablet .Content {
    padding-top: 10px;
}

.tablet .homepage_Combobox, 
.phone .homepage_Combobox {
    text-align:center;
}


/*----------END OF Tablet & Phone Definitions--------------------------------------*/

/* 5 - Desktop Definitions--------------------------------------*/

.SearchBoxContainer{
    font-weight: bold;
    color: white;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
    position:relative;
    background-color: #333;
width:500px;
}


.SearchBoxContainer .Tabs_TabBody {
    margin: 45px 0px 0px 0px;
    padding: 0px;
    border: 0px solid #cccccc;
}

.SearchBoxContainer  a.Tabs_TabOff, .SearchBoxContainer  a.Tabs_TabOff:link, .SearchBoxContainer  a.Tabs_TabOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #ffffff;
    padding: 2px 10px 1px 10px;
    background: none;
}

.SearchBoxContainer .Tabs_TabOff, .SearchBoxContainer li.Tabs_TabOff, .SearchBoxContainer a.Tabs_TabOff, .SearchBoxContainer a.Tabs_TabOff:link, .SearchBoxContainer a.Tabs_TabOff:visited {
    background: none;
    border: 0px;
    /* border-bottom: 1px solid #ffffff; */
}

.SearchBoxContainer .Tabs_TabOn, .SearchBoxContainer li.Tabs_TabOn {
    background: none;
    border-bottom: 0px solid #f2f2f2 !important;
}
.SearchBoxContainer li.Tabs_TabOn {
border-bottom: 2px solid #a83235 !important;
}
.SearchBoxContainer li.Tabs_TabOff {
border-bottom: 1px solid #f9f9f9 !important;
}
.SearchBoxContainer span.Tabs_TabOn{font-weight:600;color:#a83235;}
.SearchBoxContainer a.Tabs_TabOff:hover {
    background: none;
    text-decoration: none;
}

.phone .SearchBoxContainer{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



.desktop .homepage_Combobox {
    text-align: right;
}
    
.desktop .ImageBackgroundContainer {
    width:1400px;
    min-height: 484px;
}


/*----------END OF Desktop Definitions-----------------------------------*/

/* 6 - Tablet Definitions--------------------------------------*/


.tablet .Search_BtnText{
    margin-top: 3px;
}



/*----------END OF Tablet Definitions-----------------------------------*/

/* 7 - Phone Definitions--------------------------------------*/

.phone .SecondFullwithInsideContainer{

    width: 100%;

}

.phone .ThemeGrid_Width11,
.phone .ThemeGrid_Width4 {
    width: 100%;
    padding:10px;
}



.phone .SubTitleContainer {
    margin-top: -10px;
}







/*----------END OF Phone Definitions-----------------------------------*/



/*-----------------------------NEWS-----------------------------------*/
.overlayNewsArticle {
    top: 0px;
}

.phone .FirstNewsTitle{
    font-size:36px;
    line-height: 36px;
}


.phone .FirstNewsIntro {
    font-size: 18px;

}

.phone .FirstImageTitleContainerHomepage {
    bottom: 325px;
}

.Tabs_TabOn, li.Tabs_TabOn {
    background: #580608;border-bottom: 0px solid #f2f2f2
}

div.Tabs_TabOn, li.Tabs_TabOn {
    float: left;
    margin: 0px;
    padding: 10px;
    list-style: none;
    color: white;
    border-top: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
    border-bottom: 0px solid white;
}

a.Tabs_TabOn, a.Tabs_TabOn:link, a.Tabs_TabOn:visited, a.Tabs_TabOn:hover, span.Tabs_TabOn {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: white;
    padding: 2px 10px 1px 10px;
}

.LinkListRecords ul {
    list-style: none;
}
.LinkListRecords li {
    margin-top:5px;
    background-color: #fff;
    padding: 5px;
}
/** News CSS **/
.FirstImage{
    position: relative;
    height: 523px;

}

.overlayNewsArticle{
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}

.FirstImageTitleContainerHomepage {
    position: relative;
    width: 100%;
    padding: 10px 20px 10px 20px;
    color: #ffffff;
    bottom: 280px;
  
}
.phone .FirstImageTitleContainer{ 
 padding: 10px 20px 0px 20px;
 bottom: 10px;
}
.FirstNewsTitle{
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #fff;
    min-height: 128px;
    font-weight: 100;
    padding-bottom: 10px;
    line-height: 1.1;
    
}
.phone .FirstNewsTitle{
    font-size:16px;
    line-height: 19px;
}

.FirstNewsIntro{
    font-size: 16px;
    margin-top: 10px;
    text-align: left; 
}

.phone .FirstNewsIntro{
    font-size:12px;
}
.ReadMore{
 border:1px solid #ffffff;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
-khtml-border-radius: 20px; /* for old Konqueror browsers */
padding:5px;
width:120px;
text-align:center;
    
}
.phone .ReadMore{
    padding:1px;
width:90px;
}
.ReadMore a:link, .ReadMore a:visited{
    color: #ffffff !important;
    font-size:18px;
}

.phone .ReadMore a:link, .ReadMore a:visited{
 
    font-size:14px;
}

.ResultsFound{
    padding: 10px 10px 10px 0px;
    font-size: 20px;
    font-weight: 600;
}
.TopBlock{width:30%;border-color: #efefef;
border-radius: 5px;
border-style: solid;
border-width: 1px;
padding: 10px;margin-top:10px;height:210px}


.phone .TopBlock{width:100%;}
.desktop .TopBlock {width:30%;}

.desktop .TopBlock:nth-child(2),
.desktop .TopBlock:nth-child(5) {
  margin-left:10px;
  margin-right:10px;
}