/* Colour references
Navbar Dark colour - #3e4044
Header/Footer mid-tone colour - #4e5155
Search facility/Highlight lighter colour - #76906d
Colour references */

/* Global colours */
body {
	color: #666;
}

a {
	color: #222;
}

a:hover, a:focus {
	color: #d7e026!important;
}

header, footer {
	background: #4e5155;
}

#site-header p {
    color: #d7e026;
    font-size: 1.6em;
}

#contact-details a {
	color: #fff;
}

#contact-details a:hover, #contact-details a:focus {
	color: #d7e026;
}

.tel-header {
    margin-top: 5px;
}

.navbar, .nav-background {
	background: #3e4044;
}

.nav.navbar-nav li a, .navbar-nav .open .dropdown-menu>li>a {
	color: #fff!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background: #d7e026;
	color: #4e5155!important;
}

.navbar-nav .open .dropdown-menu {
	background: #3e4044;
	color: #fff!important;
}

.dropdown-menu {
	background: #4e5155;
}

.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
	background-color: #d7e026!important;
	color: #4e5155!important;
}

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

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

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

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

/* Style the form */

.register-form-bg {
    background: #eee;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0px;
}

.register-form-bg h2 {
    text-align: center;
    color: #3e4044;
    margin: 50px 0px;
}

/* Style the input fields */
.register-form-bg .form-control, .register-form-bg input, .register-form-bg textarea {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 21px 2px rgba(208,206,206,1);
    -moz-box-shadow: 0px 1px 21px 2px rgba(208,206,206,1);
    box-shadow: 0px 1px 21px 2px rgba(208,206,206,1);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 15px;
}

.register-form-bg input[type="checkbox"] {
    width: 40px!important;
    height: 25px;
    margin-right: 10px;
    box-shadow: none;
    display: inline-block;
    margin-bottom: 20px;
}

.register-form-bg .form-control::-webkit-input-placeholder, .register-form-bg textarea::-webkit-input-placeholder { 
color: #333; opacity:1;
}

.register-form-bg .form-control:-moz-placeholder, .register-form-bg textarea:-moz-placeholder { 
color: #333; opacity:1;
}

.register-form-bg .form-control::-moz-placeholder, .register-form-bg textarea::-moz-placeholder { 
color: #333; opacity:1;
}

.register-form-bg .form-control:-ms-input-placeholder, .register-form-bg textarea:-ms-input-placeholder { 
color: #333; opacity:1;
}

/* Mark input boxes that gets an error on validation: */
.register-form-bg input.invalid {
  background-color: #f9fbd4;
}

/* Hide all steps by default: */
.register-form-bg .tab {
  display: none;
}

.register-form-bg .bottom-buttons {
    overflow: auto;
} 

#next-button-final #nextBtn {
    display: none;
}

.register-form-bg .btn-primary-green-form {
    background: #d7e026;
    border-radius: 0px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    outline: 0;
    text-align: left;
    color: #3e4044;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    padding: 10px 15px 5px 15px;
    margin-bottom: 10px;
    float: right;
}

/* Make circles that indicate the steps of the form: */
.steps {
    text-align: center;
    margin-top: 40px;
    padding: 0px 60px;
}

.steps p {
    margin-top: 70px;
    font-weight: 600;
}

#step1 {
  height: 120px;
  width: auto;
  margin: 0 2px;
  border: none; 
  display: inline-block;
  opacity: 0.5;
  background: url("../images/step-1-reg.png") top center no-repeat;
  margin-right: 40px;
}

#step2 {
  height: 120px;
  width: auto;
  margin: 0 2px;
  border: none; 
  display: inline-block;
  opacity: 0.5;
  background: url("../images/step-2-reg.png") top center no-repeat;
  margin-right: 40px;
}

#step3 {
  height: 120px;
  width: auto;
  margin: 0 2px;
  border: none; 
  display: inline-block;
  opacity: 0.5;
  background: url("../images/step-3-reg.png") top center no-repeat;
}

/* Mark the active step: */
#step1.active {
  opacity: 1;
  background: url("../images/step-1-reg-hover.png") top center no-repeat;
}

#step2.active {
  opacity: 1;
  background: url("../images/step-2-reg-hover.png") top center no-repeat;
}

#step3.active {
  opacity: 1;
  background: url("../images/step-3-reg-hover.png") top center no-repeat;
}

/* Mark the steps that are finished and valid: */
.step1.finish, .step2.finish, .step3.finish {
  background-color: #4CAF50;
}


@media (min-width:991px) {
    /* New Search */
    .new-search-bg-static {
        background: #46484c;
    }

    .new-search-bg-static p {
        font-size: 1.5em;
        padding: 20px 0px;
        text-align: center;
        color: #fff;
    }

    .new-search select::-ms-expand {
        display: none;
    }

    .new-search .form-control.styled-select-new {
        background: #3e4044 url(../images/select-bg-new.jpg) top right no-repeat;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .new-search .panel {
        background: transparent;
        color: #fff;
    }

    .new-search-bg {
        background: #3e4044;
    }

    .home-search .new-search {
        margin-top: -100px;
    }

    .new-search .panel-body {
        padding: 44px 15px 15px 15px;
    }

    .new-search .nav-tabs.nav-justified > .active > a, .new-search .nav-tabs.nav-justified > .active > a:hover, .new-search .nav-tabs.nav-justified > .active > a:focus {
        color: #3e4044;
        background: rgba(255, 255, 255, 1);
        border: 1px solid #ffffff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-right: 1px;
    }

    .new-search .nav-tabs.nav-justified > li > a {
        background: rgba(255, 255, 255, 0.6);
        border-bottom: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #3e4044;
        margin-left: 2px;
        font-weight: 600;
        padding: 10px !important;
    }

    .new-search .nav-tabs.nav-justified > li > a:hover {
        background: rgba(255, 255, 255, 1);
        border-bottom: 1px solid #fff;
        border: solid 1px #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #3e4044;
    }

    .new-search .tab-pane {
        padding: 25px;
        margin: 0 0 20px 0;
        border: 1px solid #fff;
        background: #fff;
        border-radius: 10px;
    }

    .new-search .nav-tabs.nav-justified {
        margin-left: 25px;
    }

    .new-search .no-padding-left {
        padding-left: 0px;
    }

    .new-search .no-padding-right {
        padding-right: 0px;
    }

    .new-search .no-padding {
        padding-right: 0px;
        padding-left: 0px;
    }

    .new-search .panel {
        text-align: left;
        margin-bottom: 0px;
    }

    .new-search .border-right {
        border-right: solid 2px #eee;
    }

    .new-search .ad-keyword .form-control {
        display: block;
        width: 100%;
        height: 54px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #eee;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .new-search .btn-search {
        background: #4e5155;
        color: #d7e026;
        height: 54px;
        width: 54px;
        font-size: 2em;
        margin-left: -10px;
    }

    .new-search label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 500;
        text-align: left;
        color: #949ca3;
        font-size: 1em;
        padding: 6px 8px;
    }

    .new-search .top-bot-bord {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .new-search .top-bot-right-bord {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .new-search .darker-bg {
        background: #3e4044;
        padding: 10px 10px 5px 10px;
    }

    .new-search .darker-bg .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 8px;
        font-size: 1.1em;
        line-height: 1.42857143;
        color: #fff;
        background-color: #3e4044;
        background-image: url(../images/select-bg-new.jpg) top right no-repeat;
        border: 1px solid #3e4044;
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
}

/* New Search */

@media (max-width:990px) {
    /* New Search */
    .new-search-bg-static {
        background: #46484c;
    }

    .new-search-bg-static p {
        font-size: 1.5em;
        padding: 20px 0px;
        text-align: center;
        color: #fff;
    }

    .new-search select::-ms-expand {
        display: none;
    }

    .new-search .form-control.styled-select-new {
        background: #3e4044 url(../images/select-bg-new.jpg) top right no-repeat;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .new-search .panel {
        background: transparent;
        color: #fff;
    }

    .new-search-bg {
        background: #3e4044;
    }

    .new-search .nav-tabs.nav-justified > .active > a, .new-search .nav-tabs.nav-justified > .active > a:hover, .new-search .nav-tabs.nav-justified > .active > a:focus {
        color: #3e4044;
        background: rgba(255, 255, 255, 1);
        border: 1px solid #ffffff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-right: 1px;
    }

    .new-search .nav-tabs.nav-justified > li > a {
        background: rgba(255, 255, 255, 0.6);
        border-bottom: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #3e4044;
        margin-left: 2px;
        font-weight: 600;
        padding: 10px !important;
    }

    .new-search .nav-tabs.nav-justified > li > a:hover {
        background: rgba(255, 255, 255, 1);
        border-bottom: 1px solid #fff;
        border: solid 1px #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #3e4044;
    }

    .new-search .tab-pane {
        padding: 25px;
        margin: -10px 0 20px 0;
        border: 1px solid #fff;
        background: #fff;
        border-radius: 10px;
    }

    .new-search .panel {
        text-align: left;
        margin-bottom: 0px;
    }

    .new-search .border-right {
        border-right: solid 2px #eee;
    }

    .new-search .ad-keyword .form-control {
        display: block;
        width: 100%;
        height: 54px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #eee;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .new-search .btn-search {
        background: #4e5155;
        color: #d7e026;
        height: 54px;
        width: 54px;
        font-size: 2em;
        margin-left: -10px;
    }

    .new-search .btn-search-mobile {
        background: #4e5155;
        color: #d7e026;
        font-size: 2em;
        width: 100%;
    }

    .new-search label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 500;
        text-align: left;
        color: #949ca3;
        font-size: 1em;
        padding: 6px 8px;
    }

    .new-search .top-bot-bord {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .new-search .top-bot-right-bord {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .new-search .darker-bg {
        background: #3e4044;
        padding: 10px 10px 5px 10px;
        margin-bottom: 10px;
    }

    .new-search .darker-bg .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 8px;
        font-size: 1.1em;
        line-height: 1.42857143;
        color: #fff;
        background-color: #3e4044;
        background-image: url(../images/select-bg-new.jpg) top right no-repeat;
        border: 1px solid #3e4044;
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .new-search .no-padding-left-mobile {
        padding-left: 0px;
    }

    .new-search .no-padding-right-mobile {
        padding-right: 0px;
    }
}

#marketing-package {
    background: #3e4044;
    text-align: center;
    padding: 0px 0px 40px;
}

#marketing-package h4 {
    color: #fff;
    text-align: center;
    margin: 0px 0px 1em 0px;
    font-size:3em;
    text-transform: uppercase;
}

#marketing-package h4 strong {
    color: #d7e026;

}

#marketing-package a {
    color: #d7e026;
    font-weight: bold;

}

#marketing-package a:hover, #marketing-package a:focus {
	color: #fff!important;
     text-decoration: none;

}

#marketing-package .highlite-btn {animation: highlite 1s infinite;margin-top:-2px; }


#marketing-package .arrow {animation: pulse 1s infinite;margin-top:-2px; }

@keyframes pulse {
    0% {
      transform: translate(0, 0);
    }

    50% {
      transform: translate(5px, 0);
    }

    100% {
      transform: translate(0px, 0);
    }
  }

  @keyframes highlite {
    0% {

        color: #ff6600;
    }

    50% {
        color: #d7e026;
    }

    100% {

        color: #ff6600;
    }
  }


#marketing-package p {
    color: #fff;
    margin-top: 20px;
    font-size:1.2em;
}

#marketing-package .container {
    padding-top: 0px;
    padding-bottom: 70px;
}

.dollshouse{position: relative;width: 80%;  margin: 0 auto 50px auto;}
.dollshouse-text{position: absolute;bottom: 30px;right:0%}
#marketing-package .dollshouse-text p {
    font-size: 2em;
    text-align: left;
}

.modal-content{padding-top:0%;position:relative;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,0);border-radius:0px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0);box-shadow:0 3px 9px rgba(0,0,0,0);background-color:  rgba(0,0,0,0);}
/*.modal-dialog {width:100%; height: 100%;}*/
.modal {background-color:rgba(0,0,0,0.9);z-index: 2000;}
.close,a:hover.close{position: absolute; top:20px; right: 20px; display: block;color:#fff; font-size: 3em;z-index: 1000;color:#fff!important;opacity:1;}
.modal-body{position:relative;padding:15px 15px 15px 15px; color:#fff;}




.valuation-banner {
    background:#3e4044;
    padding: 10px 0px;
}

.valuation-banner h2 {
    color: #d7e026;
    font-size: 2.2em;
    text-align: center;
    margin-top: 15px;
}

.btn-primary-value {
    background-color: #3e4044;
    border-color: #fff;
    color: #d7e026!important;
    margin-top: 10px;
    padding: 10px 20px;
}

.btn-primary-value:hover {
    color: #d7e026;
}

.btn-primary-ghost {
    background-color: transparent;
    border-color: #fff;
    color: #fff!important;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.btn-primary-ghost:hover {
    color: #d7e026;
}

.landlords .carousel-caption h1 {
    font-weight: 600;
    font-size: 3.4em;
}

.btn-ghost-green {
    background: transparent;
    border: 2px solid #dbe181;
    color: #3e4044;
    float: right;
}

.btn-ghost-green:hover {
    background: #d7e026;
    border: 2px solid #d7e026!important;
    color: #3e4044!important;
}

.landlords-table .tick {
    background: url(../images/landlord-tick.jpg) center center no-repeat;
}

.landlords-table .tick-green {
    background: #dbe181 url(../images/landlord-tick-green.jpg) center center no-repeat!important;

}

.landlords-table .bg-image {
    background: url(../images/landlord-info.png) center right no-repeat;
}

.landlords-table .collapse-row.collapsed + tr {
     display: none;
}

.landlords-table .table-striped > tbody > tr {
    cursor: pointer;
}

.landlords-table .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eeeeee;
}

.landlords-table .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #e0e0e0;
}

.landlords-table .table-bordered {
    border: 1px solid #fff;
    color: #3e4044;
}

.landlords-table .table-bordered>tbody>tr>td, .landlords-table .table-bordered>tbody>tr>th, .landlords-table .table-bordered>tfoot>tr>td, .landlords-table .table-bordered>tfoot>tr>th, .landlords-table .table-bordered>thead>tr>td, .landlords-table .table-bordered>thead>tr>th {
    border: 2px solid #fff;
    padding: 20px 30px;
}

.landlords-table .table>thead:first-child>tr:first-child>th.bg-grey {
    border-top: 0;
    background: #cccccc;
}

.landlords-table .table>thead:first-child>tr:first-child>th.bg-green {
    border-top: 0;
    background: #dbe181;
}

.landlords-table .table-bordered>tbody>tr>td.bg-green {
    background: #dbe181;
}

.landlords-table .table>thead:first-child>tr:first-child>th.larger-text {
    border-top: 0;
    font-size: 1.4em;
    color: #3e4044;
}

#core-search {
	background: #46484c;
}

#core-search, #core-search a  {
	color: #fff;
}

#core-search .form-control {
	border-color: #3e4044;
}

#page-title, #page-title small {
	background: #4e5155;
	color: #fff;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	color: #3e4044;
}

.page-content .btn:hover, .page-content .btn:active, .page-content .btn:focus {
	border-color: #fff;
}

.page-content ul li {
    margin-bottom: 10px;
}

.page-content p {
    line-height: 1.5em;
}


blockquote {
	background: #f5f5f5;
	border-left: 5px solid #d7e026;
}

blockquote .glyphicon-star {
    color: #d7e026;
    margin-bottom: 10px;
    font-size: 1.2em;
}

blockquote .testimonial p {
    font-size: 1em;
}

blockquote .testimonial-title {
    margin-top: 10px;
}

.testimonial-side h3 {
    margin: 0px;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 20px;
}


.pagination > li > a.active, .pagination > .active > a:hover {
    border-color: #4e5155 !important;
	color: #d7e026 !important;
	background-color: #4e5155 !important;
}

.property-details a, .fee-label {
    color: #fff!important;
}

.lead {
	color: #3e4044;
}

.panel {
	background: #3e4044;
	color: #fff;
}

.panel a {
	color: #fff;
}

.panel-default>.panel-heading, .panel-default>.panel-footer {
	background: #4e5155;
}

.panel-default>.panel-heading h1, .panel-default>.panel-heading h2, .panel-default>.panel-heading h3, .panel-default>.panel-heading h4, .panel-default>.panel-heading h5, .panel-default>.panel-heading h6 {
	color: #fff;
}

.highlighted-properties a:hover, .highlighted-properties a:active, .highlighted-properties a:focus {
	color: #76906d;
}

.highlighted-properties-details {
	background: #4e5155;
}

.nav-tabs.nav-justified>li>a {
	background: #4e5155;
	border-bottom: 1px solid #4e5155;
	color: #fff;
}

.nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified>li>a:focus, .nav-tabs.nav-justified>li>a:active {
	background: #d7e026;
	border: 1px solid #4e5155;
    color: #4e5155!important;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
	color: #4e5155;
	background: #d7e026;
	border: 1px solid #4e5155;
}

.tab-pane {
	padding: 20px 20px 0 20px;
	margin: 0 0 20px 0;
	border: 1px solid #76906d;
}

.form-control:focus {
  border-color: #999;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(68,68,69,.075),0 0 8px rgba(100,100,100,.6);
  box-shadow: inset 0 1px 1px rgba(68,68,69,.075),0 0 8px rgba(100,100,100,.6);
}

.btn:focus,.btn:active {
   outline: none !important;
}

.btn-primary {
	background-color: #d7e026;
	border-color: #3e4044;
    color: #4e5155!important;
    font-size: 12px;
}

.btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	background-color: #d7e026!important;
	border-color: #3e4044!important;
    color: #fff!important;
}

.btn-primary:active, .btn-primary.active, .btn-primary:focus, .btn-primary.active:hover {
    background-color: #4e5155;
	border-color: #3e4044!important;
    color: #fff!important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #4e5155;
    border-color: #3e4044;
}

.btn-primary[disabled] {
	background-color: #d7e026;
	border-color: #3e4044!important;
    color: #4e5155;
}

#carousel {
	background: #3e4044;
}

.carousel-indicators .active {
	background-color: #3e4044;
	border-color: #3e4044;
}

.property-details {
	background: #4e5155;
	color: #fff;
}

.property-details:hover, .property-details:focus, .property-details:active {
	color: #fff;
	text-decoration: none;
}

.property-call-to-actions {
	background: #3e4044;
}

.property-call-to-actions a {
	color: #fff;
}

.property-call-to-actions a:hover {
	color: #fff!important;
}

.pagination>li>a, .pagination>li>span {
	border-color: #4e5155;
	color: #4e5155;
}

.pagination>li>a:hover, .pagination>li>span:hover {
	border-color: #4e5155;
	color: #d7e026;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #4e5155;
	border-color: #3e4044;
    color: #d7e026;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background-color: #3e4044;
	border-color: #4e5155;
	color: #fff;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #4e5155;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #4e5155;
}

.property-list {
	color: #3e4044;
}

#googlemap {
	border: 1px solid #76906d;
}

.form-control:focus {
	border-color: #4e5155;
	-webkit-box-shadow: 0 1px 1px #4e5155,0 0 8px #4e5155;
	box-shadow: 0 1px 1px #4e5155,0 0 8px #4e5155;
}

label.error {
	color: #a94442;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

footer, footer a {
	color: #fff;
}

footer a:hover, footer a:focus {
	color: #76906d;
}

.nav>li>a {
    padding: 15px 8px !important;
}

/* Global colours */
@media (max-width:580px) {
    .new-search label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0px;
        font-weight: 500;
        text-align: left;
        color: #949ca3;
        font-size: 1em;
        padding: 2px 8px;
    }

    .new-search .form-group {
        margin-bottom: 5px;
    }

    .new-search .darker-bg {
        background: #3e4044;
        padding: 5px 5px 5px 5px;
        margin-bottom: 10px;
    }

    .new-search .btn-search {
        margin-left: -40px;
    }

    .new-search-bg-static p {
        font-size: 1.2em;
        padding: 10px 20px;
        text-align: center;
        color: #fff;
    }

    .new-search .nav-tabs.nav-justified > li > a {
        text-transform: uppercase;
        font-size: 1em;
        border-radius: 0;
    }
}

@media (max-width:480px) {
    .btn-ghost-green {
        margin-bottom: 20px;
    }

    .landlords-table .table-bordered > tbody > tr > td, .landlords-table .table-bordered > tbody > tr > th, .landlords-table .table-bordered > tfoot > tr > td, .landlords-table .table-bordered > tfoot > tr > th, .landlords-table .table-bordered > thead > tr > td, .landlords-table .table-bordered > thead > tr > th {
        border: 2px solid #fff;
        padding: 20px 15px;
    }

    .landlords-table .table > thead:first-child > tr:first-child > th.larger-text {
        border-top: 0;
        font-size: 1em;
        color: #3e4044;
    }

    .landlords-table h1 {
        font-size: 1.4em!important;
        text-align: center;
    }

    #marketing-package h1 {
        font-size: 1.2em;
    }

    .valuation-banner h2 {
        font-size: 1.2em;
    }

    #page-title h1 {
        font-size: 1.2em;
    }

    .btn-primary-value {
        background-color: #3e4044;
        border-color: #3e4044;
        color: #fff!important;
        margin-top: 10px;
        padding: 10px 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (min-width:480px) and (max-width:767px) {
    #marketing-package h1 {
        font-size: 1.4em;
    }

    .valuation-banner h2 {
        font-size: 1.4em;
    }

    #page-title h1 {
        font-size: 1.4em;
    }

    .btn-primary-value {
        background-color: #3e4044;
        border-color: #3e4044;
        color: #fff!important;
        margin-top: 10px;
        padding: 10px 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}


@media (min-width:768px) and (max-width:991px) {
    #marketing-package h1 {
        font-size: 1.6em;
    }

    .valuation-banner h2 {
        font-size: 1.6em;
    }

    #page-title h1 {
        font-size: 1.6em;
    }

    .btn-primary-value {
        font-size: 1em;
        background-color: #3e4044;
        border-color: #fff;
        color: #d7e026!important;
        margin-top: 10px;
        padding: 10px 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .nav>li>a {
    padding: 15px 4px !important;
}
}

@media (max-width: 767px) {
    .navbar, .nav-background {
        background: transparent;
        margin-top: -80px;
    }

    .navbar-default .navbar-toggle {
        border-color: #d7e026;
        margin-top: -30px!important;
        float: left!important;
        margin-left: 10px!important;
    }

    #site-header {
        height: 150px!important;
    }

    #logo a img {
        display: block;
        margin: 10px auto;
        width: 220px;
    }

    .btn-primary-ghost {
        width: 100%;
    }

    .homepage-mobile #page-title {
        background: #fff;
        color: #3e4044;
    }

    .homepage-mobile #page-title h1 {
        font-weight: 600;
    }

    .valuation-banner {
        background: #343539;
        padding: 30px 0px;
    }

    .btn-primary-value {
        background-color: #343539;
        border-color: #d7e026;
        border: solid 1px #d7e026;
        color: #fff!important;
        margin-top: 10px;
        padding: 10px 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .valuation-banner h2 {
        color: #fff;
        font-size: 2.2em;
        text-align: center;
        margin-top: 15px;
    }

    .panel-default > .panel-heading, .panel-default > .panel-footer {
        background: #3f4044!important;
    }

    .selling-fees-mobile h3 {
        font-size: 1.8em;
        margin-top: 20px;
        padding: 10px 20px;
    }

    #footer-logos img {
        margin-bottom: 10px;
    }

    .footer {
        height: 245px;
    }

    body {
        margin: 0 0 245px 0;
    }

    #site-header {
        height: 150px;
    }

    .carousel-buttons {
        position: absolute;
        bottom: 10%;
        left: 5%;
        right: 5%;
        text-align: center;
    }
}
@media (min-width:1200px) {

}

@media (min-width:991px) {

    .team-page .panel-heading {
        height: 60px;
    }


    .navbar-nav {
        width: 100%;
        text-align: center;
    }

    .navbar-nav li {
        float: none;
        display: inline-block;
    }

    .navbar-nav li .dropdown-menu > li {
        display: block!important;
    }
}

   #site-header p sup.asterisk {
       color: rgb(215, 224, 38);
       font-size: .5em;
   }

    @media (max-width: 768px) {
        
    }

    @media (max-width: 768px) {
        #contact-details {
            text-align: center;
            margin-top: 20px;
            display: inline;
        }
    }
#site-header {
    height: 200px;
}
 /* Gamification valuation form */

 .gami-form hr {
    border-top: 1px dotted #a3be09;
}

.gami-form {
    font-size: 16px;
}

.gami-form h2 {
    color: #173e34;
    font-size: 1.5em;
}

.gami-form .btn:focus,
.gami-form .btn.focus,
.gami-form .btn.focus.active,
.gami-form .btn.active {
    outline: 0;
    box-shadow: none;
}

.gami-form .btn-group {
    text-align: center;
    margin: 40px auto;
}

.gami-form .btn-group .btn+.btn {
    padding: 30px;
    margin: 30px;
}

.gami-form .btn-group>.btn:first-child {
    padding: 30px;
    margin: 30px;
}

.btn-gami {
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent!important;
    margin: 30px;
    display: block;
    line-height: 1.2em;
    font-size: 1.5em;
    color: #4d4c50!important;
    position: relative
}

.btn-gami.active,
.btn.btn-gami:active {
    color: #4d4c50!important;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent!important;
    box-shadow: none;
}

.btn-gami .btn-text {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}

.btn-sales {
    background-image: url("/images/sale-off.png");
    height: 90px;
    width: 143px;
    padding-top: 70px;
    background-size: 100%;
}

.btn-sales.active,
.btn.btn-sales:active {
    background-image: url("/images/sale-on.png");
}

.btn-lettings {
    background-image: url("/images/let-off.png");
    height: 90px;
    width: 143px;
    padding-top: 70px;
    background-size: 100%;
}

.btn-lettings.active,
.btn.btn-lettings:active {
    background-image: url("/images/let-on.png");
}

.btn-bedrooms {
    background-image: url("/images/bed-off.png");
    height: 64px;
    width: 60px;
    padding-top: 70px;
    background-position: center center;
}

.btn-bedrooms.active,
.btn.btn-bedrooms:active {
    background-image: url("/images/bed-on.png");
    background-position: center center;
}

.prop-type-box .btn-gami {
    font-size: 1em;
}

.prop-type-box .btn-group .btn+.btn,
.gami-form .prop-type-box .btn-group>.btn:first-child {
    margin: 20px;
}

.btn-mais {
    background-image: url("/images/apartment-off.png");
    height: 100px;
    width: 100px;
    padding-top: 70px;
    background-size: 100px 100px;
    background-position: center center;
}

.btn-mais .btn-text {
    left: -20px;
}

.btn-mais.active,
.btn.btn-mais:active {
    background-image: url("/images/apartment-on.png");
    background-size: 100px 100px;
    background-position: center center;
}

.btn-terr {
    background-image: url("/images/terr-off.png");
    height: 100px;
    width: 166px;
    padding-top: 70px;
    background-size: 166px 100px;
    background-position: center center;
}

.btn-terr.active,
.btn.btn-terr:active {
    background-image: url("/images/terr-on.png");
    background-size: 166px 100px;
    background-position: center center;
}

.btn-bung {
    background-image: url("/images/bung-off.png");
    height: 100px;
    width: 100px;
    padding-top: 70px;
    background-size: 100px 100px;
    background-position: center center;
}

.btn-bung.active,
.btn.btn-bung:active {
    background-image: url("/images/bung-on.png");
    background-size: 100px 100px;
    background-position: center center;
}

.btn-detached {
    background-image: url("/images/detached-off.png");
    height: 100px;
    width: 123px;
    padding-top: 70px;
    background-size: 123px 100px;
    background-position: center center;
}

.btn-detached.active,
.btn.btn-detached:active {
    background-image: url("/images/detached-on.png");
    background-size: 123px 100px;
    background-position: center center;
}

.btn-semi {
    background-image: url("/images/semi-off.png");
    height: 100px;
    width: 198px;
    padding-top: 70px;
    background-size: 198px 100px;
    background-position: center center;
}

.btn-semi.active,
.btn.btn-semi:active {
    background-image: url("/images/semi-on.png");
    background-size: 198px 100px;
    background-position: center center;
}

.btn-retire {
    background-image: url("/images/retire-off.png");
    height: 100px;
    width: 94px;
    padding-top: 70px;
    background-size: 94px 100px;
    background-position: center center;
}

.btn-retire.active,
.btn.btn-retire:active {
    background-image: url("/images/retire-on.png");
    background-size: 94px 100px;
    background-position: center center;
}

.btn-recep {
    background-image: url("/images/reception-off1.png");
    height: 64px;
    width: 60px;
    padding-top: 70px;
    background-position: center center;
}

.btn-recep.active,
.btn.btn-recep:active {
    background-image: url("/images/reception-on.png");
    background-position: center center;
}

.btn-bathrooms {
    background-image: url("/images/baths-off1.png");
    height: 64px;
    width: 60px;
    padding-top: 70px;
    background-position: center center;
}

.btn-bathrooms.active,
.btn.btn-bathrooms:active {
    background-image: url("/images/baths-on.png");
    background-position: center center;
}

.btn-no-space {
    background-image: url("/images/cross-off.png");
    height: 85px;
    width: 60px;
    padding-top: 70px;
    background-position: center center;
}

.btn-no-space.active,
.btn.btn-no-space:active {
    background-image: url("/images/cross-on.png");
    background-position: center center;
}

.btn-courtyard {
    background-image: url("/images/courtyard-off1.png");
    height: 85px;
    width: 60px;
    background-size: 60px 85px;
    padding-top: 70px;
    background-position: center center;
}

.btn-courtyard.active,
.btn.btn-courtyard:active {
    background-image: url("/images/courtyard-on1.png");
    background-position: center center;
}

.btn-garden {
    background-image: url("/images/garden-off2.png");
    height: 85px;
    width: 129px;
    padding-top: 70px;
    background-size: 129px 85px;
    background-position: center center;
}

.btn-garden.active,
.btn.btn-garden:active {
    background-image: url("/images/garden-on.png");
    background-position: center center;
}

.btn-communal {
    background-image: url("/images/communal-off4.png");
    height: 85px;
    width: 158px;
    padding-top: 70px;
    background-size: 158px 85px;
    background-position: center center;
}

.btn-communal.active,
.btn.btn-communal:active {
    background-image: url("/images/communal-on1.png");
    background-position: center center;
}

.outside-box .btn-gami {
    font-size: 1em;
}

.btn-parking {
    background-image: url("/images/parking-off.png");
    height: 43px;
    width: 104px;
    padding-top: 70px;
    background-size: 104px 43px;
    background-position: center center;
}

.btn-parking.active,
.btn.btn-parking:active {
    background-image: url("/images/parking-on1.png");
    background-position: center center;
}

.btn-garage-yes {
    background-image: url("/images/check-off3.png");
    height: 85px;
    width: 60px;
    padding-top: 70px;
    background-size: 35px 35px;
    background-position: center center;
}

.btn-garage-yes.active,
.btn.btn-garage-yes:active {
    background-image: url("/images/check-on1.png");
    background-position: center center;
}

.btn-garage-no {
    background-image: url("/images/cross-off.png");
    height: 85px;
    width: 60px;
    padding-top: 70px;
    background-size: 35px 35px;
    background-position: center center;
}

.btn-garage-no.active,
.btn.btn-garage-no:active {
    background-image: url("/images/cross-on.png");
    background-position: center center;
}

.g-recaptcha>div {
    margin: 0 auto;
}

.gami-form .form-control {
    border: 1px solid #4d4c50;
}

.gami-form textarea.form-control {
    height: 132px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

#valuation-gamif {
    margin-bottom: 100px;
}

@media (max-width:600px) {
    .btn-gami,
    .gami-form .btn-group .btn+.btn,
    .gami-form .btn-group>.btn:first-child,
    .prop-type-box .btn-group .btn+.btn,
    .gami-form .prop-type-box .btn-group>.btn:first-child {
        width: 50%;
        margin: 0;
        padding: 0;
        margin-bottom: 80px;
    }
    .gami-form .btn-group {
        width: 100%;
    }
}

/* Gamification valuation form */

input.stc {
    margin: 0 0 10px 15px;
}

#stc label {
    color: #000;
}


#contact-details {
	font-size: 1em;
	margin-top: 50px;
}


.search-banner {
    background: #d7e026;
    color: #666;
    padding: 1rem 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 313px;
}
.search-banner .inner {
  float: left;
  width: 100%;
  text-align: center;
}
.page-content .search-banner .inter p{
    color: #3e4044!important;
}


.search-banner .icon__house-smile {
  fill: white;
  margin-left: auto;
  margin-right: auto;
  width: 10rem;
  display: block;


}
@media (max-width: 1024px) {
    .search-banner{
        height: 290px;
    }
    .search-banner .icon__house-smile {
        fill: white;
        float:left;
        width: 4em;
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .search-banner{
        height: 350px;
    }
    .search-banner .icon__house-smile {
        fill: white;
        float:left;
        width: 6em;
        display: block;
    }
}
@media (max-width: 767px) {
    .search-banner {
  
      justify-content: center;
  }
  .search-banner .inner {
    float: left;
    width: 100%;
    text-align: center;
  }
  
  .search-banner .icon__house-smile {
    fill: white;
    float:left;
    width: 5.1em;
    display: block;
  
  }
  }

