/* ================================= */
/* Body and Universal Reset */
/* ================================= */

* {
    margin  : 0;
    padding : 0;
}

:root {
    --scroll-bar-w: 0px;
}

html {
    background : #eeeeee;
    min-height : 100%;
}

body {
    background : #fff;
    position   : relative;
}

#container {
}

#popupWindowCaller {
    display : none;
}

img {
    border : none;
}

::selection {
    background : #0077c0;
    color      : #FFF;
}

::-moz-selection {
    background : #393E42;
    color      : #FFF;
}
.float_right {
    float: right;
}
/* ================================= */
/* Defaults */
/* ================================= */

.rounded {
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    -o-border-radius      : 4px;
    -ms-border-radius     : 4px;
    border-radius         : 4px;
}

.transition {
    -moz-transition    : all linear 0.2s;
    -webkit-transition : all linear 0.2s;
    -o-transition      : all linear 0.2s;
    transition         : all linear 0.2s;
}

.clear {
    width: 100%;
}

.table {
    display: table;
}
.agentPropTable td, .agentPropTable th,
.table_centered_content td, .table_centered_content th {
    text-align: center !important;
}
td.agentTableLeft, th.agentTableLeft {
    text-align: left !important;
}
.pageLength {
    margin-bottom: 90px;
}
.full_width_wrapper {
    position: relative;
    margin-left: -50vw;
    margin-left: calc(-50vw + var(--scroll-bar-w)/ 2);
    left: 50%;
    width: 100vw;
    width: calc(100vw - var(--scroll-bar-w));
}

/* Generic */
.video_iframe {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	margin-bottom: 20px;
}

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

/* ================================= */
/* Typography */
/* ================================= */

.fa-mobile {
    color: #ffffff;
    font-size: 39px !important;
}
#content ul.noContent li:before, #content .noContent ul li:before, #content .flexslider ul li:before {
    content : '';
}

#content ul.noContent li, #content .noContent ul li, #content .flexslider ul li {
    text-indent : 0;
    margin-left : 0;
}

/* ================================= */
/* Header */
/* ================================= */

.top_header {
    width:         100%;
    padding-top: 8px;
    padding-bottom: 4px;
    display: inline-block;
}

.global_nav {
    padding: 0 15px 0 20px;
    font-size: 0.9em;
}

#top_menu_ul {
    float: right;
}
.top_header li {
    display: inline-block;
    margin-left: 15px;
}

.header_fill {
    /*height   : 66px;
    position : relative;
    float    : left;
    width    : 100%;*/
    display  : none;
}

#header {
    background-color : #0077c0;
    display          : flex;
    width            : 100%;
    position         : relative;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
}

#header a.logo {
    padding     : 0px;
    text-indent : -9999px;
    z-index     : 2;
    height: 110px;
    width: 429px;
    display     : block;
    position    : relative;
    background  : url(images/backgrounds/logo.png) top left no-repeat;
}

#header .header_phone_number {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-left: 0.75em;
    margin-right: 1.5em;
    font-size: 24px;
    color: #ffffff;
}

#header .header_phone_number span {
    margin-left: 0.5em;
}

#header .header_phone_number i {
    font-size: 1.5em !important;
}
#header .pushButton {
   padding-top: 31px;
   float: left;
}
#header .pushButton a, .copyrightArea .pushButton a {
    background-color: #ffffff;
}
#header .pushButton a:hover, .copyrightArea .pushButton a:hover {
    background-color: #dfdfdf;
}
.pushButton {
    height: 50px;
}
.copyrightArea .pushButton a {
    color: #666666 !important;
}
.pushButton a, .pushButton button, .banner_overlay .banner_links .button {
    color: #808080 !important;
    font-size: 14px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    box-shadow: inset 0px 0px 0px #b3b3b3, 0px 3px 0px #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.pushButton a:active, .pushButton button:active, .banner_overlay .banner_links .button {
    box-shadow: inset 0px 0px 0px #b3b3b3, 0px 0px 0px #b3b3b3;
     margin-top: 3px !important;
}
.findProperty .pushButton a,
.topDetails .pushButton a,
.sidebarEnquiry form button,
.banner_overlay .banner_links .button {
    color: #ffffff !important;
    background-color: #0077c0;
    box-shadow: inset 0px 0px 0px #004773, 0px 3px 0px #004773;
}
.findProperty .pushButton a:hover,
.topDetails .pushButton a:hover,
.sidebarEnquiry form button:hover,
.banner_overlay .banner_links .button:hover {
    background-color: #0094ee;
}
.findProperty .pushButton a:active,
.topDetails .pushButton a:active,
.sidebarEnquiry form button:active,
.banner_overlay .banner_links .button:active {
    box-shadow: inset 0px 0px 0px #004773, 0px 0px 0px #004773;
}

.pushButton img, .banner_overlay .banner_links .button img {
   padding-right: 13px;
   margin-top: -7px;
}
.pushButton span, .banner_overlay .banner_links .button span {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.pageImg {
    width: 100%;
}

.header_column_one,
.header_column_two,
.showHide_menu_hamburger,
.showHide_menu { display: block; float: left; }

.header_column_one { width: 429px; display: block; float: left; }
.header_column_two { margin-right: auto; display: flex; align-items: center; }
.showHide_menu_hamburger { margin-left: auto; display: none; }
.showHide_menu { float: right; }

@media screen AND (max-width:1300px) {
    .showHide_menu_hamburger { display: block; }
    .showHide_menu { display: none; }
}

@media screen AND (max-width:1000px) {
    .header_column_two { width: 255px; }
    #header .header_phone_number { display: none; }
}

@media screen AND (max-width:750px) {
    .header_column_two { display: none; }
}

@media screen AND (max-width:500px) {
    .header_column_one { width: auto; }
    #header a.logo { background-size: auto 70px; background-position: left 40%; height: 50px; width: 269px; }
    a.offCanvas_trigger { margin-top: 16px !important;}
}

@media screen AND (max-width:324px) {
    #header a.logo { height: 60px; width: 249px; }
    a.offCanvas_trigger { margin-top: 20px !important;}
}

/* ================================= */
/* Main Navigation */
/* ================================= */
#navigation {
    height: 110px;
}
#mainNav {
    /*height           : 50px;*/
    background-color : #0077c0;
    display: flex;
}

#mainNav li {
    list-style : none;
    float      : left;
    position   : relative;
}

#mainNav > li {
    margin : 0 0 0 0px;
}

#mainNav > li.first {
    margin-left : 0;
}

#mainNav li a {
    padding     : 19px 16px;
    background  : #0077c0;
    font-size   : 14px;
    margin      : 0px 0px;
    text-shadow : 0px -1px 0px rgba(0, 0, 0, 0.3);
    color       : #FDFDFD;
    display     : block;
}

#mainNav > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 69px;
    line-height: 1.2;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
}

#mainNav li a:hover {
    background : #0066a6;
    color      : #fff;
    border-bottom: 3px solid #0066a6;
}

#mainNav li a:active, #mainNav li.current > a {
    background         : #0066a6;
    color              : #ffffff;
    border-bottom: 3px solid #ffea00;
}

#mainNav ul {
    position           : absolute;
    width              : 160px; /* left offset of submenus need to match (see below) */
    top                : -999px;
}

#mainNav ul li {
    width : 100%;
}

#mainNav li:hover {
    visibility : inherit; /* fixes IE7 'sticky bug' */
}

#mainNav li:hover ul, #mainNav li.sfHover ul {
    left    : 0;
    top: 110px; /* match top ul list item height */
    z-index : 99;
}

#mainNav li:hover li ul, #mainNav li.sfHover li ul {
    top : -999em;
}

#mainNav li li:hover ul, #mainNav li li.sfHover ul {
    left : 160px; /* match ul width */
    top  : 0;
}

#mainNav li li:hover li ul, #mainNav li li.sfHover li ul {
    top : -999em;
}

#mainNav li li li:hover ul, #mainNav li li li.sfHover ul {
    left : 160px; /* match ul width */
    top  : 0;
}

/* Drop Down UL */
#mainNav ul li a {
    margin           : 0;
    padding          : 7px 11px;
    font-size        : 13px;
    font-weight      : normal;
    color: #898b8e;
    background-color : #FFFFFF;
    border           : none;
    text-shadow      : none;
}

#mainNav ul li a:hover, #mainNav ul li a:active {
    background : #0066a6 !important;
    border     : none;
    filter     : none;
    color      : #fff;
}

#mainNav ul li a:active, #mainNav ul li.current > a {
    color              : #fff;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    -o-box-shadow      : none;
    box-shadow         : none;
}

/* ***** */

span.mobile_nav_down_more {
    position: absolute;
    height: 100%;
    width: 20%;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    z-index: 999;
    right: 0;
    top: 0;
    padding: 10px 0 0;
    outline: none;
}
.thePage {
    margin-top: 30px;
}

/* ================================= */
/* Sidebar */
/* ================================= */
#sidebar .homeSelector {
    padding: 20px;
}
#sidebar h4 {
    color: #004773;
    font-weight: bold;
    margin-bottom: 15px;
}
#sidebar .homeSelector input {
    width: auto;
}
#sidebar .homeSelector .selector {
    width: 30%;
    display: inline-block;
}

div.homeSelector div > label > input {
    visibility: hidden;
}

div.homeSelector div > label {
    height: 16px;
    width: 33%;
    margin: 0 0 0 -16px;
    font-size: 13px;
}

div.homeSelector div > label > img {
      display: inline-block;
  background: none;
  border: 1px solid #e3e2e1;
  margin-right: 2px;
  height: 20px;
  width: 20px;
}

div.homeSelector div > label > input:checked +img {
    background: url(images/backgrounds/bluesquare.jpg);
    background-repeat: no-repeat;
    background-position:center center;
}

#sidebar .recentPosts li{
    text-indent: 0px;
    border-bottom: 1px solid #e1e2e3;
}
#sidebar .recentPosts li:last-child {
    border-bottom: 0px;
}
#sidebar #subNav li.subNavHeading a {
    color           : #004773;
    padding         : 5px 0px 5px 0px;
    margin          : 0px;
    text-transform  : capitalize;
    text-decoration : none;
    font-size       : 18px;
    font-family: 'Montserrat', sans-serif;
}

#sidebar #subNav li.subNavHeading a:hover {
    color : #0077c0;
}

#content #sidebar #subNav li.subNavHeading {
    padding: 11px 0px 12px 0px;
    margin: 0px 20px 9px 20px;
    text-indent: 0px;
    text-align: left;
    border-bottom: 1px solid #d8dde3;
}

#content #sidebar #subNav li.subNavHeading:before {
    content : none;
}

#sidebar #subNav {
    background-color : #fafbfc;
}

#content #sidebar ul#subNav li {
    padding: 2px 0px 0px 32px;
    margin       : 0px;
    font-size: 14px;
}

#sidebar #subNav li a {
    color           : #898b8e;
    line-height: 28px;
    padding         : 5px 0px;
    text-decoration : none;
}

#sidebar #subNav li a:hover {
    color : #0077c0;
}

#content #sidebar ul#subNav {
    padding : 0;
    margin  : 0px 0px 15px 0px;
    padding-bottom: 20px;
}

#content #sidebar #subNav li.down a {
    color       : #0077c0;
    font-weight : bold;
}

#content #sidebar #subNav li.down:before {
    color       : #0077c0;
    font-weight : bold;
}

#content #sidebar #subNav li.child a {
}

#content #sidebar #subNav li.child {
    border-top   : none;
    padding-top  : 4px;
    padding-left : 32px;
}

#content #sidebar #subNav li.childChild {
    font-size    : 11px;
    border-top   : none;
    padding-top  : 4px;
    padding-left : 50px;
}

#content #sidebar #subNav li.childChild:before {
    font-size   : 11px;
    margin-left : 28px;
}

#sidebar #subNav li.child:before {
    font-size   : 11px;
    margin-left : 14px;
}
/* ================================= */
/* Content */
/* ================================= */
#copy.has_sidebar {
    padding-right: 30px;
}
#content {
    padding-bottom : 10px;
    width          : 100%;
    display        : block;
    margin-bottom: 50px;
}

#copy p, #copy table, #copy ul, #copy ol {
    margin : 0 0 18px 0;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

#copy ul, #copy ol {
    margin-left : 18px;
}

/* ================================= */
/* Home */
/* ================================= */

#content ul#homeNav {
    margin        : 0 0 15px;
    padding       : 7px;
    background    : #ccc;
    border-radius : 8px;
}

#content #homeNav li {
    margin      : 0;
    padding     : 1px 0;
    text-align  : center;
    text-indent : 0;
    margin-left : 0 !important;
}

#content #homeNav li:before {
    content : '' !important;
}

#homeNav a {
    display          : block;
    background       : #EEEEEE;
    background-image : linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -o-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -moz-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -webkit-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -ms-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(50, 50, 50)), color-stop(1, rgb(70, 70, 70)));
    padding          : 13px 15px;
    text-decoration  : none;
    margin           : 0;
    color            : #fff;
    font-weight      : bold;
    text-align       : center;
    text-transform   : uppercase;
    text-shadow      : -1px -1px 3px rgba(0, 0, 0, 0.2);
}

#homeNav a:active, #homeNav a:focus, #homeNav a:hover {
    box-shadow : inset -2px -2px 5px rgba(255, 255, 255, 0.08), inset 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
    outline    : none !important;
}

#homeNav li:first-child a {
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;
}

#homeNav li:last-child a {
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
}

/* Home Page Banner */
#homeBanner {
    background-color: #e5f1f9;
}
#homeBanner .inner_slider {
	min-height: 340px;
	//background: url(images/icons/ajax-loader-alt.gif) no-repeat center center;
}
#homeBanner h4 {
    font-size: 16px;
    color: #0077c0;
    text-transform: uppercase;
    font-weight: normal;
}
#homeBanner h2 {
    font-size: 24px;
    color: #0077c0;
    font-weight: normal;
    margin-bottom: 0px;
}
#homeBanner p {
    font-size: 14px;
    color: #004773;
    font-weight: normal;
    line-height: 25px;
}
#homeBanner li {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#homeBanner hr {
    margin: 4px 0;
    margin-bottom: 9px;
}
.pageTitleArea {
    padding-top: 36px;
    padding-bottom: 30px;
    background-color: #fafbfc;
    margin-bottom: 28px;
}
.pageTitleArea h2 {
    margin-bottom: 5px;
}
.pageTitleArea h3 {
    color: #004773;
}
.findProperty {
    margin-bottom: 20px;
}
.findProperty h2 {
    font-size: 22px;
    color: #004773;
    margin-top: 11px;
    margin-right: 128px;

}
.homeHR {
    margin-top: 19px;
    margin-bottom: 15px;
}
.topDetails {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    margin-top: -15px;
    padding: 15px 0;
}
@media screen and (min-width: 768px) {
    .topDetails {
        position: sticky;
        top: -1px;
        z-index: 2;
    }
    .topDetails::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        margin-left: -50vw;
        margin-left: calc(-50vw + var(--scroll-bar-w)/ 2);
        left: 50%;
        width: 100vw;
        width: calc(100vw - var(--scroll-bar-w));
        height: 100%;
        background-color: #ffffff;
        transition: all 0.4s ease;
    }
    .topDetails.is_stuck::before {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    }
}
.topDetails .button_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
}
.topDetails h1 {
    margin-bottom: 16px;
}
.topDetails h3 {
    margin-bottom: 2px;
    color: #004773;
}
.backTo a {
    color: #666666 !important;
}
.fa-hand-o-right {
    padding-left: 5px;
}
.homeImagesSlider {
    height: 450px;
}
@media only screen and (max-width: 1024px) {
    .homeImagesSlider {
        height: 350px;
    }
}
.homeImagesSlider .swiper-slide {
    flex-shrink: 1;
    display: flex;
    max-width: 85vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.homeImagesSlider .swiper-slide img {
    height: 100%;
    visibility: hidden;
}
.homeImagesSlider .slides {
    background-color: #fafbfc;
    display: flex;
    align-items: center;
}
.homeImagesSlider .slide {
    text-align: center;
}
.homeImagesSlider .slide:before {
    display: none;
}
.product_main {
    padding-right: 20px;
}
.product_sidebar {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafbfd;
}
.product_sidebar h2 {
    text-align: center;
}
.product_sidebar h2::after {
    content: '';
    display: block;
    margin: 20px auto 30px;
    width: 50px;
    height: 2px;
    background-color: #0077c0;
}
.specsSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.specsSection .product_main {
    padding-top: 20px;
    padding-bottom: 20px;
}
.specsSection .product_sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
    align-self: stretch;
}
@media screen and (max-width: 767px) {
    .specsSection {
        flex-wrap: nowrap;
    }
    .specsSection .product_main {
        flex-shrink: 1;
        flex-grow: 1;
        width: auto;
    }
    .specsSection .product_sidebar {
        flex-shrink: 0;
        flex-grow: 0;
        width: auto;
        padding: 0;
        background-color: transparent;
        align-self: center;
    }
}
@media screen and (min-width: 560px) and (max-width: 767px) {
    .specsSection .product_main .houseDetails div {
        width: 40%;
    }
}
@media screen and (max-width: 560px) {
    .specsSection {
        flex-wrap: wrap;
    }
}
.property_content .product_main,
.property_content .product_sidebar {
    padding-top: 60px;
}
.property_content .product_sidebar {
    padding-bottom: 40px;
}
.specsSection .agent_profile {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    text-align: right;
    padding: 10px 0;
}
@media screen and (max-width: 560px) {
    .specsSection .agent_profile {
        flex-direction: row-reverse;
        text-align: left;
        margin-top: -10px;
    }
}
.specsSection .agent_name {
    font-size: 18px;
    color: #004773;
    margin-bottom: 5px;
    font-family: "Montserrat", sans-serif;
}
.specsSection .agent_phone {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
}
.specsSection .agent_phone {
    color: inherit;
    font-weight: 600;
}
.specsSection .agent_phone i {
    color: #0077c0;
    font-size: 18px;
}
.specsSection .agent_thumbnail img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #eaebf0;
}
#copy .property_content .product_main ul li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    left: -0.8em;
    position: relative;
    font-size: 12px;
}
.featuredTestimonials {
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fafbfc;
}
.featured_testimonials .slides {
    display: flex;
    align-items: center;
}
.featured_testimonials .testimonial_content {
    position: relative;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 1em;
    font-family: "Montserrat", sans-serif;
}
.featured_testimonials .testimonial_content p {
    line-height: inherit;
    font-size: inherit;
}
.featured_testimonials .testimonial_content p:not(:last-child) {
    margin-bottom: 0.8em;
}
.featured_testimonials .testimonial_content::before {
    content: '\201C';
    font-size: 5em;
    line-height: 0.95;
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 0.2em;
}
.featured_testimonials .testimonial_name {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0077c0;
}

/* ================================= */
/* Widgets */
/* ================================= */
#sidebar .widget_title h2 {
    font-size: 18px;
    line-height: 24px;
}
#sidebar .widget_title {
    padding: 21px 23px 19px 23px;
    background-color: rgba(0,0,0,0);
}
#sidebar .recentPosts {
     font-size: 14px;
     color: #666666;
     margin: 0px;
    background-color: #fafbfc;
}
#sidebar .widget_content {
    padding: 0px;
}
#sidebar .eachBlogPost {
    padding: 20px;
}
#sidebar .blogImage {
    height: 50px;
    width: 50px;
    background-position: 50% 50%;
    background-size: cover;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;

}
#sidebar .blogImage:hover {
    opacity: 0.7;
}
.blogTitle {
    font-family: 'Montserrat', sans-serif;
    color: #2d8fda;
}
.enquiryForm .widget_title {
    padding    : 23px 25px;
    background : #fafbfc;
}
.onlineEnquiryTable td {
    vertical-align: middle;
    padding-bottom: 15px;
}
.enquiryForm h2 {
    color: #004773 !important;
    border-bottom: 1px solid #d8dde3;
    padding-bottom: 15px;
}
.sidebarEnquiry {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.property_content .sidebarEnquiry {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.mobile_enquiry_cta {
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 10px;
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-top: 1px solid #eeeeee;
    opacity: 1;
    transition: opacity 0.2s ease;
    box-sizing: border-box;
}
.mobile_enquiry_cta.disabled {
    opacity: 0;
}
.widget_title {
    padding    : 23px 25px;
    background : #0077c0;
}

.widget_title h2 {
    color  : #fff;
    margin : 0;
}

.widget_content h2 a, .widget_content h2 {
    font-size     : 13px;
    line-height   : 17px;
    color         : #000;
    margin-bottom : 0;
}
.widget_content h2 {
    color: #004773;
    font-size: 24px;
    margin-bottom: 7px;
    margin-top: 20px;
    font-weight: normal;
}
.widget_content p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}
.widget_content {
    background : #e5f1f9;
    padding    : 10px 15px 15px 20px;
}

.home_page .widget_content {
     min-height : 140px;
    padding: 10px 15px 30px 20px;
}

.widget_content ul {
    margin-bottom : 0 !important;
}

.widget_content ul li {
    margin-left   : 0px !important;
    margin-bottom : 5px;
}

.widget_content ul li:before {
    margin-right : 3px;
    font-size    : 13px !important;
}

.widget_date {
    padding          : 8px 0 13px;
    margin           : 4px 8px 10px 10px;
    text-align       : center;
    width            : 72px;
    background-color : #ED5C33;
    text-transform   : uppercase;
    float            : right;
    color            : #FFF;
    font-size        : 22px;
    font-weight      : bold;
}

.widget_date h2 {
    font-weight    : bold;
    font-size      : 30px;
    text-transform : none;
    color          : #fff;
    margin         : 10px;
}

.widget .blogDate {
    color         : #000;
    font-style    : italic;
    display       : block;
    margin-bottom : 13px;
    line-height   : 14px;
}

.widget_content p {
    margin-bottom : 10px !important;
}

.widget .blogLink {
    text-decoration : underline;
}

.widget_form_row {
    margin     : 3px 0;
    text-align : right;
}

.widget_form_row label {
    width        : 21.5%;
    text-align   : left;
    margin-right : 2%;
    display      : inline-block;
}

.widget_form_input {
    text-align    : right;
    width         : 73%;
    padding-right : 1%;
    display       : inline-block;
}

.widget_form_input input {
}

.widget_form_button {
    margin-top    : 7px;
    padding-right : 1%;
    text-align    : right;
}
.featuredArea {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px;
}
.homeFeatured {
    margin-bottom: 20px;
    text-align: center;
    display: flex;
}
.homeFeatured a.widget {
    display: flex;
}
.homeFeatured img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-top: 20px;
}
.homeFeatured h2 {
    margin-bottom: 20px;
    line-height: 1.2;
}
.homeFeatured .button {
    margin-top: 10px;
}
/* ================================= */
/* Blog */
/* ================================= */

.displaying {
    text-align : center;
}

.nextprevnav {
    display    : block;
    text-align : center;
    margin     : 18px 0 0 0;
}

.blogListingThumb {
    float        : left;
    margin-right : 4%;
    text-align   : center;
}

.blogListingContainerWImage {
    float : left;
}

#content .blogListingContainer p {
    margin : 0 0 10px 0;
}

.blogDate {
    color : #ccc;
}

.blogAddThisTop {
    float : right;
    width : 124px;
}

.blogMetaInfo {
    background-color : #F5F5F5;
    margin           : 10px 0;
    overflow         : hidden;
    padding          : 10px 10px;
}

.blogMetaInfo,
.blogMetaInfo a, .blogMetaInfo a:link, .blogMetaInfo a:visited {
    color : #666666;
}

/* ================================= */
/* Gallery  */
/* ================================= */

/* General Gallery Styles & Fixes */
#content ul.gallery_cat_list, #content ul.thumbs {
    margin: 0;
}
#content .gallery_cat_list li, #content .gallery_thumbs li {
    text-indent: 0;
    margin-left: 0;
    padding: 0;
}
#content .gallery_cat_list li:before, #content .gallery_thumbs li:before {
    display: none;
}

/* Category Styles  */

.gallery_cat_list li {
    float: left;
    width: 32%;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

#content .gallery_cat_list li.gallery_middle {
    margin-right: 2%;
    margin-left: 2%;
}

.gallery_cat_list li a {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #000;
    display: block;
    -moz-transition: all linear 100ms;
    -webkit-transition: all linear 100ms;
    -o-transition: all linear 100ms;
    transition: all linear 100ms;
}

.gallery_cat_list li a:hover {
    position: relative;
    z-index: 99;
}

.gallery_cat_list li a img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -moz-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

.gallery_cat_list li a:hover img {
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position:relative;
}

.gallery_cat_list li a:active img {
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position:relative;
}

.gallery_cat_list li .gallery_title_overlay_container {
    display: none;
}

.gallery_cat_list li .gallery_title_overlay {
    display: none;
}

.gallery_cat_list li a:hover .gallery_title_overlay_container {
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 100;
    text-align: center;
    display: table-cell;
}

.gallery_cat_list li a:hover .gallery_title_overlay {
    text-align: center;
    display: inline-block;
    padding: 7px;
}

/****NOTE*** Change the height to the height of the image
- this is so the label will be able to be set at a vertical centered position  */
.gallery_cat_list li a:hover .gallery_title_label {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    height: 215px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

/* THUMBS - ALBUM STYLES */
#content .gallery_thumbs {
    margin: 0;
    padding: 0;
}
.album_thumb {
    margin-bottom: 20px;
}
.sideImages .album_thumb + .album_thumb + .album_thumb + .album_thumb  {
display: none;
}

.video-thumb {
    position: relative;
}

.video-thumb i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    opacity: 0.4;
    transition: opacity 150ms ease;
}

.video-thumb:hover i {
    opacity: 0.8;
}

#content .gallery_thumbs li {
    width: 24.2%;
    float: left;
    margin-right: 1%;
    margin-bottom: 7px;
}
#content .gallery_thumbs li.gallery_divider, #content .gallery_cat_list li.gallery_divider {
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
}
#content .gallery_thumbs li a {
    display: block;
    background: #000;
}

#content .gallery_thumbs li a:hover img {
    opacity: 0.7;
}

#content .gallery_thumbs li a:active img {
    opacity: 0.5;
}

#content .gallery_thumbs li.gallery_last {
    margin-right: 0;
}

.gallery_thumbs .gallery_caption {
    padding: 15px 0 7px;
}

.gallery_thumbs .gallery_caption h2 {
    font-size: 14px;
    color: #000;
    line-height: 18px;
}

/* ================================= */
/* Footer */
/* ================================= */

#footer {
    clear            : both;
    text-align       : center;
    display          : block;
    width            : 100%;
}

#footer a {
    color     : #000;
    font-size : 11px;
}

#footer a:hover {
    color : #ED5C33;
}

.site_by {
    display : block;
}

.site_by img {
    display : inline-block;
    margin  : -11px 0 0 2px;
}

.footerNav {
    margin-bottom : 10px;
    text-align: left;
}
.footerNav a, .site_by, .site_by a {
    color: #ffffff !important;
    font-size: 14px !important;
    margin-top: 10px;
    font-weight: 400;
}
.footerNav li {
    border-right: 1px solid #ffffff;
    padding-right: 6px;
    height: 16px;
    display: inline-block !important;
    line-height: 15px;
}
.footerNav li:first-child {
    padding-left: 0px;
}
.footerNav li {
    padding-left: 3px;
}
.footerNav li:last-child {
    border: none;
}
#footer li {
    display    : inline;
    list-style : none;
    margin     : 0 12px 0 0;
}
.byLine {
    white-space : nowrap;
}
.byLine span {
    position : relative;
    display  : inline-block;
    top      : -6px;
    margin   : 0 3px 0;
}
#footer .footer_left {
    text-align : left;
}
#footer .footer_left h2 {
    font-size   : 13px;
    color       : #000;
}
#footer .footer_left li, #footer .footer_left li a {
    line-height : 15px;
    margin      : 0;
}
#footer .footer_left li {
    display    : block;
    list-style : none;
    margin     : 0 12px 0 0;
    text-align : left;
    width      : 100%;
    margin-bottom: 2px;
}
#footer .footer_right {
    font-size   : 11px;
    line-height : 16px;
    padding-top : 22px;
    text-align  : right;
}
#footer .footer_right li {
    display    : inline-block;
    list-style : none;
    margin     : 0 0 0 11px;
}
#footer .footer_right ul {
    margin-bottom : 10px;
}
.letUsFindIt {
    background-color: #fafbfc;
    padding-top: 42px;
    padding-bottom: 49px;
}
.letUsFindIt .imgHolder {
    position: relative;
}
.letUsFindIt img {
    position: absolute;
    left: 0;
    bottom:-49px;
}
.letUsFindIt h2 {
    font-size: 18px;
     font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     font-weight: 900;
}
.letUsFindIt p {
    font-size: 14px;
    color: #626363;
}
.footerSectionText {
    padding-left:15px;
}
.sitemapArea {
    background-color: #0077c0;
    padding-top: 39px;
    padding-bottom: 36px;
}
.sitemapArea h2 {
    color: #ffffff !important;
    font-size: 18px !important;
}
.sitemapArea ul li {
    font-size: 14px !important;
    list-style-type: none;
    clear: both;
}
.sitemapArea ul li a, .sitemapArea ul li {
    color: #a9dcfc !important;
    line-height: 28px !important;
    font-size: 14px !important;
    font-weight: 400;
}
.sitemapArea ul li a:hover {
    color: #ffffff !important;
}
.sitemapArea .address p {
    line-height: 18px;
}
.sitemapArea ul li img {
    float: left;
    padding-bottom: 1px;
    margin-right: 10px;
    margin-top: 4px;
}
.sitemapArea .footer_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    text-align: right;
}
.sitemapArea .footer_logo {
    display: block;
    width: 100%;
}
.copyrightArea {
    background-color: #0066a6;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footerNav, .site_by {
    margin-top: 18px;
}
#footer .duel_column li {
    width: 36%;
    display: inline-block;
}
/* ================================= */
/* Sitemap */
/* ================================= */

#content ul.sitemap {
    list-style : none;
    margin     : 0px;
    padding    : 0px;
}

ul.sitemap li a {
    padding : 5px 0px 3px;
    display : block;
}

ul.sitemap a:hover {
    color : #000;
}

ul.sitemap li.sitemapHeading > a {
    font-size     : 16px;
    padding       : 10px 5px;
    margin        : 0px 0px 0px;
    border-bottom : 1px solid #dddddd;
    font-weight   : bold;
    display       : block;
}

ul.sitemap li.sitemapHeading > a:hover {
    background    : #eee;
    border-bottom : 1px solid #aaa;
}

.byLine {
    white-space : nowrap;
}

.byLine span {
    position : relative;
    display  : inline-block;
    top      : -5px;
    margin   : 0 3px 0;
}

/* ================================= */
/* Breadcrumbs */
/* ================================= */

#breadcrumbs {
    display: none !important;
    display : block;
    width   : 100%;
}

#content #breadcrumbs ul {
    list-style : none;
    margin     : 14px 0;
    display    : block;
    position   : relative;
    float      : left;
    width      : 95%;
}

#content #breadcrumbs ul li {
    display : inline;
    padding : 0 5px 0 0;
}

#content #breadcrumbs ul li a {
    padding        : 0 5px 0 0;
    color          : #888;
    font-size      : 12px;
    text-transform : uppercase;
}

#content #breadcrumbs ul li a:hover {
    color : #000;
}

#content span.breadcrumbDivider {
    color       : #888;
    padding     : 0;
    display     : inline-block;
    font-size   : 13px;
    line-height : 12px;
}

#content #breadcrumbs ul li a.currentBreadcrumb {
    color          : #000;
    text-transform : none;
}

.addthis_button_email > .at-icon-wrapper {
    margin-top: 8px;
    margin-bottom: 0px !important;
}
.addthis_button_email {
    width: 60px !important;
    position: absolute;
    margin-top: -2px !important;
}
.custom_email {
    width: 60px;
    display: flex;
    align-items: center;
    background-color: grey;
    height: 20px !important;
    border-radius: 2px;
}
.addthis_button_email_content {
    margin-left: 20px;
    flex: 1;
    color: white !important;
    display: block;
}

/* ================================= */
/* Enquiry Form */
/* ================================= */

.required_fields_heading {
    font-size : 11px;
}

.form_required i,
.required_fields_heading i {
    color : #ff0000;
}

.form_required i.small-icon {
    font-size: 10px;
    vertical-align: top;
}

.form_label, .form_required, .form_field {
    margin : 6px 0;
}

.form_container.contact_us_box {
    padding-left: 10px;
    padding-right: 10px;
}

.form_container.contact_us_box .form_label {
    font-weight: bold;
}

.form_container.contact_us_box .form_label,
.form_container.contact_us_box .form_required {
    width: auto;
    height: auto;
    padding-top: 0;
    display: inline-block;
}

.form_container.contact_us_box .form_field {
    width: 100%;
    padding-bottom: 10px;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.contact_divider {
    border: solid 1px rgb(226, 226, 18);
    display: grid;
    width: 90%;
    border-radius: 5px;
    margin-bottom: 10px;
    margin: auto auto 10px auto;
}

.form_label {
    width   : 20%;
    padding : 13px 0 0 0;
    clear   : both;
    height : 40px;
}

.form_required {
    width   : 5%;
    padding : 10px 0 0 0;
}
#sbForm .form_field {
    width: 100%;
}
.form_field {
    width      : 50%;
    min-height : 30px;
}

#content .errorInput {
    background         : url(/images/icons/error.gif) no-repeat right 3px #fff;
    -webkit-box-shadow : #E59595 0 0 4px;
    -moz-box-shadow    : #E59595 0 0 4px;
    box-shadow         : #E59595 0 0 4px;
    border             : 1px solid #CC0000;
}

.imageVerification * {
    vertical-align  : middle;
    margin          : 0 5px 0 0;
    text-decoration : none !important;
}
.imageVerification img {
    width: 77px;
}

.imageVerification input,
.imageVerification input[type="text"] {
    width : 39%;
    margin-right: 0px;
}

.errorText {
    color : #CC0000;
}

input.hintText, .form_note {
    color : #666666;
}

/* ================================= */
/* 2 column form layout */
/* ================================= */
.eqh_wrap {
    display: flex;
    flex-wrap: nowrap;
}

.form_container {
    background: #E5F1F9;
    padding: 20px;
    box-sizing: border-box;
    color: #555;
    margin-bottom: 20px;
}

.form_container h2 {
    border-bottom: 1px solid #0077c0;
    padding-bottom: 10px;
}

.form_container .form_field {
    width: 75%;
}

.form_container .form_required {
    padding-top: 19px;
}

.form_container .form_label_box {
    line-height: 1.2em;
    padding-top: 0;
}

@media screen AND (max-width: 767px) {
    .form_container .form_label { font-weight: bold; }
    .form_container .form_field { width: 100%; }
    .form_container .form_required { padding-top: 9px;}
}

/* ================================= */
/* Form Fields Inputs */
/* ================================= */

input, textarea, select {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size   : 14px;
    outline     : none;
    width: 100%;
}

.textinput {
    color: #898b8e;
}
.sidebarEnquiry form input[type="submit"] {
    width: 100% !important;
    font-size: 14px;
    font-weight: 600;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.sidebarEnquiry .imageVerification {
    margin-bottom: 10px;
}
.category {
    padding: 10px;
    color: #666666;
}
input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select {
    width                 : 100%;
    padding: 19px 20px;
    border                : 1px solid #e1e2e3;
    -webkit-box-shadow    : rgba(255, 255, 255, 0) 0 0 4px;
    -moz-box-shadow       : rgba(255, 255, 255, 0) 0 0 4px;
    box-shadow            : rgba(255, 255, 255, 0) 0 0 4px;
    -moz-transition       : box-shadow linear 0.2s, border linear 0.2s;
    -webkit-transition    : box-shadow linear 0.2s, border linear 0.2s;
    -o-transition         : box-shadow linear 0.2s, border linear 0.2s;
    transition            : box-shadow linear 0.2s, border linear 0.2s;
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    -ms-box-sizing        : border-box;
    -o-box-sizing         : border-box;
    box-sizing            : border-box;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {
    border             : 1px solid #0077c0 !important;
    /*-webkit-box-shadow : #ED5C33 0 0 4px !important;
    -moz-box-shadow    : #ED5C33 0 0 4px !important;
    box-shadow         : #ED5C33 0 0 4px !important;*/
}

/* ================================= */
/* Property Form */
/* ================================= */

.property_form {
    background-color: #fafbfd;
}

.property_form .steps {
    counter-reset: step-counter;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px 40px;
    border-bottom: 2px solid #eaebf0;
}

@media screen and (max-width: 520px) {
    .property_form .steps {
        flex-direction: column;
        align-items: flex-start;
    }
}

.property_form .steps a {
    display: flex;
    align-items: center;
    counter-increment: step-counter;
    color: #004773;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;;
}

.property_form .steps a::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    content: counter(step-counter);
    border: 2px solid #0177c1;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin-right: 20px;
}

.property_form .steps a.previous {
    opacity: 0.5;
}

.property_form .steps a.previous::before {
    background-color: #0177c1;
    color: #ffffff;
}

.property_form .steps a.next {
    color: rgba(0,71,115,0.5);
}

.property_form .steps a.next::before {
    border-color: #eaebf0;
}

.property_form .page_container {
    padding: 50px;
}

@media screen and (max-width: 599px) {
    .property_form .page_container {
        padding: 30px;
    }
}

.property_form .form_page {
    max-width: 700px;
    margin: 0 auto;
}

.property_form .form_page h2 {
    text-align: center;
    margin-bottom: 40px;
}

.property_form .form_page h2::after {
    content: '';
    display: block;
    margin: 20px auto 30px;
    width: 50px;
    height: 2px;
    background-color: #0077c0;
}

.property_form .field_grid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.property_form .field_grid > div {
    padding: 15px;
}

.property_form input:not([type=checkbox]):not([type=radio]),
.property_form select {
    height: 50px;
    padding: 15px 20px;
    border-radius: 4px;
}

.property_form input:invalid {
    background-color: #ffffff;
}

.property_form label {
    color: #000000;
    font-size: 16px;
}

.property_form .checkbox_grid {
    margin: -5px -15px;
    margin-top: 5px;
}

.property_form .checkbox_grid .checkbox {
    padding: 5px 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.property_form .checkbox input {
    width: 20px;
    height: 20px;
    border: 1px solid #e1e2e3;
    cursor: pointer;
}

.property_form .checkbox label {
    font-size: 14px;
}

.property_form hr {
    margin: 5px 0;
}

.property_form .button {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: 14px;
    border-radius: 4px;
    padding: 15px 25px !important;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.2s ease;

    color: #ffffff;
    background-color: #0077c0;
    box-shadow: inset 0px 0px 0px #004773, 0px 3px 0px #004773;
}

.property_form .button:hover {
    background-color: #0094ee;
}

.property_form .button:active {
    box-shadow: inset 0px 0px 0px #004773, 0px 0px 0px #004773;
}

@media only screen {
    .property_form .sr_label {
        display: none;
    }
}


/* ================================= */
/* Tables */
/* ================================= */

table.invisibleTable tr:hover .mceLayout td {
    border-top : 1px solid #ccc;
}

table.invisibleTable tr .mceLayout td table {
    margin : 10px 0 5px !important;
}

/* ================================= */
/* Buttons */
/* ================================= */

input[type="submit"], button, .button {
    padding               : 8px 20px !important;
    background-color      : #0077c0;
    display               : inline-block;
    font-size             : 12px;
    line-height           : normal !important;
    -webkit-border-radius : 4px; -moz-border-radius : 4px; -o-border-radius : 4px; -ms-border-radius : 4px;
    border-radius         : 4px;
    color                 : #ffffff !important;
    font-weight           : normal;
    cursor                : pointer;
    width                 : auto !important;
    border: none;
}

input[type="submit"]:hover, button:hover, .button:hover {
    background-color: #0094ee;
    text-decoration     : none;
    /* Buttons in IE7 don't get borders, so darken on hover */
    background-position : 0 -15px;
}

input[type="submit"]:active, button:active, .button:active {
    background-color   : #004a78;
    background-image   : none;
    outline            : 0;
}

/* ================================= */
/* Errors / Info / Caution */
/* ================================= */

.error_box, .info_box {
    margin       : 0 0 15px 0;
    padding      : 15px;
    border-width : 2px;
    border-style : solid;
    color        : #555555;
}

.error_box {
    border-color: #0077c0;
    background-color: #ffffff;
    color: #0077c0;
}

.info_box {
    border-color     : #0077c0;
    background-color : #ffffff;
}

.approval_box {
    border-color     : #0077c0;
    background-color : #e5f1f9;
    color: #004773;
}

#content .error_box ul {
    margin-bottom : 0;
    color: #666666;
}

.info_box i {
    margin : 0 8px 0 0;
}

/* ================================= */
/* Message Boxes */
/* ================================= */

.msg_box {
    position     : relative;
    margin       : 20px 0;
    padding      : 10px 10px 10px 45px;
    width        : 640px;
    border-width : 2px;
    border-style : solid;
    /* border-radius: 5px; */
    color        : #555555;
}

.msg_box.info {
    background   : #E1F2F7 url('/images/icons/information.png') no-repeat 15px 11px;
    border-color : #C5E4ED;
}

.msg_box.success {
    background   : #F2FCDC url('/images/icons/accept.png') no-repeat 15px 11px;
    border-color : #D5F296;
}

.msg_box.caution {
    background   : #FFFCD9 url('/images/icons/error.png') no-repeat 15px 11px;
    border-color : #F5F0AE;
}

.msg_box.error {
    background   : #FFF2ED url('/images/icons/exclamation.png') no-repeat 15px 11px;
    border-color : #F5C2AE;
}

.msg_box a.close {
    position : absolute;
    top      : 3px;
    right    : 0px;
    padding  : 5px 10px;
}

/* ================================= */
/* Icons */
/* ================================= */

.small-icon {
    font-size : 14px;
}

.medium-icon {
    font-size      : 16px;
    vertical-align : middle;
}

.large-icon {
    font-size      : 35px;
    vertical-align : middle;
}

/* ================================= */
/* TinyMCE */
/* ================================= */

.editor {
    width : 100%;
}

.mini_editor { }

#content .mceEditor table {
    margin : 0;
}

/* ====================================== MODULES ====================================== */

/* ================================= */
/* Locations / Locator Module */
/* ================================= */

#locationSearch {
    font-size   : 11px;
    line-height : 20px;
    color       : #fff;
    padding     : 20px 9px;
    background  : #ED5C33;
    position    : relative;
    margin      : 0 0 18px 0;
}

.locationSearchHeading {
    font-size   : 16px;
    font-weight : bold;
}

#content #locationSearch span.locationIcon {
    background-image : url(/images/buttons/locator_icon.png);
    bottom           : 16px;
}

#locationSearch input[type="text"] {
    width        : 80%;
    padding      : 3px 33px 3px 7px;
    height       : 16px;
    line-height  : 16px;
    background   : #CCCCCC !important;
    border-color : #fff !important;
    color        : #fff;
    font-size    : 11px;
    margin-top   : 4px;
}

::-webkit-input-placeholder {
    color : #666;
}

:-moz-placeholder {
    color : #666;
}

#locationSearch input[type="text"]:focus {
    -webkit-box-shadow : #fff 0 0 4px !important;
    -moz-box-shadow    : #fff 0 0 4px !important;
    box-shadow         : #fff 0 0 4px !important;
}

#locationSearch input[type="image"] {
    position : absolute;
    right    : 14px;
    bottom   : 21px;
    width: auto;
}

#location_search_map {
    height : 600px;
}

.state-box {
    margin-bottom : 20px;
}

#store-location-text li {
    margin-bottom : 10px;
}

.location_num {
    background  : url(/images/backgrounds/locator_num_bg.png) no-repeat;
    color       : #fff;
    width       : 20px;
    height      : 27px;
    text-align  : center;
    font-weight : bold;
    padding     : 2px 0 0;
}

.location_content {
    margin-left : 27px;
}

#store-location-text h2 {
    margin-bottom : 10px;
}

#store-location-text h3 {
    margin-bottom : 5px;
}

#store-location-text h3 a {
    color : #1E1E1E;
}

.contactDetailsTable td {
    padding : 0 10px 10px 0;
}

a.phoneLink {
    color : #1E1E1E;
}

#location_map {
    height : 300px;
}

/* ================================= */
/* Members  */
/* ================================= */

.signup_box {
    position: relative;
    border: 1px solid #e3e2e1;
    background: #fcfbfa;
    padding: 20px;
}

.signup_box.grid_12 {
    margin-left: 25%;
}

.signup_box .dividing_line {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    bottom: 20px;
    width: 0px;
    border-right: 1px solid #e3e2e1;
}

.course_dashbox_container .sub_button {
    margin-top: 10px !important;
}

.course_dashbox_container {
    position:              relative;
    background:            #FFFFFF;
    text-align:            center;
}

.course_dashbox_container > h2 {
    padding:       10px;
    margin-bottom: 0;
    text-align:    center;
}

.course_dashbox_container .center_box {
    display: inline-block;
    float:   none
}

.course_dashbox_container a .members_button {
    background: #FFFFFF;
}

.course_dashbox_container a .members_button:hover {
    background: #0077c0;
}

a .members_button {
    background:            #EEEFF1;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    margin-top:            20px;
    width:                 100%;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    -o-box-sizing:         border-box;
    -ms-box-sizing:        border-box;
    box-sizing:            border-box;
    float:                 left;
    padding:               20px 15px 15px;
    -moz-box-sizing:       border-box;
    -webkit-box-sizing:    border-box;
    box-sizing:            border-box;
    text-align:            center;
    color:                 #000000;
    position:              relative;
}

.members_button .incomplete_tag {
    display: none;
}

.members_button.incomplete_show {
    background: #FFECD9;
    color:      #FFCA95;
}

.course_dashbox_container .members_button.incomplete_show:hover {
    background: #FFDCAC;
}

.course_dashbox_container .members_button.incomplete_show:hover .incomplete_tag {
    background: #FFFFFF;
    color:      #FFDCAC;
}

.members_button.incomplete_show h3, .members_button.incomplete_show h2, .members_button.incomplete_show i {
    color: #FFDCAC;
}

.members_button.incomplete_show p {
    display: none;
}

.members_button.incomplete_show .incomplete_tag {
    position:              relative;
    -webkit-border-radius: 40px;
    -moz-border-radius:    40px;
    border-radius:         40px;
    display:               block;
    font-size:             17px;
    width:                 57%;
    margin:                0 auto;
    font-weight:           900;
    color:                 #FFFFFF;
    background:            #FFE0B7;
    text-align:            center;
    padding:               9px 15px;
    text-transform:        uppercase;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    -o-box-sizing:         border-box;
    -ms-box-sizing:        border-box;
    box-sizing:            border-box;
}
.course_dashbox_container .members_button.no_data.incomplete_show:hover {
    background: #BCC4C8; }

    .course_dashbox_container .members_button.no_data.incomplete_show:hover {
    background: #BCC4C8;
}
.members_button.no_data.incomplete_show,.members_button.no_data.incomplete_show h3, .members_button.no_data.incomplete_show h2, .members_button.no_data.incomplete_show i  {
    color: #BCC4C8;
}
.members_button.no_data.incomplete_show .incomplete_tag {
    background: #BCC4C8;
}
.course_dashbox_container .members_button.no_data.incomplete_show:hover .incomplete_tag {
    background: #FFFFFF;
    color:      #BCC4C8;
}
.members_button.no_data.incomplete_show:hover
,.members_button.no_data.incomplete_show:hover h3,
.members_button.no_data.incomplete_show:hover h2,
.members_button.no_data.incomplete_show:hover i  {
    color: #fff;
}

.members_button:hover {
    background: #0171BB;
    color:      #FFFFFF;
}

.members_button:hover h3, .members_button:hover i {
    color: #FFFFFF;
}

.members_button i {
    font-size: 60px;
    color:     #0171BB;
}

.members_button h3 {
    line-height: 20px;
}

.members_button .icon_container {
    margin-bottom: 20px;
}
/* ================================= */
/* People / Staff / Team Module */
/* ================================= */

.people_wrapper {
}

.people_person {
}

.people_person a, .people_person a:link, .people_person a:visited, .people_person a:active {
    display       : block;
    border-bottom : 1px solid transparent;
    padding       : 0 0 8px;
    margin        : 0 0 8px;
}

.people_person a:hover {
    border-bottom : 1px solid #ED5C33;
}

.people_person img {
    display    : block;
    text-align : center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

img.people_person_image, .people_person img {
    border : 4px solid #eee;
}

.people_person a:hover img {
    border : 4px solid #ED5C33;
}

.people_person a:hover p {
    color : #ED5C33;
}

.people_person p {
    display     : block;
    font-weight : bold;
    font-size   : 13px;
    margin      : 0 !important;
    padding     : 8px 0 0;
    color       : #111;
}

.people_person p span {
    font-weight : normal;
    font-style  : italic;
    font-size   : 12px;
}

/* ================================= */
/* Products Module */
/* ================================= */
#homePage .featuredProperties {
    /*position: absolute;*/
    margin-top: -100px;
}
.homeSelector h4 {
    margin-bottom: 20px !important;
}
.filterSide .widget_content {
    background-color: #fafbfc;
}
.productContainer {
    width: 100%;
    border: 1px solid #e1e2e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all ease 0.3s;
    position: relative;
    top: 0;
}
a .productContainer p {
    color: #666666;
}
a .productContainer:hover div {
    background-color: #fafbfc;
}
a .productContainer:hover {
    -webkit-box-shadow: 0 4px 3px 0px rgba(99,99,99,0.2);
    -moz-box-shadow:    0 4px 3px 0px rgba(99,99,99,0.2);
    box-shadow:         0 4px 3px 0px rgba(99,99,99,0.2);
    top: -10px;
}

.featuredProperties a .productContainer.featured {
    border: 1px solid #bcdbef;
}
.featuredProperties a .productContainer.featured div {
    background-color: transparent;
}
.featuredProperties a .productContainer.featured > div {
    background-color: #e5f1f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.featuredProperties a .productContainer.featured .basicInfo {
    background-color: #c9e2f3;
}
.featuredProperties a .productContainer.featured:hover > div {
    background-color: #d7eaf6;
}

.productsListWrapper h2.featured_title {
    border-bottom: 1px solid #e1e2e3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.productsListWrapper h2.all_title {
    margin-top: 60px;
}

.productListItem {
    padding: 15px;
}
@media (min-width: 768px) {
    .productListItem:nth-of-type(odd) {
        padding-left: 0;
	    clear: left;
    }
    .productListItem:nth-of-type(even) {
        padding-right: 0;
    }
}
.productImg {
    display: flex;
    flex-wrap: wrap;
}

.productThumbPhoto {
    /*height: 242px;*/
    height: 100%;
    float: left;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-position: center;
    background-size: cover;
    opacity: 1;
    transition: all ease 0.7s;
    text-align: center;
    background: #fafbfc;
}
.productThumbPhoto .scale_with_grid {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
a .productContainer:hover .productThumbPhoto {
    /*opacity: 0.7;*/
}
.prodInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 20px 20px;
}
.prodPrice {
    margin: 10px 0;
}
.prodPrice h3 {
    font-size: 20px;
    margin-bottom: 0;
}
.prodPrice .pricetext {
    font-size: 14px;
    line-height: 1.2;
    display: block;
}
.prodInfo .houseDetails {
    gap: 0;
}
.prodAddress h1,
.prodAddress h2,
.prodAddress h3,
.prodAddress h4 {
    margin-bottom: 0px;
}
.prodAddress h4 {
    color: #004773;
    font-size: 20px;
}
.readMore {
    color: #0077c0;
    font-family: 'Montserrat', sans-serif;
}
.basicInfo {
    padding: 15px 20px;
    background-color: #fafbfc;
    /*bottom: 0;
    left: 0;
    position: absolute;*/
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.houseDetails {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    color: #0077c0;
}
.houseDetails i {
    margin-right: 5px;
    font-size: 18px;
}
.propertyType, .garageType {
    margin-bottom: 8px;
}
#priceLabelLeft, #priceLabelRight {
    font-size: 12px;
    margin-top: 8px;
    display: inline-block;
}
#priceLabelRight {
    float: right;
}
.propType {
    margin-bottom: 10px;
    display: inline-block;
}
.sliderField {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
#filterButton {
    height: 53px;
}
input.bigButton {
    width: 100% !important;
    height: 50px;
    color: #ffffff !important;
    background-color: #0077c0;
    border: 0px;
    font-size: 14px;
    font-weight: bold;
}
input.bigButton:hover {
    background-color: #0094ee;
    color: #ffffff !important;
}
input.bigButton:active {
    background-color: #004e7d;
}
.mainImage div {
    width: 100%;
    height: 390px;
    background-position: center;
    background-size: cover;
}
.lt-ie9 .mainImage div {
    width: 653px;
    background-repeat: no-repeat;
}
.lt-ie9 .productThumbPhoto {
    width: 232px;
    background-repeat: no-repeat;
}
.lt-ie9 .sideImages {
    display: none;
}
.ui-slider-horizontal .ui-slider-range {
    border: 1px solid #e2e2e2 !important;
}
.ui-slider-horizontal .ui-slider-range {
    height: 74% !important;
}
/* ================================= */
/* FAQs Module */
/* ================================= */
.faqs li {
    margin-bottom: 20px !important;
}
#content .faqs, #content .faqs li {
    margin: 0;
    padding: 0;
}

#content .faqs {
    margin-bottom: 20px;
}

.faq_title {
    cursor: pointer;
    background: #F2F3F3;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 0;
    font-size: 16px;
    background: #0077c0;
    color: #ffffff;
}

.faq_title:hover {
    background: #0094ee;
}

.faq_title i {
    float: right;
    margin: 2px 4px 0 0;
}

.faq_content {
    display:none;
    padding: 10px 10px 0;
}

.fa-check-square {
    color: #0077c0;
}
.otherField {
    display: none;
}

.footer_social {
    margin-top: 13px;
}

.footer_social a:hover {
    background: #ffffff;
    border-radius: 10px;
}

.footer_social .facebook:hover {

    color: #3b5998;
}

.footer_social .twitter:hover {
    color: #1da1f2;
}

.footer_social .instagram:hover {
    color: #125688;
}

.footer_social .google_plus:hover {
    color: #dd4b39;
}

.footer_social .you_tube:hover {
    color: #cc181e;
}

.footer_social li {
    list-style-type: none;
    float: left;
}

.footer_social li a {
    font-size: 25px;
    color: #ffffff;
    padding: 0px 10px;
}

/* ====================================== PLUGINS ====================================== */
/*
 * jQuery Off Canvas Menu v1.2
 * Copyright (c) 2014 Matt Mcnamee
 *
 * Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 */
@media (max-width: 768px) {
    .onCanvas {
        -webkit-transform:translateZ(0);
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
.onCanvas,body,html{background:#1D1F20;width:100%}.onCanvas{width:100%;min-height:100%;position:relative;height:100%;float:left;z-index:2;-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s;}.overflow_hidden,.overflow_hidden .onCanvas,.overflow_hidden body{overflow:hidden!important;height:100%}html.offCanvas_open body .onCanvas{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}html.offCanvas_open body .onCanvas.onCanvas_left{-webkit-transform:translateX(260px);-moz-transform:translateX(260px);-ms-transform:translateX(260px);-o-transform:translateX(260px);transform:translateX(260px)}@media screen and (min-width:365px){html.offCanvas_open body .onCanvas{-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);transform:translateX(-300px)}html.offCanvas_open body .onCanvas.onCanvas_left{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px)}}a.offCanvas_trigger{display:block;float:right;margin:20px 17px 0 0;outline:0;width:30px;height:38px}.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item{background:#fff}.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:first-child{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform-origin:6px 50%;-ms-transform-origin:6px 50%;-webkit-transform-origin:6px 50%;transform-origin:6px 50%}.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(2){opacity:0}.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(3){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-webkit-transform-origin:1px 50%;transform-origin:1px 50%}.offCanvas_trigger_item{-moz-transition:all linear .4s;-o-transition:all linear .4s;-webkit-transition:all linear .4s;transition:all linear .4s;display:block;width:30px;height:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;margin:0 0 5px;background:#fff}@media screen and (max-width:767px){a.offCanvas_trigger{display:block}}.offCanvas{padding:20px 5px 20px 35px;height:100%;overflow-y:hidden;visibility:hidden;position:fixed;right:0;top:0;z-index:1;width:235px;background-color:#242e30;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0s,visibility 0s .4s;-moz-transition:-moz-transform .4s 0s,visibility 0s .4s;transition:transform .4s 0s,visibility 0s .4s;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);-o-transform:translateX(80px);transform:translateX(80px);-webkit-overflow-scrolling:touch}.offCanvas.offCanvas_left{left:0;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-ms-transform:translateX(-80px);-o-transform:translateX(-80px);transform:translateX(-80px)}@media screen and (min-width:365px){.offCanvas{width:275px}}html.offCanvas_open .offCanvas.offCanvas_menu_open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-transition:-webkit-transform .4s 0s,visibility 0s 0s;-moz-transition:-moz-transform .4s 0s,visibility 0s 0s;transition:transform .4s 0s,visibility 0s 0s;overflow-y:scroll}ul.offCanvas_menu{position:relative}ul.offCanvas_menu,ul.offCanvas_menu ul{-webkit-transform:translateZ(0);list-style:none;float:left;width:100%;display:block;margin:0 0 20px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}ul.offCanvas_menu ul{padding:0 0 15px 20px;margin:0;display:none}ul.offCanvas_menu li{list-style:none;display:block;margin:0;padding:0;width:100%;float:left;cursor:pointer;position:relative}ul.offCanvas_menu li a{display:block;float:left;width:75%;padding:7px 0;font-size:16px;color:#ddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.offCanvas_menu>li>a{text-transform:uppercase;font-size:18px}ul.offCanvas_menu li a:hover{color:#fff}ul.offCanvas_menu li .offCanvas_menu_has_children_indicator{display:block;float:left;width:25%;height:20px;position:absolute;right:0;top:8px;text-align:center}ul.offCanvas_menu li>.offCanvas_menu_has_children_indicator svg{fill:#fff;width:11px;height:11px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform ease .2s;-moz-transition:-moz-transform ease .2s;-ms-transition:-ms-transform ease .2s;-o-transition:-o-transform ease .2s;transition:transform ease .2s}ul.offCanvas_menu li.offCanvas_menu_sub_open>.offCanvas_menu_has_children_indicator svg{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}ul.offCanvas_menu_social,ul.offCanvas_menu_social li{list-style:none;text-align:center;margin:0;padding:0}ul.offCanvas_menu_social{width:90%;float:left;margin-bottom:80px}ul.offCanvas_menu_social li{display:inline-block;padding:0 8px}ul.offCanvas_menu_social li a{color:#777;font-size:28px}ul.offCanvas_menu_social li a:hover{color:#666}

html, body, .onCanvas {
    background: #FFF;
}

a.offCanvas_trigger {
    margin: 45px 25px 0 0;
    height: 22px;
}

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item,
.offCanvas_trigger_item {
    background: #FFF;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline : none; }

.slides,
.flex-control-nav,
.flex-direction-nav { margin : 0; padding : 0; list-style : none; }

/* FlexSlider Necessary Styles
*********************************/
#content .flexslider ul, .flexslider { margin : 0 0 0; padding : 0; }

.flexslider .slides > li { display : none; -webkit-backface-visibility : hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; max-height: none; }

.flex-pauseplay span { text-transform : capitalize; }

.flexslider li { position : relative; }

.banner_overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.banner_overlay .bannerWords {
    position: relative;
}

.banner_overlay .banner_text {
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    padding: 20px 20px 40px;
}

#homeBanner .banner_overlay .banner_text h2 {
    font-size: 18px;
    line-height: 26px;
    color: #005597;
}
#homeBanner .banner_overlay .banner_text h4 {
    font-size: 13px;
    color: #005597;
}
#homeBanner .banner_overlay .banner_text p {
    padding: 10px 0 0;
    margin: 0 auto;
    color: #004773;
    font-weight:    600;
}


.banner_overlay .banner_links {
    margin-top: -30px;
    text-align: center;
}

.banner_overlay .banner_links .button {
    margin: 0 10px 10px;
}

@media only screen and (min-width: 768px) {
    .banner_overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .banner_overlay .banner_text {
        padding: 20px 40px 40px 40px;
        border-radius: 100px;
    }

    #homeBanner .banner_overlay .banner_text h2 {
        font-size: 26px;
        line-height: 34px;
    }

    #homeBanner .banner_overlay .banner_text p {
        padding: 15px 80px 0;
        max-width: 600px;
    }
    .banner_overlay .banner_links .button {
        margin: 0 10px;
    }
}

@media only screen and (min-width: 1025px) {

    .banner_overlay .banner_text {
        padding: 30px 80px 60px 80px;
        max-width: 860px;
        border-radius: 200px;
    }

    #homeBanner .banner_overlay .banner_text h2 {
        font-size: 35px;
        line-height: 42px;
    }

    #homeBanner .banner_overlay .banner_text h4 {
        font-size: 16px;
    }
}

.banner_text_container {
    width: 100%;
    position: relative;
}

.banner_text_wrapper { position: absolute; top: 20%; left: 0px; width: 100%; height: 80%; }

.banner_text_wrapper .container_24 { position: relative; }

.banner_text_wrapper .banner_text { position: relative; top : 0px; left: 0px; }

/*.banner_text:before{
    border-top: 91px solid #ffffff;
    border-right: 43px solid transparent;
    content: "";
    position: absolute;
    right: -43px;
    bottom: 0px;
    width: 0;
}*/

.banner_text_container .bannerWords {
    position: relative;
    float: left;
    top: 50%;
    left: 0px;
    width: 38%;
}

.banner_text {
    background-color: #ffffff;
    padding: 26px 30px 34px 30px;
}

.banner_text_container .bannerWords .banner_text:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -10%;
    width: 0;
    height: 0;
    background-image: url(images/backgrounds/arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 10%;
    height: 100% !important;
}

.banner_text h2 { font-size : 35px; line-height : 39px; color : #000 }


/* Clearfix for the .slides element */
.slides:after { content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0; }

html[xmlns] .slides { display : block; }

* html .slides { height : 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:gallery_first-child { display : block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin : 0px; background: transparent; position : relative; zoom : 1; overflow : visible; }

.flex-viewport { max-height : 2000px; -webkit-transition : all 1s ease; -moz-transition : all 1s ease; transition : all 1s ease; }

.loading .flex-viewport { max-height : 300px; }

.flexslider .slides { zoom : 1; margin : 0; }

.flexslider.multiple .slides li { margin-right: 20px; }

.carousel li { margin-right : 5px }

.flexslider ul, .flexslider ol {
    margin-bottom : 0 !important;
}

.flexslider ul li {
    margin-bottom : 0 !important;
    padding       : 0 !important;
}

/* Cropped Slides */
/* Requires some tuning depending on the size of the banners you're working with. */

.flexslider.slide_crop li {
    overflow: hidden;
    text-align: center;
}

.flexslider.slide_crop .slide {
    float:             none;
    display:           inline-block;
    height:            auto;
    width:             auto;
    min-width:         100%;
    max-width:         190%; /* Adjust this value to set the cutoff point */

    position:          relative;
    left:              50%;
    -webkit-transform: translateX(-50%);
    -moz-transform:    translateX(-50%);
    -ms-transform:     translateX(-50%);
    -o-transform:     translateX(-50%);
    transform:         translateX(-50%);
}

.no-csstransforms .flexslider.slide_crop  .slide {
    /* Center the banner for older browsers like IE8. */
    width:       1900px; /* Set to the slide width */
    left:        -950px; /* Half of the slide width */
    margin-left: 50%;
}


/* Direction Nav */
.flex-direction-nav li { position: static; height: 0px; }

.flex-direction-nav a { width : 24px; height: 100%; margin: 0; padding: 0px 0px; display: block; position: absolute; z-index: 99; top: 0px; cursor: pointer; text-indent: -9999px; opacity: 0; transition: all .3s ease; }

.flex-direction-nav .flex-next,
.direction_inside .flex-direction-nav .flex-next { background: url(/images/backgrounds/direction_nav_next.png) no-repeat center center; right: 0px; }
.flex-direction-nav .flex-prev,
.direction_inside .flex-direction-nav .flex-prev { background: url(/images/backgrounds/direction_nav_prev.png) no-repeat center center; left: 0px; }

.direction_outside .flex-direction-nav .flex-next { z-index: 99; right: auto; left: 100%; }
.direction_outside .flex-direction-nav .flex-prev { z-index: 99; left: auto; right: 100%; }

.direction_fixed .flex-direction-nav .flex-next,
.direction_fixed .flex-direction-nav .flex-prev { background-size: 12px 24px; width: 12px; height: 24px; top: auto; bottom: 10%; right: 4%; left: auto; opacity: 1; padding: 0px 10px; }
.direction_fixed .flex-direction-nav .flex-prev { margin-right: 30px; }

html.touch .flexslider .flex-next, html.touch .flexslider .flex-prev, /* Show buttons by default if the browser is touch enabled. */
.flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 1; padding: 0px 10px; }

.flex-direction-nav .disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }

.flexControls  {
    height: 0;
}
/* Control Nav */
.flex-control-nav, #copy .flex-control-nav {
    position: absolute;
    z-index: 99;
    bottom: -4px;
    right: 0;
    text-align: center;
    margin: 0px;  }

.flex-control-nav.container_24, #copy .flex-control-nav.container_24 { position: relative; z-index: 99; top: -50px; bottom: auto; bottom: auto; left: auto; text-align: center; margin: 0px auto; height: 0px; text-align: left; }

.control_outside .flex-control-nav, #copy .control_outside .flex-control-nav { padding: 5px 0px; margin: 0px auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; }

.flex-control-nav li, #copy .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; margin-left: 3px; margin-right: 3px; }

.flex-control-paging li a { border: 2px solid #fff; width : 14px; height : 14px; display : block; cursor : pointer; text-indent : -9999px; -webkit-border-radius : 20px; -moz-border-radius : 20px; -o-border-radius : 20px; border-radius : 20px; box-shadow : inset 0px 1px 2px rgba(0, 0, 0, 0.2); }

.flex-control-paging li a:hover { background : #EEEEEE; }

.flex-control-paging li a.flex-active { cursor : default; box-shadow : none; position : relative;
    background-color: #ffffff;
}

.flex-control-thumbs { margin : 5px 0 0; position : static; overflow : hidden; }

.flex-control-thumbs li { width : 25%; float : left; margin : 0; }

.flex-control-thumbs img { width : 100%; display : block; opacity : .7; cursor : pointer; }

.flex-control-thumbs img:hover { opacity : 1; }

.flex-control-thumbs .active { opacity : 1; cursor : default; }


/* **********************************************************************************
    Tipsy
    ********************************************************************************** */

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }

    .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* **********************************************************************************
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
    ********************************************************************************** */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#FFF; padding: 0px;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0 !important; margin:0; overflow:visible; text-indent:-9999px; width:25px !important; height:25px; position:absolute; top:-25px; background:url(images/colorbox/controls.png) no-repeat 0 0;}

        button#cboxPrevious, button#cboxNext, button#cboxSlideshow, button#cboxClose { border: none !important; outline: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; background-color: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;}
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:50px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:25px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* Subscribe Button */

.subscribe.pushButton {
    margin-left: 20px;
}

#subscribeForm {
}

#inline_content {
    padding: 10px 30px;
}

.error_box li {
    margin-left: 32px;
}

#subscribeForm input[type=checkbox], #subscribeForm input[type=radio] {
    display: inline-block;
    width: auto;
    margin-left: 10px;
}

#subscribeForm .checkbox_title {
    width: 120px;
    display: inline-block;
}


/* Homepage Video Popup */

.homeVideoWrapper {
    background-color: #000000;
    padding: 20px;
}

.homeVideoWrapper .iframeScaler {
    width: 100%;
    display: block;
    position: relative;
}

.homeVideoWrapper .iframeScaler:before {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    padding-top: 56.2%;
}

.homeVideoWrapper .iframeScaler iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.homeVideoWrapper .findProperty {
    padding-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}

/* Side-Fixed Social Icons */
.fixed-side {
    position: fixed;
    left: 0;
    top: 50%;
    width: 50px;
    transform: translateY(-50%);
    z-index: 3;
}

.side_social {
    list-style: none;
    margin: 0;
    padding: 0;
}

#our-homes-viewPage .side_social {
    display: none;
}

.side_social li a {
    background-color: #0077c0;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 15px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    transition: all 0.2s linear;
}
.side_social li a:hover {
    -webkit-box-shadow: -5px 0 0px 0px rgba(99,99,99,0.2);
    -moz-box-shadow:    -5px 0 0px 0px rgba(99,99,99,0.2);
    box-shadow:         -5px 0 0px 0px rgba(99,99,99,0.2);
    transform: translateX(5px);
    background-color: #0094ee;
}

.addthis_toolbox.addthis_default_style {
    width: 100%;
    box-sizing: border-box;
}
@media (min-width: 769px) {
    .addthis_toolbox.addthis_default_style {
        float: right;
        width: 50%;
        padding: 20px 0 0 20px;
    }
}


[aria-hidden='true'] {
    display: none;
}

.back_container	.backTo {
	display: inline-block;
	margin-right: 10px;
}

@media screen and (max-width: 1023px) {
	.back_container .print_button {
		margin: 0;
		display: inline-block;
		width: auto !important;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
    .contact_us_box {
        height: initial;
    }

	.back_container .print_button {
		margin: 0 auto 20px;
		display: block;
		width: 70px !important;
		text-align: center;
	}
	.back_container	.backTo {
		display: block;
		margin: 0 0 10px;
		text-align: center;
	}
}


@media screen and (max-width: 1023px) {
	.print_button {
		margin: 0 auto 20px;
		display: block;
		width: 70px !important;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.list_properties_form {
		float: none;
		width: 100%;
	}
	.list_properties_form select, .list_properties_form [type=text] {
		width: 49% !important;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 459px) {
	.list_properties_form select, .list_properties_form [type=text] {
		width: 100% !important;
	}
}


.related_wrapper {
    margin: 0 -15px;
}

#relatedHomes > h2 {
    margin-bottom: 10px;
}

.related_wrapper .productListItem {
    clear: none !important;
    padding: 15px;
}
.related_wrapper .inner {
    padding: 15px 15px 0;
}

.flex-columns {
    display: flex;
    flex-wrap: wrap;
}