/* ---------------------------------------------- */
/* GENERAL
/* ---------------------------------------------- */

body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #262262;    
}

a {
	color: #262262;
    text-decoration: underline;
}

.no-underline {
    text-decoration: none;
}

a:hover {
	color: #000;
    text-decoration: none;
}

::selection {
  background: #262262; /* WebKit/Blink Browsers */
  color: #ffffff;
}
::-moz-selection {
  background: #262262; /* Gecko Browsers */
  color: #ffffff;
}


/* ---------------------------------------------- */
/* LAYOUT
/* ---------------------------------------------- */

@media screen and (min-width: 768px) {
    .text-columns-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 80px;
        -moz-column-gap: 80px;
        column-gap: 80px;
    }
}

/* ---------------------------------------------- */
/* x3 PANELS
/* ---------------------------------------------- */

.panel-text {
    font-size: 18px;
    line-height: 22px;
    margin-top: -7px;
}

/* ---------------------------------------------- */
/* TYPOGRAPHY
/* ---------------------------------------------- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
    line-height: 34px
}



strong {

}

p {
    font-family: Arial, sans-serif;
    line-height:28px;
    margin: 0 0 28px;
}

li {
    line-height: 28px;
}

@media (max-width: 767px){
    h1 {
        font-size: 30px;
        line-height: 34px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
        line-height: 34px
    }

}


/* ---------------------------------------------- */
/* TEXT COLOURS
/* ---------------------------------------------- */

.text-blue
{
    color: #262262;
}

.text-light-grey
{
    color: #f5f5f5;
}

.text-mid-grey
{
    color: #bbbbbb;
}

.text-white
{
    color: #ffffff;
}

.text-black
{
    color: #000000;
}

.text-off-black
{
    color: #333333;
}

/* ---------------------------------------------- */
/* BACKROUND COLOURS
/* ---------------------------------------------- */

.bg-brand-light
{
    background: #efebec;
}

.bg-brand-dark
{
    background: #7f7e7e;
}


.bg-blue
{
    background: #262262;
}

.bg-blue-one
{
    background: #F3F3F6;
}

.bg-blue-two
{
    background: #E9E9EF;
}

.bg-blue-three
{
    background: #DEDEE7;
}

.bg-light-grey
{
    background: #f5f5f5;
}

.bg-white
{
    background: #ffffff;
}

.bg-black
{
    background: #000000;
}

.bg-off-black
{
    background: #333333;
}


/* ---------------------------------------------- */
/* LAYOUT - PADDING
/* ---------------------------------------------- */

.padding-top-6x {
    padding-top: 120px;
}
.padding-top-5x {
    padding-top: 100px;
}
.padding-top-4x {
    padding-top: 80px;
}
.padding-top-3x {
    padding-top: 60px;
}
.padding-top-2x {
    padding-top: 40px;
}
.padding-top-1x {
    padding-top: 20px;
}
.padding-bottom-6x {
    padding-bottom: 120px;
}
.padding-bottom-5x {
    padding-bottom: 100px;
}
.padding-bottom-4x {
    padding-bottom: 80px;
}
.padding-bottom-3x {
    padding-bottom: 60px;
}
.padding-bottom-2x {
    padding-bottom: 40px;
}
.padding-bottom-1x {
    padding-bottom: 20px;
}
.padding-side-none {
    padding-left: 0px;
    padding-right: 0px;
}
.padding-side-1x {
    padding-left: 30px;
    padding-right: 30px;
}
.padding-left-none {
    padding-left: 0px;
}
.padding-right-none {
    padding-right: 0px;
}


/* ---------------------------------------------- */
/* BUTTONS
/* ---------------------------------------------- */

.btn-default
{
    background-color: #7f7e7e;
    color: #ffffff;
    border-radius: 30px;
    border: none;
    padding: 13px 29px 11px 29px;
    letter-spacing: 2px;
    font-weight: 700;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.btn-default:hover
{
    color: #000000;
    background-color: #efebec;
    border: none;
}

.btn {
    font-size: 14px;
}

.btn-default:focus, .btn-default.focus {
    color: #fff;
    background-color: #333;
    border-color: none;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #333;
    border-color: none;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background-color: #333;
    border-color: none;
}

a.btn.btn-default {
    text-decoration: none;
}

.flexslider .btn-default
{
    background-color: #ffffff;
    color: #262262;
}

.flexslider .btn-default:hover
{
    color: #262262;
    background-color: #A9A7C1;
    border: none;
}


/* ---------------------------------------------- */
/* NAVBAR
/* ---------------------------------------------- */

.navbar-brand {
    padding: 23px 0px 15px 9px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    text-decoration: none;
}

.navbar-default
{
    background-color: #7f7e7e;
    border: none !important;
}

.navbar
{
    min-height: 70px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.nav
{
    padding-top: 23px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 15px;
    margin-top: 18px;
    margin-right: 15px;
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-radius: 0px;
}

.navbar-default .navbar-toggle {
    border-color: #262262;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #262262;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-nav {
    margin: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #262262;
}

.dropdown-menu {
    min-width: 180px;
    padding: 15px 0;
    border: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 52px rgba(0, 0, 0, .15);
    box-shadow: 0 0px 52px rgba(0, 0, 0, .15);
}

.dropdown-menu > li > a {
    padding: 14px 20px;
    color: #262262;
    text-decoration: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #999;
    background-color: #ffffff;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 0px 0;
    overflow: hidden;
    background-color: #3B3972;
}

.dropdown-menu .dropdown-menu-sub-item {
	margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 22px;
    padding-right: 22px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #C3C4C6;
    background-color: #262262;
    text-decoration: none;
    border-bottom: 4px solid #C3C4C6;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #bbbbbb;
    background-color: #262262;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #C3C4C6;
    background-color: transparent;
}

.dropdown-menu {
    font-size: 16px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #3B3972;
}

@media (min-width: 992px){
    .navbar-brand {
            padding: 37px 15px 40px 15px;
    }
}

@media (max-width: 767px){
    .navbar-brand {
            padding: 19px 10px 19px 30px;
    }
    .nav {
        padding-bottom: 36px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ccc;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        border-bottom: none;
    }
}

/* START ANIMATED HAMBURGER TO CLOSE ICON */

.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-collapse {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* END ANIMATED HAMBURGER TO CLOSE ICON */

/* ---------------------------------------------- */
/* FLEXSLIDER
/* ---------------------------------------------- */

.flexslider {
    margin: 0;
    background: #fff;
    border: none;
}

.flexslider .flex-caption {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    bottom: 60px;
    padding: 0 40px;
    position: absolute;
    margin: 0 auto;
    z-index: 10;
}

body #home-hero-flexslider .flexslider .flex-caption {
    bottom: initial;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: inherit;
}

.flex-control-paging li a {
    background: #262262;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 8px;
    border: solid 1px #262262;
}

.flex-control-paging li a.flex-active {
    background: #ffffff;
    border: solid 1px #262262;
}

.flex-control-paging li a:hover {
    background: #d4d3e0;
    background: rgba(38, 34, 98 0.4);
    border: solid 1px #262262;
}

.flex-control-nav {
    z-index: 101;
}

.bg-trans-white {
    background: #ffffff;
    background: rgba(255,255,255,0.8);
    padding: 20px;
}

.flex-control-nav {
    bottom: -70px;
}

.flex-direction-nav a {
    margin: -20px 35px 0;
}

@media (min-width: 1200px) {
    .flex-caption h1 {
        font-size: 50px;
    }
}


@media (max-width: 600px) {
    .flex-caption h1 {
        font-size: 17px;
        line-height: 26px
    }

    .flexslider .flex-caption {
        padding: 0 10px;
    }

    .bg-trans-white {
        padding: 1px;
    }

    .flexslider .flex-caption h1  {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .flexslider .flex-caption .btn-default {
        padding: 12px 16px;
    }

    .flexslider .flex-caption .btn {
        font-size: 12px;
    }

    .flex-control-nav {
        bottom: -50px;
    }

    .flex-direction-nav a {
        margin: -20px 5px 0;
    }

}

/* ---------------------------------------------- */
/* FLEXSLIDER PROPERTY VIEW
/* ---------------------------------------------- */

.flex-control-thumbs {
    margin: 1px 0 0;
}

.flex-control-thumbs img {
    opacity: .3;
}

.flex-control-nav {
    width: 100%;
}

.flex-control-thumbs li {
    margin: 0 1px 0 0;
    width: 9.7%;
}

.flexslider {
    margin: 0;
    background: #FFFFFF;
    border: none; }
.flexslider .flex-direction-nav a {
    display: block;
    opacity: 1; }
.flexslider .flex-direction-nav a:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url("../images/circle-arrow-right.png") no-repeat; }
.flexslider .flex-direction-nav a.flex-next {
    right: 10px; }
.flexslider .flex-direction-nav a.flex-prev {
    left: 10px; }
.flexslider .flex-direction-nav a.flex-prev:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url("../images/circle-arrow-left.png") no-repeat; }

.loading {
    min-height: 750px;
    background: url('../images/loader.gif') no-repeat center center;
}

@media (max-width: 1199px){
    .loading {
        min-height: 650px;
    }
}

@media (max-width: 991px){
    .loading {
        min-height: 450px;
    }
}

@media (max-width: 767px){
    .loading {
        min-height: 250px;
    }
}


/* ---------------------------------------------- */
/*  PROPERTY LISTINGS
/* ---------------------------------------------- */


.prop-listings-panel {
    padding-top: 20px;
    padding-bottom: 40px;
}


.prop-listings-lpad {
    padding-left: 60px;
}


@media (max-width: 1199px){
    .prop-listings-panel {
        padding-top: 0px;
        padding-bottom: 40px;
    }

}

@media (max-width: 991px){
    .prop-listings-panel {
        padding-top: 0px;
        padding-bottom: 40px;
    }

}

@media (max-width: 767px){
    .prop-listings-lpad {
        padding-left: 0px;
    }
}

/* ---------------------------------------------- /*
 * EMBED FOR RESPONSIVE YOUTUBE VIDEO
/* ---------------------------------------------- */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------- */
/*  GRID REPEATABLE PAGES LAYOUT
/* ---------------------------------------------- */


.grid-listings-panel {
    padding-top: 20px;
    padding-bottom: 40px;
}


.grid-listings-lpad {
    padding-left: 60px;
}


@media (max-width: 1199px){
    .grid-listings-panel {
        padding-top: 0px;
        padding-bottom: 40px;
    }

}

@media (max-width: 991px){
    .grid-listings-panel {
        padding-top: 0px;
        padding-bottom: 40px;
    }

}

@media (max-width: 767px){
    .grid-listings-lpad {
        padding-left: 0px;
    }
}



/* ---------------------------------------------- */
/* GOOGLE MAPS
/* ---------------------------------------------- */

.map-min-height {
    min-height:600px;
}

.get-directions {
    min-height: 80px;
}

.get-directions .btn {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .map-min-height {
        min-height:330px;
    }
}


/* ---------------------------------------------- */
/* FORMS
/* ---------------------------------------------- */

.form-control {
    height: 44px;
    padding: 12px 12px;
    font-size: 16px;    line-height: 1.42857143;
    color: #333333;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;

}

/* ---------------------------------------------- */
/* FOOTER
/* ---------------------------------------------- */


.footer p {
	color: #999;
    font-size: 14px;
}

.footer a {
	color: #ffffff;
    text-decoration: none;
}

.footer a:hover {
	color: #ffffff;
    text-decoration: underline;
}

.footer-legals {
    font-size: 14px;
    color: #999;
}

/* ---------------------------------------------- */
/* SMALLER DEVICES
/* ---------------------------------------------- */

@media (max-width: 767px){

    .padding-top-6x {
        padding-top: 60px;
    }
    .padding-top-5x {
        padding-top: 50px;
    }
    .padding-top-4x {
        padding-top: 40px;
    }
    .padding-top-3x {
        padding-top: 30px;
    }
    .padding-top-2x {
        padding-top: 20px;
    }
    .padding-top-1x {
        padding-top: 10px;
    }
    .padding-bottom-6x {
        padding-bottom: 60px;
    }
    .padding-bottom-5x {
        padding-bottom: 50px;
    }
    .padding-bottom-4x {
        padding-bottom: 40px;
    }
    .padding-bottom-3x {
        padding-bottom: 30px;
    }
    .padding-bottom-2x {
        padding-bottom: 20px;
    }
    .padding-bottom-1x {
        padding-bottom: 10px;
    }

    .text-mobile-center {
        text-align: center;
    }

    .lead {
        font-size: 18px;
    }

}


/* ---------------------------------------------- /*
 * LARGE BREAK POINT
/* ---------------------------------------------- */

@media only screen and (min-width : 1380px) {
    .container {
        width: 1340px;
    }
}