@import url("/LiverpoolTheme/Theme.LiverpoolTheme.css?1430");

/*---------------------------------------- Index: -----------------------------------------------------*/

/*
1 - Generic CSS

2 - Media Queries CSS
    
    2.1 - Mobile Portrait
    2.2 - Mobile Landscape
    2.3 - Tablet Portrait
    2.4 - Tablet Landscape
    2.4 - Desktop
    
3 - Desktop CSS

4 - Tablet CSS

5 - Desktop & Tablet CSS

6 - Tablet & Mobile CSS

7 - Mobile CSS

*/



/*---------------------------------------- 1 - Generic CSS ------------------------------------------------*/




.DevelopmentsTitle{
    font-size: 22px;
    color: #4e4e4e;
    font-weight: 300;
}

.InputBox {
    color: #8e8e8e;
    border-radius: 10px;
}

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: 'Roboto', sans-serif;
}

ul {
    list-style-position: inside;
}

.desktop .Header_Menu{overflow: hidden;height:50px}
.Header {
    background: #a83235;
} 

.Menu_TopMenuActive {
    background: #80090a;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #FFFFFF;
    position: absolute;
    float: left;
}

.Application_Title img { 
    max-height: 100px;
}

.AppSwitcherList,
.Application_Menu .Menu_DropDownButton,
.Header_Menu,
.Application_Menu {
      background: #a83235;
      box-shadow: none;
}

.Application_Menu .Menu_DropDownButton { 
    cursor: pointer;
}


.Menu_TopMenu a, 
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited {
     background:transparent;
}
.desktop .Menu_TopMenu {
    margin-left: 8px !important;
    position: relative !important;
    height: 50px !important;
    padding-top: 4px !important;
}

.AdminNote{font-size:0.8em;color:#a1171e;}
.ButtonDefault,
.Button.Is_Default {
    background: #a1171f;
    border: 1px solid #a1171f;
    color: #F5E7E8;
    -webkit-border-radius: 5px;
    width: 100% !important;
    text-align: left;
    margin-top: 5px;

}
.BlueFilter:link {
    font-size: 16px;
    height: 30px;
    display: inline-block;
    background-color: #066196;
    border-radius: 5px;
    border:0px !important;
    color: white;
}

.YellowFilter:link {
    font-size: 13px;
    padding: 10px;
    display: inline-block;
    background-color: #ffd262;
    border-radius: 5px;
    border: 0px!important;
    font-weight: bold;
    width: 90%;
    line-height: 8px;
}
.callus{    font-weight: bold;
    font-size: 17px;    height: 39px;
    padding-top: 0.3%;}
    
.phone .callus{
    font-size: 16px;
    margin-top: 5.7%;}

.CreateAlert{width: 150px !important;background-color: #ffffff !Important;color: #a83235 !important;border: 2px solid #a83235 !important;}
.CreateAlert:hover{color:#fff !important;border-color:#fff !important}


.phone .WinnerYearTxt{
 font-size:25px;   
 line-height:45px;  
}
.phone .WinnerHeaderTxt{
    font-size:18px;
    width:95%;
    
}

.AppSwitcherLink, 
.AppSwitcherLink:link, 
.AppSwitcherLink:visited {
    border:none;
}

.AppSwitcherLink, 
.AppSwitcherLink:link, 
.AppSwitcherLink:visited,
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited, 
.Menu_TopMenu a {
    color: #F5E7E8;
    border-bottom-color: #F5E7E8;
}

.Menu_DropDownArrow {
    border-top-color:#F5E7E8;
}

.Menu_TopMenu .Menu_DropDownArrow {
    right: -4px;
}

.Application_Menu a.Menu_SubMenuItem, 
.Application_Menu a.Menu_SubMenuItem:hover, 
.Application_Menu a.Menu_SubMenuItem:link, 
.Application_Menu a.Menu_SubMenuItem:visited {
    background-color: #AA2E35;
    color: #F5E7E8 ;
}

.Application_Menu a.Menu_SubMenuItemActive:link, 
.Application_Menu a.Menu_SubMenuItemActive:visited,
.Application_Menu a.Menu_SubMenuItem:hover {
    color: #FFFFFF;
}

a, 
a:link, 
a:visited {
  color: #a83235;
  text-decoration: none;
}

a:hover {
    color: #80090a; 
}

a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before {
    background: #a1171f;
}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username, 
a.Login_Info_Username:link, 
a.Login_Info_Username:visited,
.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.Menu_TopMenuActive:hover a,
.Menu_TopMenuActive a:visited { 
    color: #FFFFFF;
}

.MenuSlider_Toggler {
    color: #a1171f;
}

.Menu_TopMenuActive a:link {
    color: #ffffff; 
}

.EditableTable tr.RowControlGroup a { 
    color: #a1171f; 
}

.Title_Section { 
    display: none; 
}

.Heading1 {
    font-size: 18px;
    color: #9d1824;
    
}
.SimpleWhiteColor {
    color: #FFF;
}

.Breadcrumbs div {
    color:#333;
}



a.AnchorWithOffset { /*--Anchor with Offset for view large google map----*/
     display: block; 
     position: relative; 
     top: -218px; 
     visibility: hidden;   
}

.SubFilterLabel {
    margin-left: 5px;
    color: #FFEAEE;
}

.SubFilterLabelRadius {
    position: absolute;
    margin-left: 5px;
    top: 27px;
    color: #FFEAEE;
}

.Footer {    
    background: #3d3d3d;
    color: #428bca;
    padding:0px;
    font-size: 14px !important;
}

.Content {
    padding-top: 0px; 
}
.ButtonBlue{    cursor: pointer;color: #FFF !important; width:100%;    padding: 5px;       height: 50px;   text-align: center;   border: 1px solid #066196;  background: #066196;border-radius:0px !important}
.ButtonRed {
    cursor: pointer;
    color: #FFF !important;
    width: 49%;
    padding: 5px;
    height: 50px;
    text-align: center;
    border: 1px solid #d63a31;
    background: #d63a31;
    border-radius: 0px !important;
    position: fixed;
    right: -76px;
    top: 100px;
    transform: translateY(-50%);
    transition: all 200ms linear;
    position: fixed;
    /* right: 0; */
    top: 135px;
    -webkit-transform: rotate(
90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(
90deg);
    /* background: #c0c0c0; */
    font-size: 1.5em;
}

.desktop .ButtonRed{display:none;}
.NoTitle {
   margin-top: -60px;   
}

.gm-style img { 
    max-width: none;
}

.gm-style label {
    width: auto; 
    display: inline;
}

.TextMargin {
    margin-top: 3px;
}

.ButtonTab:hover {
    color: #9c1622;
    background-color: #fff;
    padding: 10px 0px;
}

.Button {
    background: #80090a;
    color: white;
    margin-left: 0px;
}

.LightButton {
    background: #a83235;
    color: white;
}

.DarkButton {
    background: #80090a;
    color: white;
}

.welcomePage_Text {
    color: #918F90;
    font-size: 12px;
}

.welcomePage_Text h1 { 
    color: #a1171f;
    font-size: 16px;
}

.welcomePage_Text h2 {
     color: #918F90;
     font-size: 12px;
}
.Title_Section {
      display: block;
      margin-top:100px;
}

.MyAccount_Button {
    height: 40px;
    background-color: #EFEFEF;
    color: #999;
    font-weight: bold;
    padding: 10px;
}

.MyAccount_Content {
    Border: 2px solid #efefef;
    padding: 15px 25px;
}

.phone .MyAccount_Content {
    Border: 0px solid #efefef;
    padding: 0px 0px;
}

.MyAccount_Caption {
    color: #999;
}


.DynamicMenu {
    height: 50px;
    padding-top: 5px;
    position: relative;
}

.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu  {
    border-bottom: none;  
    background: #a83235;
    box-shadow: none;
}

.Menu_TopMenu {
      margin-left: 1px;
      position: relative;
      height: 40px;  
}

.Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: none;
    padding: 5px 5px;
    display: inline-block;
}


.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
    background: #81090B;
    box-shadow: none;
}

.Menu_DropDownPanel {
    background-color: #A83235;
    margin-left: 1px;
}

.Menu_DropDownPanel a, 
.Menu_DropDownPanel a:link, 
.Menu_DropDownPanel a:visited {
    color: white;
}

.Menu_DropDownPanel a:hover, 
.Menu_DropDownPanel a:link:hover, 
.Menu_DropDownPanel a:visited:hover {
    background: #81090b;   
}

.ListRecords.Menu_DropDownMenu a {
    background-color: #000!important;   
}

.ListRecords ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 0;
}
.ListRecords li {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    padding: 0px;
    list-style: outside none none;
}
.desktop .ButtonGroup_button.Button, 
.tablet .ButtonGroup_button.Button, 
.phone .ButtonGroup_button.Button{
    background-color: grey;
    min-width: 50px;
}

.FilterBox {
         margin-top: -15px;
    padding-left: 117px;
    color: white;
}

.FilterBoxPC{
    margin-top: -15px;
    padding-left: 0px;
    color: white;
}
    
    
/* 
    jQuery Logo Slider Ticker 
    by http://webdesignandsuch.com
    build with code from http://bxslider.com
*/

.FilterBoxPC select{    border: 0px;
    background-color: #3d3d3d;
    color: #ffffff;
    box-shadow: none;    margin-top: 7px;}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;
    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(https://static.whathouse.com/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 0px;
    background: url(https://static.whathouse.com/images/controls2.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 11px;
    background: url(https://static.whathouse.com/images/controls2.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(https://static.whathouse.com/images/controls2.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(https://static.whathouse.com/images/controls2.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

.NewsListRecords ul{
  display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: left;
    -webkit-moz-items: left;
    align-items: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    justify-content: left;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    column-gap: 1%;    
}

.NewsListRecords li {
    width: 49%;
    display: inline-block;
    margin-bottom: 20px;
    padding: 0px;
    list-style: outside none none;    
}

.NewsListRecords a:link, 
.NewsListRecords a:visited {
    color: #4e4e4e;
    font-weight:bold;
}

.desktop .MenuImage {
    margin-left: -12px;
    margin-top:5px;
}


.MenuImage a,
.MenuImage a:link,
.MenuImage a:visited,
.MenuImage a:hover {
    color: #FFFFFF;
    position: absolute;
    float: left;
}

.MenuLogIn {
    color: white;
}

.MenuRegister {
    background: #a83235 ;
    color: white;
}

.MenuRegister:hover {
    background: #80090A ;   
}

.MenuRegister a:link,
.MenuRegister a:visited {
    color: white;
}

.MenuRegister a:hover { 
    color: white;
    background: #80090A; 
}

.MenuRegisterButton {
    padding: 5px 10px;
    margin-top: 3px;
    background-color: #80090A;
    border: 2px solid #80090A;
    border-radius: 5px;
    margin-left: -1px;
}

.MenuRegisterButton:hover {
    padding: 5px 10px;
    margin-top: 3px;
    background-color: #80090A;
    border: 2px solid #80090A;
    border-radius: 0px;
    cursor: pointer;
    height: 37px; 
}

.MenuLogInButton {
    margin-top: 5px;    
}

.SelectedSubMenu {
    background: #a83235!important;
}

.ListNavi {
    width: 100%;
    display: inline-block;
}

.Invisible {
    display: none;
}

.NoResultSearch {
    background-color: #efefef;
    border: 2px solid #AF1B18;
    font-size: 18px;
    border-radius: 5px;
    text-align: left;
    color: #3d3d3d;
    padding: 5px;
}

.NoResultSearch a:link, .NoResultSearch a:visited{
color: #80090a;
font-weight: bold;
    
}
/*User frontoffice fixes and customized classes */

.OrPopupFix {
    margin-top: 4px;
}

.MyAccount_Button {
    height: 40px;
    background-color: #EFEFEF;
    color: #999;
    font-weight: bold;
    padding: 10px;
}

.MyAccount_Button_Current {
    height: 40px;
    background-color: #80090a;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
}

.MyAccount_Button_Current a {
    color:#FFF;
}

.MyAccount_Content {
    Border: 2px solid #efefef;
    padding: 15px 25px;
}

.MyAccount_ContentTitle {
    font-size: 18px;
    color: #999;
}

.MyAccount_Caption {
    color: #999;
}

.MyAccount_Info {
    border: 1px solid #cccccc;
    padding: 10px;
    color: #999;
}

.Advert_Border {
    border: 1px solid #cccccc;
}

.TableCell {
    background-color: #4E4E4E;
    color:#FFF;
    padding: 5px;
}

.TableCell_Select {
    background-color: #8E8E8E;
    color:#FFF;
}

/* DFP ADVERTS */

.DFP_300_250 {
     height: 250px;
     width:300px;     
}

.DFP_700 {
    width:728px; 
}

.AdvertContainer {
    text-align: center;
    margin:0px 0px;
    padding: 15px 0px; 
}

/* Twitter */
.twitter_widget {
    border:1px solid #dbdbdb;
    padding:0px;
    width:300px;
}

.CunhaNewsTitle h1 {
    font-size: 28px;
    color: #4e4e4e;
}

.RelatedArticles {
    padding: 10px 0px 0px 0px;
    font-size: 26px;
    color: #4e4e4e;
    border-top: 1px solid #8e8e8e;
}



/* Table pavigation **************************/


a.ListNavigation_PageNumber:link, span.ListNavigation_CurrentPageNumber, span.ListNavigation_Ellipsis, a.ListNavigation_Previous:link, a.ListNavigation_Next:link {
    margin-left: 10px;
    font-weight: bold;
    border-radius: 5px;
    background: #fcfcfc;
    border: 0px solid #4e4e4e;
    color: #2e3136;
    display: inline-block;
    filter: none;
    font-size: 14px;
    font-weight: bold;
    padding: 9px 17px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-user-select: none;
    border-radius: 0px;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #e6e6e6;
    border-color: #4c4c4c;
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, .75);
    text-decoration: none;
}

span.ListNavigation_CurrentPageNumber {
    background-color: #d63a31;
    border: 0px solid #80090a;
    color: white;
    font-weight: bold;
    margin-left: 0px;
    border-radius: 0px;
}


.ResultsFound {
    padding: 10px 10px 10px 0px;
    font-size: 20px;
    font-weight: 600;
} 



.ArticlePostedBy {
    width: 50%;
}

.NewsSocialIcons {
    width: 50%;
}

.FirstImage {
    position: relative;
}

.OtherNewsStories h2 {
    font-size: 28px;
    color: #4e4e4e;
}

.TitleContainer {
    text-decoration: underline:
}

.InThisArea {
    font-size: 18px;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
}

.Button.Icon {
    margin-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
}

.fa.fa-fw.fa-file-text-o:hover,
.fa.fa-fw.fa-rss.fa-lg:hover,
.fa.fa-fw.fa-search:hover,
.fa.fa-fw.fa-power-off:hover,
.fa.fa-fw.fa-envelope-o:hover,
.fa.fa-fw.fa-sign-in:hover,
.fa.fa-fw.fa-bars:hover,
.fa.fa-fw.fa-angle-right:hover {
    color: #FFF;   
}

.fa.fa-fw.fa-sign-in {
    color: #FFF;
}

.EmailContactFooterMobile {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 99;
    width: 100%;   
    background-color:rgba(0, 0, 0, 0.5);
    padding-top: 10px;
    padding-bottom:10px
}

.UKCreditButton {
    background-color: green;
    color: white;
    padding: 10px;
    width: 210px;
    font-weight: 600;
    text-align: center;
}
.EmailContactFooterMobile .fa-fw,
.MoreDetails .fa-fw,
.UKCreditButton .fa-fw{
    margin-left:10px
}


.MobileButton{background-color:#d63a31;padding:10px;}
.MobileButton a:link,.MobileButton a:visited{color:#fff !important;font-weight: 600;}

.OneOfTwo,
.TwoOfTwo{width:40.5%;margin:5px 2.5% 5px 2.5% !important;display: inline-block;}
.OneOfOne{width:90%;margin:5px 5% 5px 5% !important;}
.Button.EmailPartX {
    background-color: #066196 !important;
    color: #ffffff !important;
    width: 90% !important;
}
.DFPFooterMobile {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 9999999;
    width: 100%;   
    background-color:#bdbdbd;
    text-align: center;
}

.DFPPopupMobile {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 9999999;
    width: 100%;   
    background-color: RGB(0,0,0,0.8);
    text-align: center;
    top:-10px;
    display:none;
}
.phone.portrait #div-gpt-ad-1578568624540-0{position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -150px;}

.DFPClose{    
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 999999;
    font-size: 18px;
    cursor: pointer;
    color:#ffffff;
    
}
.DFPPopUpClose{    
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999999;
    font-size: 25px;
    cursor: pointer;
    color:#ffffff;
    
}
.DFPSkinClose{    
    position: fixed;
    top: 40px;
    right: 5px;
    z-index: 19;
    font-size: 18px;
    cursor: pointer;
    
}

.ViewDevelop{
    background-color: #80090a;
}

.ViewDevelop:hover {
    background-color: #a83235!important;
}

.ViewDevelop {
    color: white;
    font-weight: bold;
    border-radius: 5px
}

/*-------------------CSS for pagination on Carroussel--------*/

.NewsCarrousel .owl-theme .owl-controls .owl-pagination {
    position: relative;
    top: -100px;
}

.owl-theme .owl-controls .owl-page {
    zoom: 1.3;
}

.owl-theme .owl-controls .owl-pagination {
    position: relative;
    top: -50px;
}

.owl-theme .owl-controls .owl-page span {
    margin: 5px 5px!important;
    background: none!important;
    opacity: 0.9!important;
    border: 3px solid #FFF;
}

.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    border: none;
    background-color: #FFF!important;
}

.Floorplans .fa-angle-right a:active,
.Floorplans .fa-angle-right a:link,
.Floorplans .fa-angle-right a:visited,
.Floorplans .fa-angle-left a:active,
.Floorplans .fa-angle-left a:link,
.Floorplans .fa-angle-left a:visited
{
    color:#4e4e4e !important;
}
    
.AdvertTitleAboveImg a:active,
.AdvertTitleAboveImg a:link,
.AdvertTitleAboveImg a:visited {
    color:#ffffff;
}

.Intro h2 {
    font-size:16px;
    margin-top: 25px;
}

.NewsCreditText {
    color: #4e4e4e;
    font-weight: bold;
}

.NewsArticleCredits {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 15px;
    background-color: #efefef;
}

.NewsArticleImage {
    position: relative;
}

.MainContainerNews {
    margin-top:0px;    
}

.MainContent {
margin-top:0px !important;
background: #ffffff !important;
}
.Content {
    background: #efefef;
    margin-bottom: 0px !important;
}
.desktop .Content.ThemeGrid_Wrapper {
    top: 80px;
    position: relative;
}

.Button, a.Button {
    height: 39px;
    min-width: 100px;
    background: #a1171f;
    border: 1px solid #a1171f;
}

.Button.Icon span.fa {
    margin-top: 12px;
    color: white;
}

.Button.Icon {
    margin-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.SearchButtonDivForNews {
    color: #FFF;
    background-color: #066196;
    font-weight: bold;
    min-height: 32px;
    padding-top: 6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.SearchButtonDivForNews:hover {
    background: #a1171f;
}

.PostedByContainer {
    width: 50%;
}

/*-CSS for Carroussel Arrows-*/
.owl-theme .owl-controls .owl-buttons div {
    background: #efefef;
    opacity: 1 !important;
    font-size: 35px!important;
    height: 40px;
    width: 40px;
    line-height: 37px;
    color:#3d3d3d !important;
}

.wrapper {
    width:100%;
    height:100%;
    margin:10px auto;
}

.h_iframe {
    position:relative;
}

.h_iframe .ratio {
    display:block;
    width:100%;
    height:auto;
}

.h_iframe iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*--CSS for POPup CLose Icon-----*/

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    background: url(/Whathouse_Phase3/img/crosssmall.png?1953) no-repeat!important;
    height: 40px!important;
    right: 0px!important;
    top: 5px!important;
    transition: all .3s ease!important;
    width: 40px!important;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover {
    background: url(/Whathouse_Phase3/img/crosssmall.png?1953) no-repeat!important;
    opacity: 1!important;
    transform: none!important;
}

/*---------------------------------------- END Of Generic CSS ---------------------------------------------*/

/*---------------------------------------- 2 - Media Queries CSS ------------------------------------------*/

/*------ 2.1 - Mobile Portrait---------------------------------------------------*/

@media (max-width: 523px) { 

    .topbuttons {
        margin: 10px 0px;
        position: relative;
        height: 35px;
    }
    
    .topbuttonsCall {
        margin: 10px 0px;
        position: relative;
        height: 45px; 
    }
    
    .topbuttons .Button {
        float: left;
        width: 48%;
        font-size: 12px;
    }
    
    .panel {
        display: none;
    }
    
    .SearchHome {
        background-color: #a1171f;
        padding: 25px;
        height: 300px;
    }
    
    .ButtonTabActive {
        background-color: #74828D;
        color:white;
        padding: 10px 0px;
        width: 35%;
        font-size: 12px;
    }
    
    .ButtonTab {
        background-color: #a1171f;
        color:  #fff;
        padding: 10px 0px;
        width: 32%;
        font-size: 12px;
    }
    
    .welcomePage_Description {
        width: 200px;
    }

    .PropertyList {
        width: 100%;
    }
    
    .MobileSearchBox {
        display: none;
    }
    
    .SearchBox { 
        display: none;
    }
    
    .PropertieBox {
        width: 100%;
    }
    
    .PropertieBox img {
        max-height: 220px;
    }
    
     .SubFilter {
        display: inline;
        margin-right: 0%;
        margin-left: 0;
        border-bottom: 0;
        color:white;
        width: 49%;
        border: 1px solid rgb(173, 95, 95);
    }
    
    .SubFilter select {
        -webkit-appearance: none;
        border: 0;
        width: 100%;
        color: #FFFFFF;
        padding-left: 0;
        background-color: #a1171f;
        background-image: url(/Whathouse/img/downarrow.png?1954);
        background-repeat: no-repeat;
        background-position: 92% center;
        padding-right: 20px;
        box-sizing: border-box;
        background-clip: padding-box;
        border-radius: 3px;
        height: 2.5em;
        padding: 0.3em 3px;
        font-size: 1em;
        font-weight: bold;
        border-color: #dfdfdf;
        outline: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
        box-shadow: none;
    }
}

@media screen and (max-width : 399px) {
    .tablet .fifAdvertsListContainer img,
    .AdvertsListContainer img {
        min-height: 125px;
        max-height: 125px;
    }
 
}

/*------ 2.2 - Mobile Landscape---------------------------------------------------*/


@media (min-width: 524px) and (max-width: 758px) {
    
    .topbuttons {
        margin: 10px 0px;
        height: 35px;
    }
    
    .topbuttons .Button {
        float: left;
        width: 49%;
        font-size: 12px;
    }
    
    .SearchHome {
        background-color: #a1171f;
        padding: 30px;
        height: 285px;
    }
    
    .panel {
        display:none;
    }   
    
    .ButtonTabActive {
        background-color: #74828D;
        color:white;
        padding: 10px 0px;
        width: 20%;
    }
    
    .ButtonTab {
        background-color: #a1171f;
        color:  #fff;
        padding: 10px 0px;
        width: 20%;
    }
    
    .welcomePage_Description {
        width: 100%;
    }
    
    .PropertyList {
        width: 100%;
    }
    
    .PropertieBox {
        margin-right: 20px;
        width: 100%;
    }
    
    .PropertieBox img {
        max-height: 220px;
    }
    
    .PropertieBox:nth-child(2n+2) {
        margin-right: 0;
    }
    
    .PropertieOuterBox {
        width: 47%;
        margin-right: 10px;
    }
    
    .MobileSearchBox {
        display: none;
    }
    
    .SearchBox { 
        display: none;
    }
    
     .SubFilter {
        display: inline;
        float: left;
        margin-right: 0%;
        margin-left: 0;
        border-bottom: 0;
        color:white;
        width: 49%;
        border: 1px solid rgb(173, 95, 95);
    }
    
    .SubFilter select {
        -webkit-appearance: none;
        border: 0;
        width: 100%;
        color: #FFFFFF;
        padding-left: 0;
        background-color: #a1171f;
        background-image: url(/Whathouse/img/downarrow.png?1954);
        background-repeat: no-repeat;
        background-position: 92% center;
        padding-right: 20px;
        box-sizing: border-box;
        background-clip: padding-box;
        border-radius: 3px;
        height: 2.5em;
        padding: 0.3em 3px;
        font-size: 1em;
        font-weight: bold;
        border-color: #dfdfdf;
        outline: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
        box-shadow: none;
    }
    
}

/*------ 2.3 - Tablet Portrait ---------------------------------------------------*/


@media screen and (min-width : 400px) 
        and (max-width : 802px) {
    
    .AdvertDisplayRatio,
    .tablet .AdvertDisplayRatio {
        max-width: 32%;
        padding: 0px 5px;
        margin-top: 10px;
    }
    
    .tablet .TypeOfAdvert,
    .TypeOfAdvert {
        max-width: 29.94333%;
        font-size: 80%!important;
    }
    
    .tablet .AdvertsListContainer .AdvertTitleAboveImg,
    .AdvertsListContainer .AdvertTitleAboveImg {
        padding: 0px 5px;
        padding-top: 5px;
    }
    
    .AdvertsListContainer img,
    .tablet .AdvertsListContainer img {
        min-height: 125px;
        max-height: 125px;
    }
    
    .AdvertsListContainer,
    .tablet .AdvertsListContainer {
        outline: 1px solid #dbdbdb;
        padding-bottom: 3px;
    }
 
}


/*------ 2.4 - Tablet Landscape ---------------------------------------------------*/

@media (min-width: 759px) and (max-width: 1023px) {
    
    .topbuttons {
        display: none;    
    }
    
    .SearchHome {
        background-color: #a1171f;
        padding: 30px;
        height: 170px;
    }
    
    .panel {
        border-bottom: 1px solid #dfdfdf;
    }
    
    .ButtonTabActive {
         background-color: #74828D;
        color:white;
        padding: 10px 0px;
        width: 20%;
    }
    
    .ButtonTab {
        background-color: #a1171f;
        color:  #fff;
        padding: 10px 0px;
        width: 20%;
    }
    
    .welcomePage_Description {
        width: 100%;
    }
    
    .SubFilter {
        display: inline;
        float: left;
        margin-right: 0%;
        margin-left: 0;
        border-bottom: 0;
        color:white;
        width: 24%;
        border: 1px solid rgb(173, 95, 95);
    }
    
    .SubFilter select {
        -webkit-appearance: none;
        border: 0;
        width: 100%;
        color: #FFFFFF;
        padding-left: 0;
        background-color: #a1171f;
        background-image: url(/Whathouse/img/downarrow.png?1954);
        background-repeat: no-repeat;
        background-position: 92% center;
        padding-right: 20px;
        box-sizing: border-box;
        background-clip: padding-box;
        border-radius: 3px;
        height: 2.5em;
        padding: 0.3em 3px;
        font-size: 1em;
        font-weight: bold;
        border-color: #dfdfdf;
        outline: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
        box-shadow: none;
    }
    
    .PropertyList {
        width: 100%;
    }
    
    .PropertieOuterBox {
        margin-right: 20px;
    }
    .PropertieOuterBox:nth-child(3n+3) {
        margin-right: 0;
    }
    
    .PropertieBox {
        width: 220px;
    }
    
    .PropertieBox img {
        max-height: 200px;
    }
    
    .MobileSearchBox { 
        display: none;
    }
    
    .SearchBox {
        font-weight: bold;
        background: #a1171f;
        color: white;
        height: 225px;
        border-radius: 5px;
        padding: 10px;
        width: 100%;
    }
    
    .SearchBox .SearchTitle {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18px
    }
    
   .SearchBox .SubFilter {
        display: inline;
        float: left;
        margin-right: 0%;
        margin-left: 0;
        border-bottom: 0;
        color:white;
        width: 33%;
        border: 1px solid rgb(173, 95, 95);
    }
    
   .SearchBox .SubFilter select {
        -webkit-appearance: none;
        border: 0;
        width: 100%;
        color: #FFFFFF;
        padding-left: 0;
        background-color: #a1171f;
        background-image: url(/Whathouse/img/downarrow.png?1954);
        background-repeat: no-repeat;
        background-position: 92% center;
        padding-right: 20px;
        box-sizing: border-box;
        background-clip: padding-box;
        border-radius: 3px;
        height: 2.5em;
        padding: 0.3em 3px;
        font-size: 1em;
        font-weight: bold;
        border-color: #dfdfdf;
        outline: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
        box-shadow: none;
    }
    
    .SearchBox .SubFilter input {
        margin-left: 5px;
        margin-bottom: 2px;
        margin-top: 8px;
        width: 95%;
    }

}


@media screen and (max-width: 1023px) { 
    
    .Responsive .Login_Info_Logout:before {
         color: #F5E7E8 ;
    }
         
    .PropertieOuterBox {
        margin-bottom: 20px;
        border-bottom: 1px solid rgb(142, 136, 136);
        height: 280px;
    }
    
}

@media screen and (min-width : 803px) 
        and (max-width : 2000px) {
            
    
    .tablet .AdvertDisplayRatio {
        max-width: 18%;
        padding: 0px 3px;
        margin-top: 10px;
    }
    
    .tablet .TypeOfAdvert {
        max-width: 18.93333%;
        font-size: 80%!important;
    }
    
     .tablet .AdvertsListContainer .AdvertTitleAboveImg {
        padding: 0px 3px;
        padding-top: 5px;
    }
    
    .tablet .AdvertsListContainer img {
        min-height: 125px;
        max-height: 125px;
    }
    
    
    .tablet .AdvertsListContainer {
        outline: 1px solid #dbdbdb;
        padding-bottom: 3px;
    }
}

.SmallCheckbox{
 height: 12px !important;
 width: 12px !important;
}

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

.SubscribeNewsletter a:link,
.SubscribeNewsletter a:visited{color:#333;font-weight:600;}
.SubscribeNewsletter a:hover{color:#066196;}

.ContactBy{
    font-size:12px;
}
/*------ 2.5 - Desktop ---------------------------------------------------*/

@media screen and (min-width: 1024px) { 
    
    .topbuttons {
        display: none;    
    }
    
    .SearchHome {
        background-color: #a1171f;
        padding: 30px;
        height: 170px;
    }
    
    .panel {
        border-bottom: 1px solid #dfdfdf;
    }
    
    .ButtonTabActive {
        background-color: #74828D;
        color:white;
        padding: 10px 0px;
        width: 20%;
    }
    
    .ButtonTab {
        background-color: #a1171f;
        color:  #fff;
        padding: 10px 0px;
        width: 20%;
    }
    
    .welcomePage_Description {
        width: 100%;
    }

    .PropertyList {
        width: 660px;
    }    

    .MobileSearchBox {
        display: none;
    }
    
    .PropertieOuterBox {
        margin-right: 10px;
    }
    
    .PropertieOuterBox:nth-child(3n+3) {
        margin-right: 0;
    }
    
    .SearchBox {
        font-weight: bold;
        padding: 20px;
        background: #a1171f;
        color: white;
        width: 166px;
    }

    .SearchBox .SearchTitle {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18px
    }

    .SearchBox .SubFilter {
        margin-right: 0%;
        margin-left: 0;
        margin-top: 10px;
        color:white;
        width: 100%;
        border: 0px;
        border-bottom: 1px solid rgb(173, 95, 95);
    }
      
    .SearchBox .SubFilter select {
        -webkit-appearance: none;
        border: 0;
        width: 100%;
        color: #FFFFFF;
        padding-left: 0;
        background-color: #a1171f;
        background-image: url(/Whathouse/img/downarrow.png?1954);
        background-repeat: no-repeat;
        background-position: 92% center;
        padding-right: 20px;
        box-sizing: border-box;
        background-clip: padding-box;
        border-radius: 3px;
        height: 2.5em;
        padding: 0.3em 3px;
        font-size: 1em;
        font-weight: bold;
        border-color: #dfdfdf;
        outline: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
        box-shadow: none;
    }
    
    .SearchBox .SubFilter input {
       margin-bottom: 0px;
       margin-top: 10px;
       width: 100%;
    }
    
    .PropertieOuterBox {
        margin-bottom: 20px;
        border-bottom: 1px solid rgb(142, 136, 136);
        height: 250px;
    }
    
     .PropertieBox {
        width: 210px;
    }
    
     .PropertieBox img {
        max-height: 170px;
    }
    
     .SubFilter {
        display: inline;
        float: left;
        margin-right: 0%;
        margin-left: 0;
        border-bottom: 0;
        color:white;
        width: 24%;
        border: 1px solid rgb(173, 95, 95);
    }
    
    .SubFilter select {
        -webkit-appearance: none;
        border: 0;
        width: 100%;
        color: #FFFFFF;
        padding-left: 0;
        background-color: #a1171f;
        background-image: url(/Whathouse/img/downarrow.png?1954);
        background-repeat: no-repeat;
        background-position: 92% center;
        padding-right: 20px;
        box-sizing: border-box;
        background-clip: padding-box;
        border-radius: 3px;
        height: 2.5em;
        padding: 0.3em 3px;
        font-size: 1em;
        font-weight: bold;
        border-color: #dfdfdf;
        outline: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
        box-shadow: none;
    }
    
    .SubFilterLabel {
        margin-left: 5px;
        color: #FFEAEE;
    }
    
    .SubFilterLabelRadius {
        position: absolute;
        margin-left: 5px;
        top: 27px;
        color: #FFEAEE;
    }

}

/*---------------------------------------- END Of Media Queries CSS ---------------------------------------*/

/*---------------------------------------- 3 - Desktop CSS ------------------------------------------------*/



.desktop .MenuImage Img {
    height: 40px;
    width: 100px;
    margin-left: 5px;
}

.desktop .MenuLogIn a:link,
.desktop .MenuLogIn a:visited {
    color: white;
    background-color: transparent;
}

.desktop .MenuLogIn a:hover {
    background-color: #81090B;
    border: 0px solid #81090B;
    border-radius: 5px;
}

.desktop .SelectedSubMenu {
    background: #80090a!important;   
}

.desktop .MyAccount_Title {
    font-size: 20px;
    color: #999;
    padding-top: 40px;
}

.desktop .NewsWeblockContainer {
    width: 49%;
}

.desktop .Search_Btn {
    width: 90px;
    height: 32px;
    background: #a1171f;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color:#FFF;
    padding-top:6px;
    padding-left:5px;
    text-align:left;
}

.desktop .MainContainerNews .Column.ColFirst {
    width:860px;
    margin-right: 10px;
    padding:0px;
}

.desktop .MainContainerNews .Column.ColLast {
    width:300px;
    margin-left:10px;
    padding:0px
}

.desktop .OtherNewsStories h2 {
    font-size: 28px;
    color: #4e4e4e;
    margin:0px;
}

.desktop .NewsWeblockContainer {
    width: 49%;
}

.desktop .NEWSImageContainer {
    position: relative;
    height: 414px;
}

.desktop .OtherNewsStories h2 {
    font-size: 28px;
    color: #4e4e4e;
}

.desktop .SearchContainer {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.desktop .MainTitle {
    padding: 0px;
}

.desktop .BreadcrumbContainer4News {
    width: 97%;
}

/*---------------------------------------- END Of Desktop CSS ---------------------------------------------*/

/*---------------------------------------- 4 - Tablet CSS -------------------------------------------------*/


.tablet .MenuImage Img {
    max-height: 100px;
    width: 100px;
    margin-left: 5px;
    margin-top: 5px;
}

.tablet .Menu_TopMenus {
    width: 210px;
}

.tablet .MenuLogIn a:link,
.tablet .MenuLogIn a:visited {
    color: white;
    background-color: transparent;
    border-bottom: 1px solid #a83235;
}

.tablet .MenuLogIn a:hover {
    background-color: transparent;
}

.tablet .MenuRegisterButton {
    margin-top: -5px;
    padding: 4px 10px;
}

.tablet.landscape .MenuRegisterButton {
    margin-right: 20px;
}

.tablet .MenuLogInButton {
    margin-top: -5px;
    padding: 4px 10px;
}

.tablet.landscape .MenuLogInButton {
    margin-right: 20px
}

.tablet .NEWSImageContainer {
    position: relative;
    height: 534px;
}

.tablet .NewsWeblockContainer {
    width: 100%;
}

.tablet .OtherNewsStories h2 {
    font-size: 20px;
    color: #4e4e4e;
}
.tablet .SubscribeNewsletter a:link,
.tablet .SubscribeNewsletter a:visited{color:#333;font-weight:600;}

.tablet .SearchContainer {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.tablet .SearchButtonDivForNews {
    min-height: 38px;
    padding-top: 10px;
    white-space: nowrap;
}

.tablet .BreadcrumbContainer4News {
    width: 100%   
}
/*---------------------------------------- END Of Tablet CSS -----------------------------------------------*/

/*---------------------------------------- 5 - Desktop & Tablet CSS ----------------------------------------*/



.module {
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #e2e2e5;
    border-radius: 3px;
}
.module-header {
    padding: 6px 10px;
    background-color: #f8f8fa;
    border-bottom: 1px solid #e2e2e5;
    margin:0;
}
.BlueButton{
  border: 1px solid #066196;
    border-radius: 5px;
    display: block;
    background-color: #066196;
    text-align: center;
    color: #FFF !important;
    height: 37px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 300;
}
.LiteRedButton{
  border: 1px solid #e10621;
    border-radius: 5px;
    display: block;
    background-color: #e10621;
    text-align: center;
    color: #FFF !important;
    height: 37px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 300;
}
.LiteRedButton{
  border: 1px solid #e10621;
    border-radius: 5px;
    display: block;
    background-color: #e10621;
    text-align: center;
    color: #FFF !important;
    height: 37px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 300;
}
.LiteRedButton{
  border: 1px solid #e10621;
    border-radius: 5px;
    display: block;
    background-color: #e10621;
    text-align: center;
    color: #FFF !important;
    height: 37px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 300;
}
h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.module-details {
    padding: 16px;
}
.desktop .MainTitle,
.tablet .MainTitle {
      background-color: rgb(2555, 255, 255);
      width: 100%;
      min-height: 60px;
      position: relative;
      top: 90px;
      color: grey;
      text-align: center;
      padding: 10px;
}

.desktop .ButtonGroup_button.Button.active, 
.tablet .ButtonGroup_button.Button.active {
    background-color: #80090a;
    color: #FFF;
    font-weight: bold;
    min-width:50px;
}

.desktop  .FirstTitle h1,
 .tablet  .FirstTitle h1 {   
    color: #4e4e4e;
    font-size: 26px;
}

 .desktop .FirstTitleH1,
 .tablet .FirstTitleH1 {
     color: #4e4e4e;
    font-size: 26px;
    font-weight: bold;
    margin-top: 13px;
}

.desktop.google-maps,
.tablet.google-maps {
    height: 400px!important;   
}

/*---------------------------------------- END Of Desktop & Tablet CSS -------------------------------------*/

/*---------------------------------------- 6 - Tablet & Mobile CSS ----------------------------------------*/

.tablet .Menu_DropDownPanel, 
.phone .Menu_DropDownPanel {
    background-color: #640809;
}

.tablet .Menu_TopMenu a:hover,
.tablet .Menu_TopMenu:hover
.phone .Menu_TopMenu a:hover,
.phone .Menu_TopMenu:hover {
    background: #a83235;
}

.tablet .Menu_TopMenuActive,
.phone .Menu_TopMenuActive,
.tablet .Menu_DropDownButton.open .Menu_TopMenu,
.phone .Menu_DropDownButton.open .Menu_TopMenu {
   background: #80090a;
   font-weight: bold;
}
  
.tablet .Application_Menu,
.phone .Application_Menu {
    text-align: right;
    width: initial;
    background: #80090a;
}
  
.tablet .Application_Menu a, 
.phone .Application_Menu a, 
.tablet .Application_Menu a:link, 
.phone .Application_Menu a:link, 
.phone .Application_Menu a:visited, 
.phone .Application_Menu a:visited {
    border-bottom: none!important;
    display: block;
    text-align: right;
}

.phone .Menu_DropDownArrow, 
.tablet .Menu_DropDownArrow {
    left: 10%;
    top: 50%;
}

.tablet .Application_Menu a:active, 
.phone .Application_Menu a:active{
    background-color: #80090a!important;
}

.tablet .MyAccount_Title,
.phone .MyAccount_Title {
    font-size: 20px;
    color: #999;
    padding-top: 10px;
}

.tablet .Search_Btn,
.phone .Search_Btn {
    width: 90px;
    height: 38px;
    background: #a1171f;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #FFF;
    padding-top: 10px;
    padding-left: 5px;
    text-align: left;
    font-size: 14px;
}

.tablet .LeftContainer,
.phone .LeftContainer {
    width:100%;
}

.tablet .RightContainer,
.phone .RightContainer {
    display: None;
}

.tablet .FirstTilteLeftContainer,
.phone .FirstTilteLeftContainer {
    display: none;
}

.tablet .FirstTilteRightContainer,
.phone .FirstTilteRightContainer {
    width: 100%;
}

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
    color:#ffffff !important;
}

/*--IOS 8.4.1 breaks some links fix-- */

.phone a:hover .BottomMenu_item,
.tablet a:hover .BottomMenu_item {
    opacity: 1;
    filter: (opacity=100);
}

/*---------------------------------------- END Of Tablet & Mobile CSS -------------------------------------*/

/*---------------------------------------- 7 - Mobile CSS --------------------------------------------------*/


.phone .Breadcrumbs {
    display: none;
}

.phone .NewsListRecords ul {
  -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 0;  
}

.phone .MenuImage {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 60px;
    position: absolute;
    display: block;
}
.desktop .MenuImage, .phone .MenuImage {
    background-color: transparent !important;
    height: 40px !important;
    top: 5px !important;
}
.phone .MenuImage Img {
    max-height: 50px;
    width: 50px;
    margin-left: 6px;
    margin-top: 0px;
}

.phone .Menu_TopMenus {
    width: 210px;
}

.phone .MenuLogIn a:link,
.phone .MenuLogIn a:visited {
    color: white;
    background-color: transparent;
    border-bottom: 1px solid #a83235;
}

.phone .MenuLogIn a:hover {
    background-color: transparent;
}

.phone .MainTitle {
    background-color: rgb(245, 245, 245);
    width: 100%;
    min-height: 60px;
    position: absolute;
    top: 50px;
    color: grey;
    text-align: center;
    padding: 10px;
    font-size: 10px;
}


.phone .SubscribeNewsletter a:link,
.phone .SubscribeNewsletter a:visited{color:#333;font-weight:600;}

.phone .ButtonGroup_button.Button.active {
    background-color: #80090a;
    color: #FFF;
    font-weight: bold;
}



.phone .FirstTitle h1,
.phone .FirstTitleH1 {
    color: #4e4e4e;
    font-size:  22px;
}

.phone .NEWSImageContainer {
    position: relative;
    height: 275px;
}

.phone .ArticlePostedBy {
    width: 100%;
}

.phone .NewsSocialIcons {
    width: 100%;
    margin-top: 15px;
}

.phone.google-maps {
    height: 250px!important;  
}

.phone .Intro h2 {
    margin-top: 20px;
}



.phone .PostedByContainer {
    width: 100%;
}

.phone .SocialIconsContainer{
    width: 100%;
    margin-top: 15px;
}

/*---------------------------------------- END Of Mobile CSS -----------------------------------------------*/

/*---Social Media Bar ---*/
.SocialMediaBar {
    
    text-align: right;
}


.tablet .SocialMediaBar {width:190px }

.fa-fw:hover {
    color: #80090A;
}

.phone .SocialIcon{
    margin-left:5px !important;
}

.desktop .SocialIcon{
    margin-left: 5px !important;
}

/*---Dynamic Menu---*/
 .Menu_DropDownPanel a, 
.Menu_DropDownPanel a:link {
    border-bottom: 1px solid #80090a;!important;
}


.SeparatorBottom {
    border-bottom: 1px solid #80090a;
    margin: 0px;
}

.tochange {
    
    
    width: 100px;
    
}

.NewStoriesContainer{
border: solid 1px #efefef;
padding: 10px 20px;
display:table-cell;
}

.NewStoriesHeader{
 font-size: 26px;
 color:#8e8e8e;
}

.ArticleTitle{
    font-size: 16px;
    color: #666;
    text-decoration: underline;
}

.DeveloperNewsListing{
    float:left;
    margin-right:2px;
    margin-top:5px !important;
    margin-bottom: 5px;
    
}

.DeveloperNewsListing .Bold{
 color:#03669D;   
    
}

.MoreNews{
    float:right;
}

.Button.EmailDeveloper{
    width: 90%;
    text-align: center;
    font-size: 100%!important;
}

.Button.EmailDeveloper {
    background-color: #80090A;
    
}
.Button.EmailPartX {
    background-color: #066196;
    
}
a.Button.EmailDeveloper {
    color: #FFF;
    font-weight: bold;
}

.DevelopmentPhone:link{
    color:  #4e4e4e;
}
.Button.DevelopmentPhone{
    font-size: 100%!important;
    white-space: nowrap;
    width: 90%;
}
.Button.DevelopmentPhone {
    background-color: #80090A;
    
}
a.Button.DevelopmentPhone {
    color: #FFF;
    font-weight: bold;
}
.Button {
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 130px;
}

/*---------------------------------- HOUSEBUILDER LOGOS ------------------------------*/

.desktop .HousebuilderLogos ul {max-width:1200px;}

.phone .HousebuilderLogos li img{width:100%;height:auto;}
.desktop .HousebuilderLogos li img,
.tablet .desktop .HousebuilderLogos li img{width:160px;height:auto;margin: 5px 10px;}

.desktop .HousebuilderLogos li,
.tablet .HousebuilderLogos li {
    width: 100%;margin: 5px 10px;
    padding: 0px;
    list-style: outside none none;
    display: inline;
   
}

.phone .HousebuilderLogos li {
    width: 40%;
    margin: 5px 10px;
    padding: 0px;
    list-style: outside none none;
    display: inline-block;
}


.Faqs h3{cursor: pointer;}

.HouseLogos{
    position: relative;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    padding: 5px;
}

.SearchBoxContainer{
    font-weight: bold;
    color: #333;
    padding: 20px;
    margin-left: auto;
    margin-top: 75px;
    height: auto;
    margin-bottom: 40px;
    z-index: 9;
    background-color: rgb(239,239,239);
    opacity: 0.9;
    border-radius: 10px;
}

.phone .SearchBoxContainer{
    width:100%;
}

.UsefulLinkHeader{font-size: 0.9em;background-color: #a83235;color: white;padding: 5px;}
.UsefulLinkIntro{background-color: #efefef;color: #151515;padding: 10px;}

/* Search Controlers */
.ViewControllers{width: 100%;background-color: #ffffff;height:40px;}
.ViewControllers .Sort, .ViewControllers .ResultCount{padding: 10px 10px 10px 20px;font-size:16px}
.ViewControllers .Sort select{border: 0px;margin-top: -4px;box-shadow: none;}

.desktop .ViewControllers .ButtonGroup_button.Button.active, .tablet .ViewControllers .ButtonGroup_button.Button.active {
    background-color: #47b06b;
    color: #FFF !important;
    font-weight: bold;
    width: 40px;
    height: 40px;
    padding-top: 4px;
    border-radius: 0px;
}
.desktop .ViewControllers{width:100%;height:auto;display: contents;}
.phone .ViewControllers{width:100%;height:auto;display: contents;}
.AlertLink{    float: right;
    margin-top: 10px;
    margin-right: 22px;
    font-weight: 600;}
    
    
.ViewControllers .ButtonGroup_button{
    color: #2a2a2a;
}

.ViewControllers .ButtonGroup_button.active{
    color: #ffffff;
}

.desktop .ViewControllers .ButtonGroup_button.Button, .tablet .ViewControllers .ButtonGroup_button.Button, .phone .ViewControllers .ButtonGroup_button.Button {
    background-color: #ffffff;
    width: 50px;
    height: 40px;
    border: 0px !important;
    padding-top: 4px;
    border-radius: 0px;
}

/* Image Gallery */
.MainImage{width:70%;}
.MainImageFull{width:100%;}
.SideImages{width:28%;margin-left:2%;display:inline-block;}

.phone .MainImage{width:100%;}
.phone .SideImages{width:100%;display:flex;margin-left:0%;}

.ImageThumb,.ImageThumbSml{background-size: cover;background-position: center;}
.phone .ImageThumbSml{width: 33%;display: table-cell;margin-top: 10px;}
.phone .ImageThumbSml:nth-child(2){margin-left: 0.5%;margin-right: 0.5%;}
.Galleroverlay {
    width: 100%;
    height: 100%;
    padding-top: 38px;
    background-color: rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.MoreImgs{color:white;font-weight:600;margin-top:2%;}


/* Right Hand Content - Development Desktop */
.TelDetails{
    font-weight: 600;    
    background-color: #fff;
    padding: 30px 10px;
    color: #a83235;
    font-size: 25px;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.bigtext {
    display: block;
    overflow: hidden;
    margin:16px;
}

.expand, .contract {
  cursor: pointer;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
  color: #555;
}
.expand:hover, .contract:hover {
  color: #121212;
}

.hide {
  display: none;
}

/* Footer css */
.FooterLine{
    background-color: #a83235;
    height:2px;
}

.desktop .FooterColumn1,
.desktop .FooterColumn2,
.desktop .FooterColumn3{width:30%;}
.desktop .FooterColumn2{margin-left:1.5%;margin-right:1.5%;}


.phone .FooterColumn1,
.phone .FooterColumn2,
.phone .FooterColumn3{width:100%;}

.FooterBar{
    color: white;
    background-color: #3d3d3d;
}

.FooterBar a:link,
.FooterBar a,
.FooterBar a:visited
{color:#fff !important;}

.FooterContactButtons{
    color: white;
    background-color: #a83235;
}

.FooterLinks, .SinaLogo{
    padding: 10px 0px;
    width: 1200px;
    margin: auto;
}

@media only screen  and (max-width : 1224px) {
/* Styles */
.FooterLinks, .SinaLogo{
width: 100%;
}
}


.FooterLinks a:link,
.FooterLinks a,
.FooterLinks a:visited{
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.FooterBar input[type="text"] {
    height: 50px;
    border-color: #fff;
    box-shadow: none !important;
    float: left;
}
.SearchButton {
    padding: 5px;
    border: 1px solid #066196;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    display: block;
    background: #066196;
    text-align: center;
    height: 50px;
    color: #FFF;
}

.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;
}

.Form input[type="text"], .Form input[type="number"],.Form select, .Form textarea {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;    
}

.phone .SearchButton {
    border-radius: 0px;
    height: 38px;
    /* margin-top: 10px; */
}

    
.FooterCopyrights {
    position: relative;
    float: right;
    right: 10px;
    padding-top: 0px;
}

.desktop .FooterCopyrightsMobile, 
.tablet .FooterCopyrightsMobile 
{
    display: none;   
}

.phone .FooterCopyrights {display:none;}

.FooterCopyrightsMobile {
    position: relative;
    padding-top: 0px;
    font-weight: bold;
}

/* Popular LInks */

.PopularLinks{
    background-color: #999999;
    padding-top:5px;
    padding-bottom:10px;
    
}

.PopularLinks .ListRecords, .PopularLinks .ListRecords4{
    margin-top:5px;
        position: relative;
    left: 0px;
    border: 1px solid #fff;
    float: left;
}



.PopularLinks ul {
    list-style-type: none;   
    text-align:left;
    
}

.PopularLinks .ListRecords4 li{
    width:25% !important;
    float:left;    
}

.PopularLinks a,
.PopularLinks a:link,
.PopularLinks a:visited{
    color: #ffffff;
    
}

.borderleft{
    border-left: 1px solid #ffffff;
}
.borderright{
       border-right: 1px solid #ffffff;
   }


.WhathouseNameContainer{
    padding-bottom: 20px;

}

.PopupMobileSearch {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 100;
    width: 100%;   
    background-color: RGB(255,255,255,0.7);
    text-align: center;
    top:-10px;
    display:none;
}


.PopUpSearchClose {
    z-index: 999999;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background-color: #333;
    width: 50%;
    padding: 10px;
    margin: 10px auto;
}


/* Dynamic Menu */

.FooterLine{
    background-color: #a83235;
    height:2px;
}

.desktop .FooterColumn1,
.desktop .FooterColumn2,
.desktop .FooterColumn3{width:30%;}
.desktop .FooterColumn2{margin-left:1.5%;margin-right:1.5%;}


.phone .FooterColumn1,
.phone .FooterColumn2,
.phone .FooterColumn3{width:100%;}

.FooterBar{
    color: white;
    background-color: #3d3d3d;
}

.FooterBar a:link,
.FooterBar a,
.FooterBar a:visited
{color:#fff !important;}

.FooterContactButtons{
    color: white;
    background-color: #a83235;
}

.FooterLinks, .SinaLogo{
    padding: 10px 0px;
    width: 1200px;
    margin: auto;
}

@media only screen  and (max-width : 1224px) {
/* Styles */
.FooterLinks, .SinaLogo{
width: 100%;
}
}


.FooterLinks a:link,
.FooterLinks a,
.FooterLinks a:visited{
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.FooterBar input[type="text"] {
    height: 50px;
    border-color: #fff;
    box-shadow: none !important;
    float: left;
}
.SearchButton {
    padding: 5px;
    border: 1px solid #066196;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    display: block;
    background: #066196;
    text-align: center;
    height: 50px;
    color: #FFF;
}

.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;
}

.Form input[type="text"], .Form input[type="number"],.Form select, .Form textarea {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;    
}

.phone .SearchButton {
    border-radius: 0px;
    height: 38px;
    /* margin-top: 10px; */
}

    
.FooterCopyrights {
    position: relative;
    float: right;
    right: 10px;
    padding-top: 0px;
}

.desktop .FooterCopyrightsMobile, 
.tablet .FooterCopyrightsMobile 
{
    display: none;   
}

.phone .FooterCopyrights {display:none;}

.FooterCopyrightsMobile {
    position: relative;
    padding-top: 0px;
    font-weight: bold;
}

/* Popular LInks */

.PopularLinks{
    background-color: #999999;
    padding-top:5px;
    padding-bottom:10px;
    
}

.PopularLinks .ListRecords, .PopularLinks .ListRecords4{
    margin-top:5px;
        position: relative;
    left: 0px;
    border: 1px solid #fff;
    float: left;
}



.PopularLinks ul {
    list-style-type: none;   
    text-align:left;
    
}

.PopularLinks .ListRecords4 li{
    width:25% !important;
    float:left;    
}

.PopularLinks a,
.PopularLinks a:link,
.PopularLinks a:visited{
    color: #ffffff;
    
}

.borderleft{
    border-left: 1px solid #ffffff;
}
.borderright{
       border-right: 1px solid #ffffff;
   }


.WhathouseNameContainer{
    padding-bottom: 20px;

}




.PopUpSearchClose {
    z-index: 999999;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background-color: #333;
    width: 50%;
    padding: 10px;
    margin: 10px auto;
}

/*Result LIst */
  .tablet .LoginMobileTop, .LoginMobileTop {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}

.OptionLabel{

    font-weight: 500;
}

.phone .OptionLabel,
.tablet .OptionLabel {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.SearchOptionColor {

    color: #7B7B7B !important;

}
.SearchOptionContainer:hover {
    background-color: #066196 !important;   
    color: #fff !important;
}

.SearchOptionColor a:hover{
    background-color: #000000 !important;
    color: #fff !important;

}

.SearchOptionContainer{
    height: 40px;
    padding: 10px 0px 10px 15px;
    font-size:0.7em;
}

.SearchOptionContainer a:hover{
    background-color: #black !important;
    color: #fff !important;

}


.SearchBoxAutoComplete .lfs-autocomplete .lfs-results-layer {
       width: 370px !important;
    /* left: -45px; */
    position: absolute;
    z-index: 3;
}


.phone .SearchBoxAutoComplete .lfs-autocomplete .lfs-results-layer {
    width: 292px !important;
    
}

.phone .SearchBoxAutoComplete .lfs-autocomplete .lfs-results-layer {
    left: 0px;
    position: relative;
}

/* Search .css */
.phone input[type="text"]{
        border-radius: 5px;

}
.FourthFullwidthInside, .FourthFullwidthInside.FourthFullwidthInside {
    margin-top: 20px;
}

.desktop .MenuImage,.phone .MenuImage {
    background-color: transparent !important;
    height: 40px !important;
    top: 5px !important;
    }
    
.desktop .MenuImage Img {
       width: 110px !important;  
       height:40px;
}
.phone .MenuImage Img {
       width: 100px !important;   
}
.desktop .Menu_TopMenu {
    margin-left: 8px !important;
    position: relative !important;
    height: 50px !important;
    padding-top: 4px !important;
}
.desktop .header_menu{height:50px !important;}


.desktop .menufix{
    margin-left: 140px;
    box-shadow: none;
    width: 1030px;
    text-align: right;
}

.tablet .menufix, .phone .menufix {
    margin-top: 0px;
    box-shadow: none;
}

/*----Mobile -----*/
@media screen and (max-width:399px) {
    
  .TopBlock {
    width: 100%;
}
        .FifthTitle, .ForthTitle{ font-size: 26px;}
    .LoginMobileTop a:link {
        color: #FFF;
        }
   
}   

/*-----------------Tablet Portrait-------------*/
@media screen and (min-width : 400px) 
            and (max-width : 802px) {

        .TopBlock {
    width: 100%;
} .FifthTitle, .ForthTitle{ font-size: 26px;}
     .tablet .LoginMobileTop a:link,
    .LoginMobileTop a:link {
        color: #FFF;
        }
   
}

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

@media screen and (min-width : 803px) 
            and (max-width : 2000px) {
    
.TopBlock {width: 48%;}
        
     .tablet .LoginMobileTop a:link,   
    .LoginMobileTop a:link {
        color: #FFF;
        }
}
 .FifthTitle, .ForthTitle{ font-size: 36px;}

.desktop .ListRecords .ListMenuItems {
    margin-top: 5px;
}

.WhiteBorderDiv{
    margin-top: 5px;
}


.tablet .Application_Menu a:hover,
.phone .Application_Menu a:hover {
    background-color: #aa061b;
    height: 46px;
}


.tablet .NOTSelectedSubMenu a:hover {
    background-color: #aa061b;
    height: 46px;
}

.tablet .SelectedSubMenu a:hover {
    background-color: #aa061b;
    height: 46px;
}

.phone .Application_Menu .SeparatorBottom a:hover{
    background-color: #aa061b;
    height: 32px;
}

.DeveloperNameHidden{display:none;}



.MoreDetailsRed {
    background-color: #d63a31;
    color: white;
    padding: 10px;
    position: unset;
    bottom: 0px;
    float: right;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    width:100%;
}


.desktop .SearchContainerOuter {
    margin-top: 10px;
    padding-left: 3rem;
    padding-right: 3rem;
}
.phone .SearchContainerOuter {
    margin-top: 45px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.desktop .HBFLogo {
    margin-top: 25px;
    width:80px
}
.phone .HBFLogo {
    margin-top: 10px;
    width:50px
}

.TopBlock {
    border-color: #cfcfcf;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    margin-top: 10px;
    height: auto;
    background: #dfdfdf;
    box-shadow: 0px 0px 8px #3227440a, 0px 0px 1px #32274452, 0px 8px 8px -8px #32274429;
}



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



/* News Tables */

.styled-table-red {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
    .styled-table-red thead tr {
    background-color: #ca081e;
    color: #ffffff;
    text-align: left;
}.styled-table-red th,
.styled-table-red td {
    padding: 12px 15px;
}.styled-table-red tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table-red tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table-red tbody tr:last-of-type {
    border-bottom: 2px solid #ca081e;;
}.styled-table-red tbody tr.active-row {
    font-weight: bold;
    color: #ca081e;
}

.styled-table-dgrey {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
    .styled-table-dgrey thead tr {
    background-color: #3d3d3d;
    color: #ffffff;
    text-align: left;
}.styled-table-dgrey th,
.styled-table-dgrey td {
    padding: 12px 15px;
}.styled-table-dgrey tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table-dgrey tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table-red tbody tr:last-of-type {
    border-bottom: 2px solid #3d3d3d;
}.styled-table-red tbody tr.active-row {
    font-weight: bold;
    color: #3d3d3d;
}