body, html { height: 100%; width: 100%; font-size: 16px; margin: 0; padding: 0; font-family: "Montserrat", sans-serif; }

h1, .h1 { font-size: 3em; font-weight: 300; line-height: 1.2em; margin: 0 0 0.05em 0; font-family: 'Crimson Text', serif;}

h2, .h2 { font-size: 2.2em; font-weight: 300; line-height: 1.5em; margin: 0 0 0.05em 0; font-family: 'Crimson Text', serif;}

h3, .h3 { font-size: 1.8em; font-weight: 300; line-height: 1.5em; margin: 0 0 0.75em 0; font-family: 'Crimson Text', serif;}

h4, .h4 { font-size: 1.3em; font-weight: 300; line-height: 1.5em; margin: 0 0 1em 0; font-family: 'Crimson Text', serif;}

h5, .h5 { font-size: 1em; font-weight: 300; line-height: 1.6em; margin: 0 0 2em 0; }

p { line-height: 1.5em; }

.crimson {
    font-family: 'Crimson Text', serif!important;
}

.font-lg {
    font-size: 1.2em;
}

.white a {
    color: #fff!important;
}

.white a:hover {
    color: #f58220!important;
    text-decoration: none;
}

a:link, a:visited { color: #f58220; }

a:hover, a:active { color: #215d6d; }

a, button, .btn, a:hover, a:focus { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; outline: 0 !important; }

a[href^='tel:'] { text-decoration: none; }

ul { list-style: none; margin: 0; padding: 0; }

li { padding: 0; margin: 0; }

.row-lg { padding: 100px 0px; }

.row-lg-bottom { padding: 0px 0px 100px 0px; }

.row-lg-top { padding: 100px 0px 0px 0px; }

.row-md { padding: 50px 0px; }

.row-md-top { padding: 50px 0px 0px 0px; }

.row-md-bottom { padding: 0px 0px 50px 0px; }

.row-sm { padding: 30px 0px; }

.row-sm-top { padding: 30px 0px 0px 0px; }

.row-sm-bottom { padding: 0px 0px 30px 0px; }

.row-xs { padding: 15px 0px; }

.row-xs-top { padding: 15px 0px 0px 0px; }

.row-xs-bottom { padding: 0px 0px 15px 0px; }

.no-padding { padding: 0px; }

.no-margin { margin: 0px; }

.top-margin { margin-top: 50px; }

.bottom-margin { margin-bottom: 50px; }

.vertical-align-container { display: table; height: inherit; }

.vertical-align-content { display: table-cell; vertical-align: middle; }

header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

header.header-default, header.header-scrolled, header.header-property { z-index: 300; padding: 20px; top: 0; left: 0; width: 100%; }

header.header-default a, header.header-default a:link, header.header-default a:visited, header.header-default a:focus, header.header-scrolled a, header.header-scrolled a:link, header.header-scrolled a:visited, header.header-scrolled a:focus, header.header-property a, header.header-property a:link, header.header-property a:visited, header.header-property a:focus { font-size: 14px; text-transform: uppercase; cursor: pointer; text-decoration: none; font-weight: 700; }

header.header-default a, header.header-default a:link, header.header-default a:visited, header.header-default a:focus, header.header-scrolled a, header.header-scrolled a:link, header.header-scrolled a:visited, header.header-scrolled a:focus { color: white; }

header.header-default a:hover, header.header-default a:active, header.header-default a.active, header.header-scrolled a:hover, header.header-scrolled a:active, header.header-scrolled a.active { text-decoration: none; color: rgba(255, 255, 255, 0.6); }

header.header-property a, header.header-property a:link, header.header-property a:visited, header.header-property a:focus { color: #fff!important; }

header.header-property a:hover, header.header-property a:active, header.header-property a.active { text-decoration: none; color: rgba(255, 255, 255, 0.6); color: #fff!important;}

header.header-property .btn-ghost-property:hover {
    color: #ffffff !important;
    background-color: #f58220;
    border: 2px solid #f58220;
    border-radius: 50px;
}

header.header-scrolled { background-color: #215d6d; }

header.header-property { background-color: #215d6d; }

header.header-scrolled .logo img {
    width: 349px;
    height: 60px;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}

header .logo img {
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}


.nav-options a.menu-button, .nav-options a.header-search, .nav-options a#dLabel { letter-spacing: 0.1em; }

.nav-options .dropdown { display: inline-block; position: relative; }

.nav-options .dropdown .dropdown-menu { margin-top: 20px; padding: 0px 20px; border-radius: 10px; text-align: center; background-color: #f58220; }

.nav-options .dropdown .dropdown-menu > li > a { color: #fff; }

.nav-options .dropdown .dropdown-menu > li > a:focus, .nav-options .dropdown .dropdown-menu > li > a:hover { color: #fff; opacity: 0.6; background-color: #f58220; }

.nav-options .dropdown .dropdown-menu > .active > a, .nav-options .dropdown .dropdown-menu > .active > a:focus, .nav-options .dropdown .dropdown-menu > .active > a:hover { color: #fff; opacity: 0.6; background-color: #f58220; }

.nav-options .dropdown .dropdown-menu li { border-bottom: 1px solid #f58220; padding: 10px 0px; }

.nav-options .dropdown .dropdown-menu li.last { border-bottom: 0px; }

.nav-options .dropdown .dropdown-menu li.pointer { border-bottom: 0px; padding: 10px 0px; }

.dropdown .dropdown-menu .pointer { position: absolute; bottom: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden; }

.dropdown .dropdown-menu .pointer::after { content: ''; position: absolute; width: 12px; height: 12px; left: 50%; -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); background-color: #f58220; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); }

.nav-options .call-circle { margin-right: 10px; text-align: center; display: inline-block; width: 46px; height: 46px; line-height: 42px; border-radius: 50%; border: 2px solid #f58220; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; outline: 0 !important; }

.nav-options .call-circle svg { fill: white; width: 22px; height: 22px; vertical-align: middle; }

.nav-options .call-circle.call-circle-alt svg { fill: #f58220; }

#dLabel:hover .call-circle { background-color: #f58220; }

#dLabel:hover .call-circle svg { fill: white !important; }

#main-navigation h3 { text-transform: uppercase; font-size: 1.4em; }

#main-navigation ul { list-style: none; margin-left: 0px; padding-left: 0px; }

#main-navigation ul li { padding-top: 6px; padding-bottom: 6px; }

#main-navigation a { color: #fff; text-decoration: none; }

#main-navigation a:hover, #main-navigation a.active { color: #f58220; }

#main-navigation hr { opacity: 0.6; }

.modal.menu-modal, .modal.search-modal { z-index: 3000; background-color: rgba(33, 93, 109, 0.9); }

.menu-modal .modal-content, .search-modal .modal-content { padding-top: 0%; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0); background-color: transparent; }

.menu-modal .modal-body, .search-modal .modal-body { position: relative; padding: 20% 15px 15px 15px; color: #fff; }

.close-mod { position: absolute; right: 30px; top: 20px; font-size: 3em; z-index: 3000; cursor: pointer; }

a.close-mod { color: #fff; }

@media (max-width: 991px) { .modal.in .modal-dialog { -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } }

@media (min-width: 768px) { .modal-dialog { width: auto; max-width: 1170px; }
  #property-search .modal-dialog { width: auto; max-width: 700px; } }

.main-search .nav { border-top: none; }

.main-search h4 { font-size: 2em; color: #f58220; text-align: center; margin-bottom: 30px; font-weight: normal; }

.main-search ul, .horizontal-search-container ul { list-style-type: none; margin: 0; padding: 0; }

.main-search .nav-pills { text-transform: uppercase; padding-top: 0px; width: 100%; display: block; float: none; height: auto; }

.main-search .nav-pills > li { width: 50%; padding: 0; margin: 0 0 35px 0; }

.main-search .nav-pills > li > a, .main-search .nav-pills > li > a:hover { border-radius: 0px; background-color: transparent; padding: 0px; font-size: 1.5em; margin: 0; display: block; color: #999; text-align: left; letter-spacing: 2px; }

.main-search .nav-pills > li.active > a, .main-search .nav-pills > li.active > a:hover, .main-search .nav-pills > li.active > a:focus { color: #f58220; background-color: transparent; }

.main-search .nav-pills > li > .let-tab, .main-search .nav-pills > li > a:hover.let-tab, .main-search .nav-pills > li.active > .let-tab, .main-search .nav-pills > li.active > a:hover.let-tab, .main-search .nav-pills > li.active > a:focus.let-tab { padding-left: 0px; }

.main-search .nav-pills > li > .sale-tab, .main-search .nav-pills > li > a:hover.sale-tab, .main-search .nav-pills > li.active > .sale-tab, .main-search .nav-pills > li.active > a:hover.sale-tab, .main-search .nav-pills > li.active > a:focus.sale-tab { text-align: right; padding-right: 15px; }

.main-search input, .main-search select, .main-search textarea { background-color: transparent; border: 1px solid #fff; color: #fff; }

.main-search select, .main-search input.place-white { border-radius: 0px; font-size: 16px; height: 40px; }

.main-search option { color: #000; }

.main-search option:hover { color: #fff; background: #b40101; }

.main-search p { font-size: 16px; margin-top: 20px; margin-bottom: 20px; }

.main-search .btn { margin-top: 20px; }

footer { color: #fff; background-color: #215d6d; font-size: 14px; padding: 20px 0px; }

footer a:link, footer a:visited, .footer-links a:link, .footer-links a:visited { color: white; text-decoration: none; }

footer a:hover, footer a:active, .footer-links a:hover, .footer-links a:active { color: rgba(255, 255, 255, 0.5); text-decoration: none; }

@media (min-width: 480px) and (max-width: 768px) { footer { font-size: 10px; text-align: center; } }

@media (max-width: 480px) { footer { font-size: 10px; text-align: center; } }

footer .portal-logos img { margin-top: 10px; }

.footer-contact { padding-top: 30px; padding-bottom: 30px; background-color: #1c4b5e; box-shadow: inset 0px 89px 141px -67px rgba(0, 0, 0, 0.46); }

.footer-contact a svg { width: 20px; fill: #f58220; vertical-align: middle; }

.footer-contact h4 { text-transform: uppercase; margin-top: 30px; color: #f58220; font-weight: 700; }

.footer-contact a { color: #fff; text-decoration: none; }

.footer-contact a:hover { opacity: 0.6; }

.social-icons { margin-bottom: 40px; }

.social-icons img { margin-right: 5px; }

.btn { font-weight: 700; text-transform: uppercase; line-height: 42px; padding: 0px 15px; letter-spacing: 0.1em; }

.btn-primary { color: #fff !important; background-color: #f58220; border: 1px solid #f58220; border-radius: 50px; }

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus { color: #fff; background-color: #d8690a; border: 1px solid #d8690a; }

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus { background-color: #215d6d; border: 1px solid #215d6d; }

.btn-ghost { color: #fff !important; background-color: transparent; border: 2px solid #f58220; border-radius: 50px; }

.btn-ghost:focus, .btn-ghost.focus, .btn-ghost:hover, .btn-ghost:active, .btn-ghost.active, .btn-ghost:active:hover, .btn-ghost:active:focus, .btn-ghost:active.focus, .btn-ghost.active:hover, .btn-ghost.active:focus { color: #fff; background-color: #f58220; border: 2px solid #f58220; }

.btn-ghost-property { color: #4b8699 !important; background-color: transparent; border: 2px solid #f58220; border-radius: 50px; }

.btn-ghost-property:focus, .btn-ghost-property.focus, .btn-ghost-property:hover, .btn-ghost-property:active, .btn-ghost-property.active, .btn-ghost-property:active:hover, .btn-ghost-property:active:focus, .btn-ghost-property:active.focus, .btn-ghost-property.active:hover, .btn-ghost-property.active:focus { color: #fff !important; background-color: #215d6d; border: 2px solid #215d6d; }

.btn-light { color: #fff !important; background-color: #215d6d; border: 2px solid #215d6d; border-radius: 50px; }

.btn-light:focus, .btn-light.focus, .btn-light:hover, .btn-light:active, .btn-light.active, .btn-light:active:hover, .btn-light:active:focus, .btn-light:active.focus, .btn-light.active:hover, .btn-light.active:focus { color: #fff; background-color: #1c4b5e; border: 2px solid #1c4b5e; }

.btn-rectangle { color: #fff !important; background-color: #f58220; border: 2px solid #f58220; border-radius: 0px; }

.btn-rectangle:focus, .btn-rectangle.focus, .btn-rectangle:hover, .btn-rectangle:active, .btn-rectangle.active, .btn-rectangle:active:hover, .btn-rectangle:active:focus, .btn-rectangle:active.focus, .btn-rectangle.active:hover, .btn-rectangle.active:focus { color: #fff; background-color: #215d6d; border: 2px solid #215d6d; }

.btn-rectangle-ghost { color: #4b8699 !important; background-color: transparent; border: 2px solid #f58220; border-radius: 0px; }

.btn-rectangle-ghost:focus, .btn-rectangle-ghost.focus, .btn-rectangle-ghost:hover, .btn-rectangle-ghost:active, .btn-rectangle-ghost.active, .btn-rectangle-ghost:active:hover, .btn-rectangle-ghost:active:focus, .btn-rectangle-ghost:active.focus, .btn-rectangle-ghost.active:hover, .btn-rectangle-ghost.active:focus { color: #fff !important; background-color: #215d6d; border: 2px solid #215d6d; }

.video-container { position: relative; background-color: #1c4b5e; }

.video-container .overlay { height: 99.5%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.8) 100%); }

video { width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill; }

.mobile-video-image { position: relative; }

.video-content-area { position: absolute; width: 100%; z-index: 200; }

.video-content-area h1, .video-content-area .h1 { text-transform: uppercase; line-height: 1em; font-size: 2.2em; }
.video-content-area .h2{text-transform: uppercase; line-height: 1em; font-size: 2.2em;  color: #fff;}

.video-content-area h1, .video-content-area h2 { color: #fff; }

.video-content-area .box { border: 1px solid #fff; margin-top: 30px; padding: 15px; }

.video-content-area p.welcome, .video-content-area .box h3 { font-weight: 700; color: #f58220; text-transform: uppercase; }

.video-content-area p.welcome { margin: 0; padding: 0; margin-bottom: 15px; }

.video-content-area .box h3 { color: #f58220; margin-top: 0px; }

.video-content-area p.welcome, .video-content-area .caption p { font-size: 1.2em; }

.video-content-area p { color: #fff; }

.video-container .arrow-down { display: block; width: 100%; text-align: center; z-index: 1000; }

.search-container { padding: 25px 0px 15px 0px; background-color: #1c4b5e; }

.search-container .nav-pills { display: block; position: absolute; top: 0px; left: 15px; z-index: 3; }

.search-container .nav-pills li img { margin-top: -4px; }

.search-container .nav-pills a { font-weight: 700; text-decoration: none; }

.search-container .nav-pills > li > a, .main-search .nav-pills > li > a:hover { color: #fff; opacity: 0.6; }

.search-container .nav-pills > li.active > a, .main-search .nav-pills > li.active > a:hover, .main-search .nav-pills > li.active > a:focus { color: #fff; opacity: 1; }

.search-container .nav-pills > li.active > a, .search-container .nav-pills > li.active > a:focus, .search-container .nav-pills > li.active > a:hover { background-color: transparent; padding: 0; }

.search-container .nav-pills > li > a, .search-container .nav-pills > li > a:focus, .search-container .nav-pills > li > a:hover { background-color: transparent; margin-right: 15px; font-size: 1em; line-height: 45px; padding: 0; }

.search-container .nav-pills li.active .on-icon { display: inline; }

.search-container .nav-pills li.active .off-icon { display: none; }

.search-container .nav-pills li .off-icon { display: inline; }

.search-container .nav-pills li .on-icon { display: none; }

.search-container .icon-blue { display: none; }

.search-container .input-marg-down { margin-top: 55px; margin-bottom: 0; }

.search-container input { border: 0px; color: #fff; background: #215d6d; border-radius: 0px; padding-top: 10px; padding-bottom: 10px; box-shadow: none; height: 40px; }

.search-container .form-control, .search-container .form-control::-moz-placeholder, .search-container .form-control:-ms-input-placeholder, .search-container .form-control::-webkit-input-placeholder { color: #fff; }

.search-container .btn { height: 40px; line-height: 38px; }

.search-container .styled-select, .search-modal .styled-select { width: 100%; padding: 10px; border-radius: 0px; border: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; box-shadow: none; }

.search-container .styled-select { color: #fff; background: #215d6d url("/images/select-bg.png") 98% center no-repeat; }

.search-container .styled-select option { background-color: #363537; }

.search-modal .styled-select { border: 1px solid #fff; background: transparent url("/images/select-bg.png") 98% center no-repeat; }

.search-container .val-search { text-align: center; color: #fff; z-index: 3; background-color: #f58220; box-shadow: 0px 14px 35px -12px rgba(0, 0, 0, 0.75); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.search-container .val-search h4 { font-weight: 300; margin: 0; padding: 0; }

.search-container .val-search h4 span { font-family: "Libre Baskerville", serif; }

.search-container .val-search .btn { margin-top: 20px; }

.search-container .form-control::-webkit-input-placeholder, .search-container textarea::-webkit-input-placeholder {
color: #fff; opacity:1;
}

.search-container .form-control:-moz-placeholder, .search-container textarea:-moz-placeholder {
color: #fff; opacity:1;
}

.search-container .form-control::-moz-placeholder, .search-container textarea::-moz-placeholder {
color: #fff; opacity:1;
}

.search-container .form-control:-ms-input-placeholder, .search-container textarea:-ms-input-placeholder {
color: #fff; opacity:1;
}

.main-search .form-control::-webkit-input-placeholder, .main-search textarea::-webkit-input-placeholder {
color: #fff; opacity:1;
}

.main-search .form-control:-moz-placeholder, .main-search textarea:-moz-placeholder {
color: #fff; opacity:1;
}

.main-search .form-control::-moz-placeholder, .main-search textarea::-moz-placeholder {
color: #fff; opacity:1;
}

.main-search .form-control:-ms-input-placeholder, .main-search textarea:-ms-input-placeholder {
color: #fff; opacity:1;
}

.sticky-val-home { text-align: center; position: fixed; width: 270px; height: 180px; top: 100px; right: 0px; padding: 15px; text-align: center; color: #fff; z-index: 3; background-color: #f58220; box-shadow: 0px 14px 35px -12px rgba(0, 0, 0, 0.75); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.sticky-val-home h4 { font-size: 1.8em; line-height: 1.4em; color: #fff; font-weight: 300; margin: 0; padding: 0; }

.sticky-val-home h4 span { font-family: "Libre Baskerville", serif; }

.sticky-val-home .btn { margin-top: 20px; }

.position-relative { position: relative; }

.home-intro p.welcome { font-size: 1.2em; font-weight: 700; color: #999; text-transform: uppercase; margin: 0; padding: 0; }

/*.home-intro h1 { font-size: 2.2em; line-height: 1em; text-transform: uppercase; color: #f58220; font-weight: 700; margin-bottom: 50px; }*/
.home-intro h1 {font-size: 2.2em;    font-weight: 300; color: #333;   line-height: 1.5em;    margin: 0 0 .05em 0;    font-family: 'Crimson Text', serif;}

.home-intro p { text-align: justify; }

.featured-property-panel { padding: 30px 30px 20px 30px; background-color: #fff; }

.featured-property-panel h3 { font-size: 1.2em; font-weight: 700; color: #215d6d; text-transform: uppercase; margin: 0; padding: 0; }

.featured-property-panel h4 { font-weight: 400; line-height: 1.2em; }

.featured-property-panel p.details-link { font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 30px; }

.featured-property-panel p.details-link a { color: #215d6d; text-decoration: none; }

.featured-property-panel p.details-link a:hover { color: #d15a14; }

.featured-property-image img { width: 100%; }

.featured-property-image .thumbnail { border: 0px; padding: 0px; }

.home-panel, .letting-panel { height: 450px; }

.register-panel { padding-left: 50px; }

.register-panel h3, .letting-panel h3 { text-transform: uppercase; color: #ffffff; font-weight: 700; line-height: 1.2em; }

.register-panel p.lead, .letting-panel p.lead { font-weight: 400; color: #ffffff;}

.val-panel { padding: 0px auto; }

.val-panel h3 { text-transform: uppercase; color: #f58220; font-weight: 700; line-height: 1.2em; margin-top: 30px; }

.val-panel p { color: #fff; }

a.panel-link { text-decoration: none; }

a.panel-link:hover { opacity: 0.8; }

.testimonial-panel { height: 450px; background-color: #215d6d; }

.testimonial-panel .testimonial-text { margin: 30px 0px; }

.testimonial-panel p { color: #fff; }

.testimonial-panel .testimonial-text p.testimonial { font-family: "Libre Baskerville", serif; color: #fff; font-size: 1.6em; }

.testimonial-panel p a { text-decoration: none; font-weight: 700; color: #7bacbc; }

.testimonial-panel p a:hover { color: #eee; }

.testimonial-panel .testimonial-text p.testimonial { padding-bottom: 30px; }

.news-box p.news-date { font-weight: 700; color: #ccc; text-transform: uppercase; }

.news-box h3 { color: #f58220; line-height: 1.2em; font-weight: 400; }

.news-box h3 a { text-decoration: none; color: #f58220; }

.news-box h3 a:hover { color: #215d6d; }

.news-box p.link { padding-top: 20px; }

.news-box p.link a { font-weight: 400; color: #215d6d; }

.val-banner { position: relative; text-align: center; color: #fff; background-color: #f58220; padding-bottom: 20px; }

.val-banner__circle { position: absolute; left: 0; right: 0; top: -30px; margin: 0 auto; z-index: -1; fill: #f58220; }

a.val-banner-link { text-decoration: none; }

.val-banner h4 { font-weight: 400; font-size: 1.8em; }

.val-banner h4 span { color: #215d6d; font-family: "Libre Baskerville", serif; }

.val-banner h4, .val-banner p { margin: 0; padding: 0px 20px; }

.main-header { background-size: cover; height: 60%; position: relative; }

.content-area-contain { background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.9) 100%); display: table; height: 100%; width: 100%; }

.content-area { display: table-cell; height: 100%; width: 100%; vertical-align: middle; }

.content-area .breadcrumb { font-weight: 700; text-transform: uppercase; font-size: 1em; color: #e2147e; background-color: transparent; text-align: center; margin-bottom: 0px; }

.content-area .breadcrumb > li + li:before { padding: 0 5px; color: white; content: ">"; }

.content-area .breadcrumb a { text-decoration: none; color: #fff; }

.content-area .breadcrumb a:hover { opacity: 0.6; }

.main-header .overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.9) 100%); }

.intro-content h1, .intro-content h2, .intro-content p { text-align: center; }

.intro-content h1 { font-weight: 700; color: #f58220; }

.intro-content h2 { margin-top: 20px; }

.intro-content p { padding-left: 30px; padding-right: 30px; }

.intro-content .breadcrumb { margin-bottom: 0px; font-weight: 700; text-transform: uppercase; font-size: 1em; background-color: transparent; text-align: center; }

.intro-content .breadcrumb > li + li:before { padding: 0 5px; color: #f58220; content: ">"; }

.intro-content .breadcrumb a { text-decoration: none; color: #999999; }

.intro-content .breadcrumb a:hover { color: #f58220; }

.intro-content .breadcrumb a.active { color: #c9c9c9; }

.intro-content .btn { margin-top: 50px; }

.small-line { width: 30px; margin-left: auto; margin-right: auto; margin-bottom: 30px; border-top: 5px solid #ccc; }

.badge { background-color: #f58220; }

ul.tick { margin-left: 0; padding-left: 0; list-style: none; }

ul.tick li { line-height: 1.5em; padding-left: 40px; background-image: url("/images/circle-tick.png"); background-repeat: no-repeat; background-position: left top; background-size: 23px 23px; margin-bottom: 30px; }

.section-box { height: 280px; color: #fff; position: relative; overflow: hidden; border: 2px solid #fff; }

.section-box figure { position: absolute; text-align: left; padding: 10px 19px 19px 19px; width: 100%; height: 100%; background: rgba(79, 11, 35, 0.8); bottom: -80%; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; }

.section-box:hover figure { bottom: 0; }

.section-box figure h3 { margin: 0; padding-bottom: 20px; }

.section-box figure .btn { margin-top: 20px; }

.section-box img { width: 100%; height: 100%; }

.colour-container { background-color: #e9e8e6; }

.picture-bg { height: 600px; background-image: url("/images/coffee-table-lg.jpg"); background-repeat: repeat-y; background-position: center bottom; background-size: cover; background-color: #e9e8e6; }

.picture-bg-content { height: 600px; }

.picture-bg-content .btn { margin-top: 30px; margin-right: 20px; }

.shortlist-intro { margin: 30px 0px 0px 0px; }

.side-text h2, .content-title h2, .content-title h3, .legal-content h2, .panel-text h2, .news-title h2 { color: #f58220; font-weight: 700; }

.side-text .btn { margin-top: 30px; }

.side-text p, .panel-text p { text-align: justify; }

.panel-text h3 { font-weight: 700; font-size: 1.2em; color: #69102f; margin-bottom: 30px; }

.content-title h2, .content-title h3 { text-align: center; }

.legal-content h2 { font-size: 1.8em; }

.sticky-val { text-transform: uppercase; position: fixed; top: 300px; right: 0px; width: 230px; height: 250px; padding: 15px; text-align: center; color: #fff; z-index: 200; background-color: #4dc189; box-shadow: 0px 14px 35px -12px rgba(0, 0, 0, 0.75); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

a:hover .sticky-val { background-color: #f58220; }

.sticky-val img.val-icon { margin-top: 5px; }

.sticky-val h4 { font-size: 1.5em; line-height: 1.2em; margin: 20px 0px; padding: 0; }

.sticky-val p { font-weight: 700; text-transform: uppercase; font-size: 1.1em; }

#testimonials .well { background-color: #f7f5f4; border-radius: 0px; }

#testimonials h2 { font-size: 1.6em; font-weight: 700; padding: 0px; color: #f58220; margin: 0px; }

#article-body { margin-bottom: 40px; }

#article-body p { text-align: justify; }

#article-body img { margin-bottom: 40px; }

.enquiry-form { background-color: #e9e8e6; }

.enquiry-form h2 { color: #f58220; font-weight: 300; margin-top: 0px; }

.enquiry-form h3 { color: #f58220; font-weight: 300; margin-top: 0px; }

.enquiry-form label { font-weight: normal; }

.enquiry-form .form-group { margin-top: 10px; margin-bottom: 20px; }

.enquiry-form input[type="text"], .enquiry-form input[type="email"], .enquiry-form input[type="tel"], .enquiry-form input[type="password"] { border: 1px solid #eee; background: #fff; border-radius: 0px; padding-top: 20px; padding-bottom: 20px; box-shadow: none; }

.enquiry-form textarea { border: 1px solid #eee; background: #fff; border-radius: 0px; box-shadow: none; }

.enquiry-form select {
    border: 1px solid #eee;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    height: 42px;
}

.enquiry-form .styled-select { width: 100%; padding: 10px; color: #333; border-radius: 0px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; background-color: #fff; background: white url("/images/select-bg-grey.png") 98% center no-repeat; box-shadow: none; }

.enquiry-form .btn { margin-bottom: 20px; }

.enquiry-form .well { background-color: #fff; border-radius: 0px; }

.enquiry-form sup { font-family: Arial, Helvetica, sans-serif; color: #ff0000; }

.enquiry-form hr { border-top: 1px solid #f58220; }

.negotiator-intro h1 { margin: 0em; }

.negotiator { margin-top: 30px; margin-bottom: 30px; }

.negotiator h2 { font-size: 1.8em; margin: 10px 0px 0px; }

.negotiator h3 { font-size: 1.2em; margin: 10px 0px 20px; text-transform: uppercase; }

.negotiator h3 a { color: #777; }

.negotiator-bio { margin-bottom: 30px; }

.negotiator-contact .btn { margin: 20px 0px 10px; }

.negotiator img { margin-left: auto; margin-right: auto; }

.gdpr-consent p {
    font-size: 0.9em;
}

#stamp-duty .checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 400;
    cursor: pointer;
}

#stamp-duty h3 {
    color: #215d6d;
    margin: 10px 0px;
    font-weight: 600;
}

#stamp-duty h5 {
    color: #333333;
    margin-bottom: 10px;
}

#stamp-duty #amount-to-pay {
    color: #333333;
    margin-bottom: 10px;
}

#stamp-duty-table {
    background: #f7f5f4;
    color: #333333;
    margin-top: 20px;
}

#stamp-duty-table td, #stamp-duty-table th {
    padding: 10px;
}

/*GAMIFIED VALUATION FORM*/
.val-form-container textarea { height:42px;!important border: 1px solid #eee; background: #fff; border-radius: 0px; box-shadow: none; }

.val-form-container .well.gdpr-consent {
    background-color: #fff;
}

.val-form-container h2, .val-form-container h3 {
    text-align: center;
    color: rgb(245, 130, 32);
}

.val-form-container h3 {
    font-size: 1.4em;
    font-weight: 700;
    margin: 30px 0px 0px 0px;
}

.val-form-container .gdpr-consent h3 {
    margin-bottom: 30px;
}

.val-form-container label {
    font-weight: normal;
}

.val-form-container .btn-sales {
    background: url(/images/gamified/sale-grey.png) no-repeat center center;
    background-color: transparent;
    border-color: transparent;
    color: rgb(177, 177, 177);
    font-size: 1.2em;
    height: 64px;
}

.val-form-container .btn-sales.active, .val-form-container .btn-sales:active {
    background: url(/images/gamified/sale-colour.png) no-repeat center center;
    background-color: transparent;
    border-color: transparent;
    color: rgb(245, 130, 32);
    font-size: 1.2em;
    height: 64px;
    outline: none!important;
}

.val-form-container .btn-letting {
    background: url(/images/gamified/rent-grey.png) no-repeat center center;
    background-color: transparent;
    border-color: transparent;
    color: rgb(177, 177, 177);
    font-size: 1.2em;
    height: 64px;
}

.val-form-container .btn-letting.active, .val-form-container .btn-sales:active {
    background: url(/images/gamified/rent-colour.png) no-repeat center center;
    background-color: transparent;
    border-color: transparent;
    color: rgb(245, 130, 32);
    font-size: 1.2em;
    height: 64px;
    outline: none!important;
}

.val-form-container .btn.active, .val-form-container .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.val-form-container .type-text {
    font-weight: 700;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}

.val-form-container hr {
    border-top: 1px solid #cacaca;
    margin-top: 40px;
}
/*Style the input fields*/

.val-form-container input:focus, .val-form-container textarea:focus {
    outline: none!important;
}

.val-form-container .error {
    color: rgb(245, 130, 32);
    font-size: 1em;
}

@media (min-width:768px) {
    .btn-mais .btn-text{
        left:-30px!important;
    }
}

@media (max-width:767px){
    .row-md {
        padding: 20px 0px;
    }

    .val-form-container h3 {margin-bottom:40px;}
    .btn-gami, .val-form-container .btn-group .btn + .btn, .val-form-container .btn-group > .btn:first-child, .prop-type-box .btn-group .btn + .btn, .val-form-container .prop-type-box .btn-group > .btn:first-child, .outside-box .btn-group .btn + .btn, .val-form-container .outside-box .btn-group > .btn:first-child {
        width: 50%!important;
        margin: 0px!important;
        padding: 0px!important;
        margin-bottom: 80px!important;
        float: left!important;
    }

    .val-form-container .btn-group{
        width:100%;
    }

}

.prop-type-box .btn-group .btn+.btn, .prop-type-box .btn-group>.btn:first-child{
    margin:50px!important;
}

.prop-type-box .btn-gami, .outside-box .btn-gami{
    font-size:1em;
    font-weight:700;
    text-align:center;
}

.btn-mais{
    background-image: url("/images/gamified/flat.svg");
    width:35px;
    height:30px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-mais.active,.btn.btn-mais:active{
    background-image: url("/images/gamified/flat-colour.svg");
    background-position: center bottom;
}

.btn-bung{
    background-image: url("/images/gamified/bungalow.svg");
    width:60px;
    height:51px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-bung.active,.btn.btn-bung:active{
    background-image: url("/images/gamified/bungalow-colour.svg");
    background-position: center bottom;
}

.btn-terr{
    background-image: url("/images/gamified/terrace.svg");
    width: 90px;
    height: 46px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-terr.active,.btn.btn-terr:active{
    background-image: url("/images/gamified/terrace-colour.svg");
    background-position: center bottom;
}

.btn-semi{
    background-image: url("/images/gamified/semi-detached.svg");
    width: 104px;
    height: 38px;
    background-position: center bottom;
    background-repeat:no-repeat;
}
.btn-semi.active,.btn.btn-semi:active{
    background-image: url("/images/gamified/semi-detached-colour.svg");
    background-position: center bottom;
}

.btn-detached{
    background-image: url("/images/gamified/detached.svg");
    width: 74px;
    height: 52px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-detached.active,.btn.btn-detached:active{
    background-image: url("/images/gamified/detached-colour.svg");
    background-position: center bottom;
}

.btn-bedrooms {
    background-image: url("/images/gamified/bedroom.svg");
    width: 47px;
    height: 33px;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.btn-bedrooms.active,.btn.btn-bedrooms:active {
    background-image: url("/images/gamified/bedroom-colour.svg");
    background-position: center bottom;
}

.btn-recep {
    background-image: url("/images/gamified/reception.svg");
    width: 42px;
    height: 27px;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.btn-recep.active,.btn.btn-recep:active {
    background-image: url("/images/gamified/reception-colour.svg");
    background-position: center bottom;
}
.btn-bathrooms {
    background-image: url("/images/gamified/bathroom.svg");
    width: 33px;
    height: 33px;
    background-position: center bottom;
    background-repeat:no-repeat;
}
.btn-bathrooms.active,.btn.btn-bathrooms:active {
    background-image: url("/images/gamified/bathroom-colour.svg");
    background-position: center bottom;
}

.btn-no-space {
    background-image: url("/images/gamified/cross-grey.svg");
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-no-space.active,.btn.btn-no-space:active {
    background-image: url("/images/gamified/cross-colour.svg");
    background-position: center bottom;
}

.btn-courtyard {
    background-image: url("/images/gamified/courtyard.svg");
    width: 52px;
    height: 30px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-courtyard.active,.btn.btn-courtyard:active {
    background-image: url("/images/gamified/courtyard-colour.svg");
    background-position: center bottom;
}

.btn-garden {
    background-image: url("/images/gamified/garden.svg");
    width: 44px;
    height: 51px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-garden.active,.btn.btn-garden:active {
    background-image: url("/images/gamified/garden-colour.svg");
    background-position: center bottom;
}

.btn-communal {
    background-image: url("/images/gamified/communal-garden.svg");
    width: 70px;
    height: 39px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-communal.active,.btn.btn-communal:active {
    background-image: url("/images/gamified/communal-garden-colour.svg");
    background-position: center bottom;
}

.btn-parking {
   background-image: url("/images/gamified/parking.png");
    width: 45px;
    height: 32px;
    background-position: center bottom;
    background-repeat:no-repeat;
}

.btn-parking.active,.btn.btn-parking:active {
    background-image: url("/images/gamified/parking-colour.png");
    background-position: center bottom;
}

.btn-garage-yes {
    background-image: url("/images/gamified/garage.svg");
    font-size:1em;
    width: 68px;
    height: 52px;
    background-position: center bottom;
    background-repeat:no-repeat;
}
.btn-garage-yes.active,.btn.btn-garage-yes:active {
    background-image: url("/images/gamified/garage-colour.svg");
    background-position: center bottom;
}

.btn-garage-no {
    background-image: url("/images/gamified/cross-grey.svg");
    font-size:1em;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-position: center bottom;
    background-repeat:no-repeat;
}
.btn-garage-no.active,.btn.btn-garage-no:active {
    background-image: url("/images/gamified/cross-colour.svg");
    background-position: center bottom;
}

.val-form-container .btn-block {
    margin-top:20px;
}

/*gamified styles */

.val-form-container .btn:focus,.val-form-container .btn.focus,.val-form-container .btn.focus.active,.val-form-container .btn.active{
    outline:0;
    box-shadow:none;
}
.val-form-container .btn-group{
    text-align: center;
}

.val-form-container .btn-group .btn+.btn{
    padding:30px;
    margin: 30px;
}

.val-form-container .btn-group>.btn:first-child{
    padding:30px;
    margin: 30px;
}

.val-form-container .btn-gami {
    color:#666;
    letter-spacing:0em;
    text-transform: capitalize;
    font-size:1.2em;
}
.val-form-container .btn-gami.active, .val-form-container .btn.btn-gami:active{
    color:rgb(245, 130, 32);
}

.val-form-container .btn-gami .btn-text{
    font-weight:700;
    position:absolute;
    bottom: -50px;
    left: 0;
    right: 0;
}

/* For Google places search to work within a modal */
.pac-container {
  background-color: #fff;
   position: absolute!important;
  z-index: 999999999999999!important;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: 'Montserrat', sans-serif;
  font-size: 16pz;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.pac-logo:after {
  content: "";
  padding: 1px 1px 1px 0;
  height: 16px;
  text-align: right;
  display: block;
  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 120px 14px
}

.hdpi.pac-logo:after {
  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
  cursor: default;
  padding: 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #999
}

.pac-item:hover {
  background-color: #fafafa
}

.pac-item-selected,
.pac-item-selected:hover {
  background-color: #ebf2fe
}

.pac-matched {
  font-weight: 700
}

.pac-item-query {
  font-size: 13px;
  padding-right: 3px;
  color: #000
}

.pac-icon {
  width: 15px;
  height: 20px;
  margin-right: 7px;
  margin-top: 6px;
  display: inline-block;
  vertical-align: top;
  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
  background-size: 34px
}

.hdpi .pac-icon {
  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
  background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
  background-position: -18px -1px
}

.pac-icon-marker {
  background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
  background-position: -18px -161px
}

.pac-placeholder {
  color: gray
}

@media (min-width: 1401px) { .search-container .val-search { padding: 20px; width: 270px; height: 180px; position: absolute; top: -40px; right: -95px; }
  .search-container .val-search h4 { font-size: 1.8em; line-height: 1.4em; } }

@media (min-width: 1301px) and (max-width: 1400px) { .search-container .val-search { padding: 10px; width: 190px; height: 210px; position: absolute; top: -60px; right: -15px; }
  .search-container .val-search h4 { font-size: 1.6em; line-height: 1.2em; } }

@media (min-width: 1266px) and (max-width: 1300px) { .search-container .val-search { padding: 10px; width: 190px; height: 210px; position: absolute; top: -60px; right: -10px; }
  .search-container .val-search h4 { font-size: 1.6em; line-height: 1.2em; } }

@media (min-width: 992px) and (max-width: 1265px) { .search-container .val-search { padding: 10px; width: 160px; height: 200px; position: absolute; top: -50px; right: 0px; }
  .search-container .val-search h4 { font-size: 1.4em; line-height: 1.2em; } }

@media (max-width: 991px) { .search-container .val-search { position: relative; margin: 30px auto; padding: 20px; }
  .search-container .val-search h4 { font-size: 1.4em; line-height: 1.2em; } }

@media (min-width: 768px) and (max-width: 991px) { .search-container .val-search { width: 500px; } }

@media (min-width: 481px) and (max-width: 767px) { .search-container .val-search { width: 300px; } }

@media (max-width: 480px) { .search-container .val-search { width: 200px; } }

#requestedDate, #requestedTime { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.styled-select.input-sm, .input-group-sm > .styled-select.form-control, .input-group-sm > .styled-select.input-group-addon, .input-group-sm > .input-group-btn > .styled-select.btn { background-position: right center; line-height: 1; }

.viewing-form { font-size: 14px; }

.viewing-form h2 { font-size: 1.8em; color: #f58220; }

.formhoney { visibility: hidden; display: none; }

.form .form__step { border: 3px solid #dddddd; border-radius: 50%; padding: 10px 20px; margin: 0 15px 0 0; font-weight: bold; }

.form #day-error, .form #time-error { background: #f4cecd; border: 1px solid #d9534f; padding: 10px 20px; border-radius: 3px; text-align: center; text-transform: uppercase; }

.form .form__section { position: relative; border: 1px solid #dddddd; border-radius: 3px; margin: 0 0 40px 0; overflow: auto; }

.form .form__section .form__section__inner { height: 781px; overflow: auto; }

.form .form__section .form__section__inner .divider { background: whitesmoke; font-weight: bold; text-align: center; padding: 10px 0; }

.form .form__section .form__section__inner ol { margin-bottom: 0; }

.form .form__section .form__section__inner ol li { position: relative; border-bottom: 1px solid whitesmoke; }

.form .form__section .form__section__inner ol li .form__scroll__pill { padding: 10px 20px; border-radius: 20px 20px 20px 20px; }

.form .form__section .form__section__inner ol li .form__scroll__pill.form__scroll__pill--morning { color: white; background: #ffb347; }

.form .form__section .form__section__inner ol li .form__scroll__pill.form__scroll__pill--afternoon { color: white; background: #84c3be; }

.form .form__section .form__section__inner ol li .form__scroll__pill.form__scroll__pill--evening { color: white; background: #b19cd9; }

.form .form__section .form__section__inner ol li input[type="radio"] { position: absolute; left: -9999px; }

.form .form__section .form__section__inner ol li input[type="radio"]:checked + label { background: #fff3cd; }

.form .form__section .form__section__inner ol li input[type="radio"]:checked + label:after { opacity: 1; }

.form .form__section .form__section__inner ol li label { position: relative; display: block; margin-bottom: 0; padding: 20px 15px; font-weight: 100; font-size: 1.3em; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.form .form__section .form__section__inner ol li label:before { position: absolute; top: 18px; right: 20px; content: ""; display: inline-block; width: 30px; height: 30px; background-color: white; border: 2px solid #dddddd; border-radius: 50%; }

.form .form__section .form__section__inner ol li label:after { position: absolute; top: 24px; right: 26px; content: ""; display: inline-block; width: 18px; height: 18px; background: #a3d7a3; border: 3px solid #5cb85c; border-radius: 50%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.form .form--padded { padding: 20px; }

.form .btn { border-radius: 20px 20px 20px 20px; }

.form #bv-name-error, .form #bv-telephone-error, .form #bv-email-error { text-indent: -9999px; }

.form .error { color: #d9534f; font-size: 16px; font-weight: bold; }

.form .g-recaptcha > div { margin: 0 auto; }

@media (max-height: 575px) { .form #rc-imageselect, .form .g-recaptcha { transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0 0; -webkit-transform-origin: 0 0; } }

@media (max-width: 480px) { .form #bv-message { height: 115px; } }

#googlemap { width: 100%; height: 300px; }

.map-search-results#googlemap { margin-top: 40px; height: 600px; }

#google-info-window { position: relative; text-align: center; width: 200px; }

#google-info-window.google-info-window-property { width: 360px; overflow: auto; }

#google-info-window.google-info-window-property #google-info-window-property-image { float: left; width: 205px; margin: 0 10px 0 0; }

#google-info-window.google-info-window-property #google-info-window-property-details { text-align: left; }

#google-info-window .spacer { margin: 10px 0; }

#google-info-window .corner-flash { position: absolute; top: 0; left: 0; }

.add-to-shortlist .remove, .remove-from-shortlist .add { display: none; }

#large-carousel { background: whitesmoke; }

.carousel-inner .item img { margin: 0 auto; }

.carousel-control.right, .carousel-control.left { background-image: none; }

#property-carousel .carousel-inner .item img { max-height: 500px; width: auto; border: 5px solid #fff; }

#property-thumbnails .carousel-inner .item > img { margin: 0 auto; }

#property-thumbnails .carousel-inner a { cursor: pointer; }

#property-carousel .left-arrow, #property-carousel .right-arrow, #property-carousel a:hover.left-arrow, #property-carousel a:hover.right-arrow, #property-carousel a:focus.left-arrow, #property-carousel a:focus.right-arrow { position: absolute; top: 45%; z-index: 50; }

#property-carousel .left-arrow, #property-carousel .right-arrow { display: block; background: #fff; width: 40px; height: 40px; padding-top: 0px; text-align: center; top: 45%; line-height: 40px; }

#property-carousel a:hover.left-arrow, #property-carousel a:hover.right-arrow, #property-thumbnails a:hover.left-arrow, #property-thumbnails a:hover.right-arrow { background: #eee; }

#property-carousel .left-arrow, #property-thumbnails .left-arrow { left: -10px; }

#property-carousel .right-arrow, #property-thumbnails .right-arrow { right: -10px; }

#property-thumbnails .left-arrow, #property-thumbnails .right-arrow, #property-thumbnails a:hover.left-arrow, #property-thumbnails a:hover.right-arrow, #property-thumbnails a:focus.left-arrow, #property-thumbnails a:focus.right-arrow { position: absolute; top: 25%; z-index: 50; }

#property-thumbnails .left-arrow, #property-thumbnails .right-arrow { display: block; background: #fff; width: 40px; height: 40px; padding-top: 0px; text-align: center; top: 25%; line-height: 40px; }

#property-thumbnails img.img-thumbnail { border-radius: 0px; }

#property-thumbnails .img-thumbnail { padding: 0px; border: 2px solid #fff; border-radius: 0px; }

.property-contact-box { padding: 30px 20px 20px 20px; }

.property-contact-box p { line-height: 1em; margin: 0; padding: 0; }

.property-contact-box p.property-tel { font-size: 1.6em; font-weight: 700; padding: 10px 0px 30px 0px; }

.property-contact-box p.property-tel a { color: #f58220; }

.property-contact-box .btn { margin-top: 10px; margin-bottom: 10px; }

#similar-properties .panel { border-radius: 0px; }

#similar-properties .panel-body { padding: 0px; }

#similar-properties .panel-body img.similar-thumbnail { width: 100%; }

#similar-properties .similar-content { padding: 20px 0px 30px 0px; }

#similar-properties .similar-content h3, #similar-properties .similar-content p.similar-price { text-transform: uppercase; font-size: 1em; padding: 0; margin: 0; }

#similar-properties .similar-content h3 { color: #999999; font-weight: 700; margin: 0; }

#similar-properties .similar-content p.similar-address { font-size: 1.4em; font-weight: 700; padding: 0; margin: 0; }

#similar-properties .similar-content p.shortlist-link { padding: 20px 0px; }

#similar-properties .similar-content p.shortlist-link a { color: #999999; text-decoration: none; }

#similar-properties .similar-content p.shortlist-link a:hover { color: #ff3c80; }

#similar-properties .similar-content p.shortlist-link a .remove { color: #ff3c80 !important; }

#slideshow .modal-content { border: 8px solid white; }

.property-header { background-size: cover; height: 800px; position: relative; margin-top: 40px;}

.property-header .overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(75, 134, 153, 0.75); }

.property-content-area-contain { background: rgba(75, 134, 153, 0.6); display: table; height: 100%; width: 100%; }

.property-content-area { display: table-cell; height: 100%; width: 100%; vertical-align: middle; }

.property-content-area .shortlist-button { position: absolute; top: 0px; right: 0px; }

.property-content-area .shortlist-button .btn-light { border-radius: 0px; letter-spacing: 0em; background: #f58220; border: solid 1px #f58220}

.property-content-area .shortlist-button .btn-light:hover {background: #d8690a; border: solid 1px #d8690a}

.property-content-area h1, .property-content-area h2, .property-content-area p, .property-content-area .room-icons { color: #fff; }

.property-content-area h1 { font-size: 1.8em; font-weight: 700; margin-bottom: 0px; }

.property-content-area h2 { font-size: 1.4em; text-transform: uppercase; margin: 0; }

.property-content-area h2 a { color: #fff; text-decoration: none; }

.property-content-area h2 a:hover { opacity: 0.6; }

.property-content-area p.shortlist-link a { color: #fff; text-decoration: none; }

.property-content-area p.shortlist-link a:hover { color: #ff3c80; }

.property-content-area p.shortlist-link a .remove { color: #fff !important; }

.property-content-area .room-icons { margin-top: 20px; margin-bottom: 20px; }

.property-content-area .room-icons span { padding-right: 10px; }

.property-content-area .addthis_sharing_toolbox { margin-top: 15px; }

.tabs-container { margin-top: 15px; }

.tabs-container .nav-tabs { border-bottom: 0px; }

.tabs-container .nav-tabs > li > a { padding-bottom: 20px; border-radius: 0px; color: #333 !important; background-color: #fff; border-top: 0px; border-right: 0px; border-bottom: 3px solid white; border-left: 0px; }

.tabs-container .nav-tabs > li > a:hover { background-color: #fff; border-top: 0px; border-right: 0px; border-bottom: 3px solid #215d6d; border-left: 0px; }

.tabs-container .nav-tabs > .active > a, .tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:focus, .tabs-container .nav-tabs > li.active > a:hover { background: #fff !important; border-top: 0px; border-right: 0px; border-bottom: 3px solid #215d6d; border-left: 0px; }

#property-details-tab-panes { border: 0px; }

#property-details-tab-panes .tab-pane { padding: 100px 0px 100px 0px; }

.small-header { background-size: cover; height: 200px; position: relative; }

.small-header .overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(75, 134, 153, 0.75); }

.corner-flash { fill: #215d6d; width: 60px; height: 60px; }

.corner-flash text { fill: white; }

.property .corner-flash { position: absolute; z-index: 1; }

.thumbnail .corner-flash { position: absolute; z-index: 1; }

.property-grid .corner-flash { position: absolute; top: 0; left: 15px; z-index: 1; border-radius: 4px 0 0 0; }

#similar-properties .panel-body .corner-flash { position: absolute; z-index: 1; }

#similar-properties .panel-default>.panel-heading {
    color: #215d6d;
    background-color: #fff;
    border-color: #fff;
}

#similar-properties .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6em;
    color: inherit;
}

#similar-properties .panel {
    border-color: #fff;
}

#similar-properties .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

#similar-properties img {
    width: 100%;
}

#similar-properties .panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.property-images .corner-flash { position: absolute; width: auto; z-index: 1; }

.pagination { margin: 0; }

.pagination li a .bracket { display: none; }

.pagination span.hellip { cursor: not-allowed; }

.animated-spinner { width: 100px; margin: 0 auto; padding: 20px; color: #e82066; font-size: 2em; }

.line { margin: 0px; border-top: 1px solid #eee; }

.line-thumbs { position: absolute; top: 70px; width: 100%; border-top: 1px solid #eee; z-index: 200; }

.list-view-link, .map-view-link { padding-top: 25px; padding-bottom: 25px; }

.list-view-link a, .map-view-link a { text-decoration: none; }

.list-view-link a:hover, .map-view-link a:hover, .list-view-link a.active, .map-view-link a.active { border-bottom: 3px solid #f58220; padding-bottom: 22px; }

.page-sorts { padding-top: 15px; }

.page-sorts .styled-select { width: 100%; padding: 10px; color: #333; border-radius: 0px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; background-color: #fff; background: white url("/images/select-bg-grey.png") 98% center no-repeat; box-shadow: none; }

.thumbs-search-box, .property-contact-box { margin-top: -30px; margin-bottom: 30px; background-color: #fff; box-shadow: 0px 0px 9px 1px #d6d3d6; }

.thumbs-search-box { padding: 20px; }

.thumbs-search-box h1 { color: #f58220; font-weight: 700; font-size: 1.8em; }

.thumbs-search-box .props-number { color: #f58220; }

.thumbs-search-box a { color: #333; }

.thumbs-search-box a:hover { color: #f58220; }

.thumbs-search-box .btn { margin: 20px 0px 30px 0px; }

.thumbs-search-box a { text-decoration: none; }

.side-register-box { margin-top: 40px; }

.side-register-box img.shadow-image { box-shadow: 0px 20px 9px 1px #d6d3d6; }

.side-register-box-content { box-shadow: 0px 0px 9px 1px #d6d3d6; background-color: #215d6d; color: #fff; margin-bottom: 30px; }

.side-register-box-content p { padding: 20px 5px; font-size: 1.2em; font-weight: 700; text-transform: uppercase; text-align: center; }

.side-register-box-content p a { text-decoration: none; color: #fff; }

.side-register-box-content p a:hover { opacity: 0.8; }

.property .book-btn { cursor: pointer; }

.left-button .btn, .right-button .btn { font-weight: 700; padding: 0px 10px; letter-spacing: 0.1em; font-size: 0.8em; margin-top: 6px; margin-bottom: 6px; }

.thumbs-tel p { padding-top: 18px; }

.thumbs-tel a { text-decoration: none; color: #333; }

.property { overflow: auto; margin: 50px 0px 0px 0px; }

.property h2 { color: #f58220; font-weight: 700; font-size: 1.4em; margin-bottom: 0px; }

.property h2 a { color: #f58220; text-decoration: none; }

.property h2 a:hover { color: #f58220; }

.property h3 { font-size: 1.2em; font-weight: 400; color: #666666; margin: 0 0 15px 0; text-transform: uppercase; }

.property .room-icons span, .property-content-area .room-icons span { font-size: 1em; }

.property .room-icons span { padding-left: 5px; padding-right: 5px; }

.property p.shortlist-link, .property-content-area p.shortlist-link { padding-top: 20px; padding-bottom: 20px; }

.property p.shortlist-link a { color: #333; text-decoration: none; }

.property p.shortlist-link a:hover { color: #f58220; }

.property p.shortlist-link a .remove { color: #4b8699 !important; }

.ias-trigger { margin-top: 20px; margin-bottom: 20px; }

.ias-trigger a { font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 1em; color: #f58220; }

.ias-trigger a:hover { color: #f58220; }

.infinite-btn { margin-top: 30px; margin-bottom: 50px; }

@media (min-width: 1500px) { .video-container .arrow-down { margin-top: 100px; } }

@media (min-width: 1100px) and (max-width: 1499px) { .video-container .arrow-down { margin-top: 50px; } }

@media (min-width: 768px) and (max-width: 1099px) { .video-container .arrow-down { display: none; } }

@media (max-width: 767px) { .video-container .arrow-down { margin-top: 100px; } }

@media (max-height: 600px) { .video-container .arrow-down { display: none; } }

@media (min-width: 1321px) { .video-content-area { top: 200px; } }

@media (min-width: 1201px) and (max-width: 1320px) { .video-content-area { top: 100px; } }

@media (min-width: 1201px) and (max-width: 1400px) { .testimonial-panel .testimonial-text p.testimonial { font-size: 1.4em; } }

@media (min-width: 1201px) { .logo img { width: 581px; height: 100px; }
  .nav-options a { padding-left: 15px; padding-right: 10px; }
  .testimonial-panel { padding: 50px; }
  .video-content-area .box h3 { margin-bottom: 10px; }
  .left-button { padding-right: 3px; }
  .right-button { padding-left: 3px; }
  .property .room-icons { text-align: right; }
  #googlemap { min-height: 600px; } }

@media (max-width: 1200px) { .val-panel { padding: 10px; }
  .val-panel img { width: 180px; height: 134px; }
  .property .room-icons { margin-top: 10px; margin-bottom: 10px; } }

@media (min-width: 992px) { .no-properties-text { padding-top: 100px; }
  .side-text { height: 600px; }
  .val-form-container hr.divider { width: 680px; }
  .video-content-area .box .btn { margin-top: 15px; margin-bottom: 15px; } }

@media (min-width: 992px) and (max-width: 1200px) {
    .logo img {
        width: 349px;
        height: 60px;
    }

    .nav-options a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .video-content-area {
        top: 100px;
    }

    .video-content-area .box {
        margin-top: 20px;
        padding: 10px;
    }

    .video-content-area .box h3 {
        margin-bottom: 10px;
    }

    .testimonial-panel {
        padding: 20px;
    }

    .testimonial-panel .testimonial-text p.testimonial {
        font-size: 1.4em;
    }

    .property-grid .panel .panel-body {
        min-height: 370px;
    }

    .affix {
        top: 99px;
        width: 293px;
    }

    #googlemap {
        min-height: 500px;
    }
}

@media (min-width: 1800px) and (max-width: 2570px) {
    .home-panel, .letting-panel {
        height: 650px;
    }

    .testimonial-panel {
        height: 650px;
        background-color: #215d6d;
    }
}

@media (min-width: 768px) { .nav-options { float: right; }
  .video-content-area .box .btn { width: 220px; }
  .side-image { height: 600px; background-repeat: no-repeat; background-size: cover; }
  body#property-page { padding-top: 100px; } }

@media (max-width: 991px) { .dropdown .dropdown-menu .pointer { left: 18%; }
  /*.video-content-area .box { padding: 0px; border: 0px; }
  .video-content-area .box h3, .video-content-area .box p { display: none; }*/
  .video-content-area .box .btn { width: 100%; }
  .video-content-area .box h3 { margin-top: 0px; margin-bottom: 0px; }
  .testimonial-panel .testimonial-text p.testimonial { font-size: 1.4em; }
  .search-container .input-marg-down { margin-top: 65px; margin-bottom: 15px; }
  .letting-panel { padding-left: 30px; padding-right: 30px; }
  .side-text { padding-top: 40px; padding-bottom: 40px; }
  .property-header { height: 900px !important; }
  #property-details-tab-panes .tab-pane { padding: 50px 0px 20px 0px; }
  .property-contact-box { margin-top: 30px; margin-bottom: 60px; } }

@media (min-width: 768px) and (max-width: 991px) {
    .logo img {
        width: 349px;
        height: 60px;
        margin-top: 10px;
    }

    .nav-options a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-options .call-circle {
        margin: 0px;
    }

    #main-navigation h3 {
        margin-top: 40px;
    }

    .video-content-area {
        top: 120px;
    }

    .property-grid .panel .panel-body {
        min-height: 370px;
    }

    #googlemap {
        min-height: 400px;
    }

    .val-form-container hr.divider {
        width: 600px;
    }

    .prop-type-box .btn-group .btn + .btn, .prop-type-box .btn-group > .btn:first-child {
        margin: 30px;
    }

    .testimonial-panel {
        padding: 50px;
        height: 350px;
    }

    .property-content-area {
        padding-top: 50px;
    }

    .main-header {
        background-size: cover;
        height: 25%;
    }
}

@media (max-width: 767px) {
    .logo img {
        display: block;
        margin: 0px auto 30px auto;
    }

    .nav-options {
        text-align: center;
    }

    .nav-options a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-options .call-circle {
        margin: 0px;
    }

    .row-lg {
        padding: 30px 0px;
    }

    .row-lg-bottom {
        padding: 0px 0px 30px 0px;
    }

    .row-lg-top {
        padding: 30px 0px 0px 0px;
    }

    .row-md {
        padding: 20px 0px;
    }

    .row-md-top {
        padding: 20px 0px 0px 0px;
    }

    .row-md-bottom {
        padding: 0px 0px 20px 0px;
    }

    .row-sm {
        padding: 20px 0px;
    }

    .row-sm-top {
        padding: 20px 0px 0px 0px;
    }

    .row-sm-bottom {
        padding: 0px 0px 20px 0px;
    }

    .video-container {
        height: 100%;
    }

    .video-container .overlay {
        height: 100%;
    }

    .video-content-area h1, .video-content-area .h1 {
        font-size: 1.6em;
    }

    .testimonial-panel {
        padding: 30px;
    }

    .testimonial-panel .testimonial-text p.testimonial {
        font-size: 1em;
    }

    .property img.property-thumb {
        width: 100%;
        margin-bottom: 20px;
    }

    .side-image {
        height: 300px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .captcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .val-form-container hr.divider {
        width: 320px;
    }

    body#property-page {
        padding-top: 150px !important;
    }

    .property-content-area {
        padding-top: 50px;
    }

    .search-container .btn-group-justified {
        margin-bottom: 20px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .main-header {
        background-size: cover;
        height: 35%;
    }

    .logo img {
        width: 349px;
        height: 60px;
    }

    .video-content-area {
        top: 200px;
    }

    .prop-type-box .btn-group .btn + .btn, .prop-type-box .btn-group > .btn:first-child {
        margin: 10px;
    }
}

@media (max-width: 480px) {
    .main-header {
        background-size: cover;
        height: 35%!important;
    }

    .logo img {
        width: 250px!important;
        height: 43px!important;
    }

    .video-content-area {
        top: 180px;
    }

    .map-search-results#googlemap {
        height: 300px;
    }

    .property-grid .panel .panel-body {
        min-height: auto;
    }

    #googlemap {
        min-height: 300px;
    }

    .val-form-container h3 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

    @media (max-width: 379px) {
        .nav-options .btn-ghost {
            display: none;
        }
    }

@media (max-width: 380px) {
    .logo img {
        width: 200px;
        height: 34px;
    }

    .letting-panel {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 992px) and (max-height: 631px) { .property-header { height: 800px !important; } }

@media (max-height: 500px) { .video-content-area h2 { display: none; } }

/*cookie policy*/
.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb{

    background-color: rgba(242, 242, 242, 0.8) !important;
    max-width: 100% !important;

}
.freeprivacypolicy-com---palette-light .cc-nb-okagree{
    background-color: #1c4b5e !important;
}
.freeprivacypolicy-com---palette-light .cc-nb-reject{
    background-color: #f58220 !important;
}
/*cookie policy*/




/*MORTGAGES PAGE*/

.mortgage-brain {display: flex;flex-wrap: wrap;align-items: stretch;margin-top: 80px;margin-bottom: 80px;background: #f58220;position: relative;}
.mortgage-brain--logo-container {position: absolute; left:0; top:0px; width: 100%;z-index: 100;}
.mortgage-brain--logo {display: block; margin: 0 auto 0 auto;}
.mortgage-brain--images .row{height: 50%;}
.mortgage-brain--images .row div {height: 100%;}
.mortgage-brain--left-col {padding: 0;}

.mortgage-brain--body {padding: 25% 25% 10% 10%;width: 100%;}
.mortgage-brain--footer  {background: #245d6d;padding: 5% 10% 5% 10%; width: 100%;display: flex;
    justify-content: space-between;flex-wrap: wrap;}

.mortgage-brain h2, .mortgage-brain p {color:#fff}
.mortgage-brain h2{font-size: 4em; line-height: 0.9em;margin-bottom: 30px;}

.mortgage-brain--footer p span{font-size: 3em; color: #f58220;line-height: 1.5em;font-weight: bold; font-family: 'Crimson Text', serif!important;}
.mortgage-brain--footer p:last-child{margin: 0;}
.mortgage-brain--footer a:hover{color: #ffffff;}

@media (max-width: 991px) {.mortgage-brain {display: block;flex-wrap: nowrap;}.mortgage-brain--images .row div {height: 25vh;}.mortgage-brain--body {padding:  200px 10% 10% 10%;}.mortgage-brain h2, .mortgage-brain p {text-align: center;}.mortgage-brain--footer img{display: block; margin: 10px auto 0 auto;} }
@media (max-width: 770px) {.mortgage-brain--footer div {width: 100%;}}


.mortgage-ctas h4 {font-size: 2em; line-height: 1em; text-align: center; font-weight: bold;}
.mortgage-ctas h4 span {color: #f58220;}
.mortgage-ctas--buttons a {border-radius: 50%; background: #fff; text-align: center;  margin: 0 auto 0 auto; width: 200px; height: 200px;color: #245d6d; text-decoration: none;-webkit-box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.15);display: flex;flex-flow: column;
    align-content: center;justify-content: center;margin-bottom: 10px;}
    .mortgage-ctas--buttons a:hover { background:  #f58220;color: #fff; }
    .mortgage-ctas--buttons__image {width: 100%;}
    .mortgage-ctas--buttons a .mortgage-ctas--buttons__image svg{ fill:  #f58220; width: 40%;}
    .mortgage-ctas--buttons a .mortgage-ctas--buttons__image--stroke svg {width: 40%;}

    .mortgage-ctas--buttons a .mortgage-ctas--buttons__image--stroke svg .st0{fill:none;stroke:#f58220;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
    .mortgage-ctas--buttons a:hover .mortgage-ctas--buttons__image svg { fill:  #fff;}
    .mortgage-ctas--buttons a:hover .mortgage-ctas--buttons__image--stroke svg .st0 { stroke:  #fff;}


    .blog-entry {
        border: 1px solid #215d6d;
        padding: 10px;
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .blog-title {
        line-height: 1em;
        padding-top:10px;
    }
    .blog-summary {
        position: relative;
    }
    .blog-link {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

     #badge .google-rating-container {
        display: block;
        background: #fff;
        border-radius: 0px 4px 4px 0px;
        padding: 20px;
        position: fixed;
        left: 0;
        top: 200px;
        z-index: 4000;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    }

    .google-rating-stars {
        font-size: 1rem;
        color: #fbbc05;
    }

    .google-rating-number {
        font-size: 1rem;
        color: #b6b6b6;
        font-weight: 700;
    }

    .google-rating-number--five {
        font-size: 1rem;
        color: #b6b6b6;
        font-weight: 700;
    }


    @media screen and (max-width: 991px) {
        .google-rating-stars {
            font-size: 1.5rem;
        }
        #badge .google-rating-container {
            top: auto;
            bottom: 100px;
        }
    }

    #badge .google-rating-logo {
        display: none;
    }

    .swiper {
        width: auto;
        height: auto;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .reviews-swiper {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .google-g {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .google-review-stars {
        color: #f4b400;
    }

    .google-review-author {
        font-size: 12px;
    }

    .google-review-time {
        margin-bottom: 30px;
    }