/**
* Theme Name: Easymatch Theme - Child
* Theme URI: http://easymatch.co.uk
* Template: osvn-hjc
* Author: Easymatch Ltd
* Author URI: http://www.easymatch.co.uk/about
* Description: Child theme for colours and logos
* Version: 1.0.1
* Updated: 09-02-2016
*
* NOTE: All colours and minior structural changes are to be made in the child theme if they are client specific -
* The Parent theme is not to be changed - this is maintained by Easymatch LTD - doing so is done at the risk of the user.
*
* REMEMBER: to recolor icons for each install in child theme - /assets/images/
*/
/* ==========================================================================
 * Include site-wide styles
 * ========================================================================== */
/* ==========================================================================
 * Reset
 * ========================================================================== */
/* ==========================================================================
 * settings
 * ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*
$brand-color1: #1d252d; // dark blue 191b48
$brand-color2: #a3b2a4; // grey - blue
$brand-color3: #333f48; // orange #ef7d01
$brand-color4: #92aca0; // red EB563E


$brand-color1: #191b48; // dark blue 191b48
$brand-color2: #757691; // grey - blue
$brand-color3: #ff6d0c; // orange #ef7d01
$brand-color4: #ea543f; // red EB563E


 */
/*

Background: #1d252d
Lettering: #a3b2a4

If on white: Lettering: #333f48 (grey)
or #92aca0 (corporate green) */
/* ==========================================================================
 * Mixins
 * ========================================================================== */
/**
 * Mixin for adding vendor prefixes to statements
 */

/* ==========================================================================
 * general
 * ========================================================================== */
::-moz-selection {
  background: #1d252d;
  color: #ffffff;
}
::selection {
  background: #1d252d;
  color: #ffffff;
}

::-moz-selection {
  background: #1d252d;
  color: #ffffff;
}

time.updated {
  font-size: 12px;
}

.main-content {
  padding-bottom: 20px;
}

.main-content .container .row .col-md-9 p {
  margin-bottom: 15px;
}

.normal-text {
  font-weight: 300;
}

#main {
  color: #333f48;
}

#content {
  margin: 20px 0 0;
  padding: 0 0 5px;
}

#content .author .left {
  font-size: 30px;
  line-height: 33px;
  font-weight: 400;
}

#content .author .right {
  background: #333f48;
  color: #ffffff;
  font-size: 20px;
  line-height: 33px;
}

#content .author .right:hover {
  background: #92aca0;
}

.ossvn-load-more {
  color: #fff !important;
}

@media (max-width: 599px) {
  #content .author .left {
    margin-bottom: 20px;
  }
}

/* ==========================================================================
 * print
 * ========================================================================== */
/* ==========================================================================
 * header
 * ========================================================================== */
.nav-top {
  background-color: #333333;
  position:
}

.navbar {
  z-index: 99;
}

.menu-mobile-toggle {
  border: 1px solid #1d252d;
  background: #ffffff;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.menu-mobile-toggle .icon-bar {
  background: #1d252d;
  border-radius: 2px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.menu-mobile-toggle:hover {
  background: #777777;
  border: 1px solid #777777;
}

.menu-mobile-toggle:hover .icon-bar {
  background: #ffffff;
}

header {
  background-color: #1d252d;
}

header .container.relative {
  padding: 15px;
}

header .logo {
  padding: 5px;
}

.page_nav > * {
  background-color: #1d252d;
  color: #ffffff;
}

.page_nav > .current,
.page_nav > :hover {
  background-color: #92aca0;
  color: #ffffff;
}

@media (max-width: 991px) {
  .navbar-main {
    background: #333333;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  .navbar-main #navbar ul li a {
    color: #ffffff;
  }
  .navbar-main #navbar ul li a:hover {
    color: #1d252d;
    background: #c6c6c6;
  }
  .navbar-main #navbar ul li:hover > .sub-menu > li > a {
    font-size: 16px;
  }
  .navbar-main #navbar .menu {
    line-height: 21px;
  }
  .navbar-main #navbar .menu li.menu-item a {
    text-transform: uppercase;
  }
  .navbar-main #navbar .menu > li > a {
    font-size: 16px;
  }
  .navbar-main .close-btn {
    color: #c6c6c6;
    background: #1d252d;
  }
  header {
    background: #333333;
  }
}

@media (min-width: 992px) {
  #navbar .menu > li a {
    font-size: 14px;
    line-height: 35px;
    text-transform: uppercase;
    color: #ffffff;
  }
  #navbar .menu > li > a:before {
    background: #92aca0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  #navbar .menu > li > a:hover {
    background-color: #92aca0;
    color: #ffffff;
  }
  #navbar .menu li:hover > .sub-menu {
    font-size: 14px;
  }
  #navbar .menu li > .sub-menu a {
    color: #1d252d;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
  }
  #navbar .menu li > .sub-menu a:hover {
    background-color: #92aca0;
    color: #ffffff;
  }
}

@media (max-width: 739px) {
  header {
    background: #333333;
  }
}

/* ==========================================================================
 * footer
 * ========================================================================== */
footer {
  color: #a3b2a4;
  background: #333333;
  /*.right{
 		li{
 			img{
 				transition:$ease;
 				-moz-transition:$ease;
 				-o-transition:$ease;
 				-ms-transition:$ease;
 				-webkit-transition:$ease;
 			}
 			a {
 				color:$brand-color2;
 				&:hover {
 					color:$white;
 				}
 			}


 		}
 	} */
}

footer h3.title {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 5px;
}

footer .menu {
  margin-bottom: 30px;
}

footer .menu a {
  font-size: 18px;
  line-height: 21px;
  color: #c6c6c6;
}

footer .comment-footer {
  font-size: 18px;
  line-height: 21px;
  background: #1d252d;
  font-weight: 300;
}

footer .comment-footer:before {
  border-left-color: #1d252d;
  border-right-color: #1d252d;
  border-top-color: #ffffff;
}

footer .comment-footer:after {
  content: "";
  border-top-color: #1d252d;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

footer .comment-footer .flexslider::before,
footer .comment-footer .flexslider::after {
  color: rgba(255, 255, 255, 0.2);
}

footer .comment-footer p:last-of-type {
  font-weight: 400;
  margin-top: 5px;
}

footer .left {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  padding: 15px 0 0;
}

footer .left p {
  margin-bottom: 20px;
}

footer .left a {
  color: #ffffff;
  border-bottom: 2px solid #777777;
  margin-bottom: 20px;
}

footer.footer-single {
  background: #777777;
}

footer.footer-single .relative {
  padding-top: 20px;
}

footer.footer-single .footer-single-top {
  padding-bottom: 5px;
  background: #1d252d;
  padding-top: 30px;
  border-bottom: 1px solid #ffffff;
}

footer.footer-single .footer-single-top .item {
  font-size: 18px;
  line-height: 24px;
  color: #333f48;
  margin-bottom: 40px;
}

footer.footer-single .footer-single-top .item:hover {
  color: #ffffff;
}

footer.footer-single .footer-single-top .item .icon {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

footer.footer-single .footer-single-top .item .icon-edit {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-edit-large.png) 0 0 no-repeat;
}

footer.footer-single .footer-single-top .item .icon-phone {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-phone-large.png) 0 0 no-repeat;
}

footer.footer-single .footer-single-top .item .icon-note {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-note-large.png) 0 0 no-repeat;
}

footer.footer-single .footer-single-top .item .icon-detail {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-detail-large.png) 0 0 no-repeat;
}

footer.footer-single .footer-single-top .item .icon-calculator {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-calculator-large.png) 0 0 no-repeat;
}

@media (max-width: 991px) {
  footer.footer-single .footer-single-top .item {
    font-size: 18px;
  }
}

@media (max-width: 739px) {
  footer.footer-single .footer-single-top .item {
    font-size: 24px;
  }
}

@media (max-width: 719px) {
  .contact-index {
    background: none !important;
  }
}

/* ==========================================================================
 * type
 * ========================================================================== */
body {
  font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-size: 16px;
  line-height: 24px;
  background: #ffffff;
  color: #1d252d;
}

h1, .h1
h2, .h2
h3, .h3
h4, .h4,
h5, .h5 {
  font-family: "Lato", Arial, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5 {
  font-weight: 300;
}

p {
  font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 30px;
}

a {
  color: #92aca0;
}

a:hover,
a:active {
  text-decoration: none;
  color: #1d252d;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
  font-weight: 400;
}

.text-content h2 {
  font-size: 30px;
  line-height: 33px;
  margin-bottom: 30px;
  font-weight: 300;
}

.text-content i.quote {
  color: #777777;
}

.main-content .container .row .col-md-9 ul {
  margin-bottom: 30px;
  margin-left: 20px;
  font-weight: 300;
}

.main-content .container .row .col-md-9 ul li {
  line-height: 24px;
  list-style: inside none disc;
  margin-bottom: 7px;
  font-weight: 300;
}

.small-text {
  color: #777777;
  font-size: 12px;
}

hr {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

@media (max-width: 768px) {
  #main .container .text-content {
    margin-top: 20px;
  }
}

/* ==========================================================================
 * sidenav
 * ========================================================================== */
.wg-content-r ul li {
  padding-left: 15px;
}

.wg-content-r aside {
  margin-bottom: 10px;
}

.wg-content-r aside form {
  background: #fff;
}

/* ==========================================================================
 * Include element styles
 * ========================================================================== */
/* ==========================================================================
 * slider
 * ========================================================================== */
.slider .title {
  line-height: 33px;
  color: #ffffff;
  padding: 20px 0 10px;
}

.slider .title h2 {
  font-size: 24px;
  line-height: 33px;
  font-weight: 300;
  background-color: rgba(29, 37, 45, 0.6);
  padding: 10px 15px;
  margin-bottom: 5px;
}

.slider .title span {
  font-size: 16px;
  font-weight: 300;
}

.slider .title .left span {
  line-height: 21px;
  background-color: rgba(51, 51, 51, 0.6);
  padding: 10px 15px;
}

.slider .title .right {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  border: 2px solid #ffffff;
}

.slider .title .right a {
  color: #ffffff;
}

.bannercontainer .title h2 {
  background-color: rgba(29, 37, 45, 0.6);
  padding: 8px 15px;
  font-size: 24px;
  line-height: 33px;
  font-weight: 300;
  color: #ffffff;
}

.bannercontainer .title .left span {
  line-height: 21px;
  padding: 6px 15px 8px;
  background-color: rgba(51, 51, 51, 0.6);
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  margin-top: 3px;
}

.bannercontainer .title .right {
  font-size: 16px !important;
  padding: 10px !important;
  background-color: rgba(29, 37, 45, 0.6);
  text-transform: uppercase !important;
  line-height: 28px !important;
  font-weight: 400;
  color: #ffffff;
}

.bannercontainer .title .right a {
  padding: 0 10px !important;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.bannercontainer .title .right a:hover {
  background-color: #333f48;
  border-color: #333f48;
}

.bannercontainer .tp-leftarrow,
.bannercontainer .tp-rightarrow {
  background-color: #1d252d;
}

.bannercontainer .tp-leftarrow:before,
.bannercontainer .tp-rightarrow:before {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 300;
}

.bannercontainer .zoom {
  background: rgba(29, 37, 45, 0.6);
  padding-top: 20px;
  padding-bottom: 10px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.bannercontainer .zoom img {
  margin-bottom: 10px;
}

.bannercontainer .zoom span {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
}

.bannercontainer .zoom:hover {
  background: #1d252d;
}

.bottom-slider {
  background: #333333;
}

.bottom-slider a {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 20px;
  color: #ffffff;
  font-weight: 300;
}

.bottom-slider a:hover {
  background: #333f48;
  color: #ffffff;
}

.zoom_slider {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  z-index: 100000;
}

.zoom_slider .flexslider .slides li {
  background-color: #333333;
  color: #a3b2a4 !important;
}

.zoom_slider .flex-cell .overlay {
  background-color: #333333;
}

.zoom_slider .flex-direction-nav .flex-prev {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/slider-left.png) 0 0 no-repeat;
}

.zoom_slider .flex-direction-nav .flex-next {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/slider-right.png) 0 0 no-repeat;
}

.zoom_slider .close-btn {
  color: #ffffff;
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/x-close.png) 0 0 no-repeat;
}

.tab-view-content .active {
  position: relative;
  z-index: 1000000; //change to 99
}

@media (max-width: 991px) {
  .slider .title h2 {
    font-size: 30px;
  }
  .slider .title span {
    font-size: 18px;
  }
  .slider .title .like-heart {
    margin-top: 5px;
    margin-right: 20px;
  }
  .slider .title .right {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .bannercontainer .title {
    background-color: #333333;
  }
  .bannercontainer .title .left {
    border-bottom: 1px solid #777777 !important;
  }
  .bannercontainer .title .left span {
    font-size: 20px;
    font-weight: 300;
    padding: 10px 0px;
    margin: 0 15px 0 20px;
  }
  .bannercontainer .title .left span.status.let {
    padding: 10px 8px;
  }
  .bannercontainer .title .left h2 {
    font-size: 24px;
    color: #1d252d;
  }
  .bannercontainer .title .left h2:before {
    background-color: #ffffff;
    color: #1d252d;
  }
  .bannercontainer .title .left h2 a {
    color: #1d252d !important;
  }
  .bannercontainer .title .fix-on-mobile {
    background: #ffffff;
  }
}

@media (max-width: 699px) {
  .bottom-slider a {
    padding: 10px 5px;
    font-size: 12px;
  }
  p.shortlist-label {
    font-size: 12px;
  }
  .bannercontainer .title .left span {
    font-weight: 16px;
  }
}

@media (max-width: 619px) {
  .slider .title {
    background-color: #a3b2a4;
  }
  .slider .title h2 {
    font-size: 24px;
    line-height: 33px;
  }
  .slider .title span {
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  .bottom-slider a {
    padding: 10px 5px;
  }
}

@media (max-width: 479px) {
  .bannercontainer .title .left span.status.let {
    padding: 5px 15px 5px !important;
  }
  .banner {
    height: 250px !important;
  }
}

@media (max-width: 254px) {
  .bottom-slider a {
    font-size: 0;
  }
}

/* ==========================================================================
 * animations
 * ========================================================================== */
.hover:before {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  color: #ffffff;
}

.hover:after {
  background: none;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  content: "";
}

a,
button,
input,
.animation,
.animation-all,
.animation-all * {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

/* ==========================================================================
	 * forms
	 * ========================================================================== */
.searchhome select {
  color: #333f48;
}

.form-select select,
input {
  font-size: 18px;
}

div#uwpqsf_btn {
  margin-top: 15px;
}

input#uwpqsf_id_key {
  color: #333f48;
}

input#uwpqsf_id_btn {
  background: #333f48;
  color: #ffffff;
  font-weight: 400;
  font-size: 24px;
}

input#uwpqsf_id_btn:hover {
  background-color: #92aca0 !important;
  border-color: #92aca0 !important;
}

.uwpqsf_class label {
  font-size: 14px;
}

.uwpqsf_class input[type=radio],
.uwpqsf_class input[type=checkbox] {
  border: 1px solid #c6c6c6;
  background: #ffffff;
  margin-right: 15px;
  margin-top: 5px;
}

.main-content .search-form {
  padding: 15px 0px 5px 0px;
  background: #ffffff;
}

.search-form {
  background: #1d252d;
  color: #ffffff;
}

.search-form h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 10px;
}

.search-form h2.active {
  margin-bottom: 30px;
}

.search-form .controls-wrapper .form-controls,
.search-form .controls-wrapper #uwpqsf_btn {
  margin-right: 15px;
  font-size: 12px;
  line-height: 24px;
  margin-top: 0;
}

.search-form .controls-wrapper .form-controls .search-btn,
.search-form .controls-wrapper .form-controls .usfbtn,
.search-form .controls-wrapper #uwpqsf_btn .search-btn,
.search-form .controls-wrapper #uwpqsf_btn .usfbtn {
  background: #1d252d;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  border: 2px solid #ffffff;
}

.search-form .controls-wrapper .form-controls .search-btn:hover,
.search-form .controls-wrapper .form-controls .usfbtn:hover,
.search-form .controls-wrapper #uwpqsf_btn .search-btn:hover,
.search-form .controls-wrapper #uwpqsf_btn .usfbtn:hover {
  background: shade(#92aca0, 10%);
  border-color: shade(#92aca0, 10%);
}

.search-form .controls-wrapper .form-controls .form-control,
.search-form .controls-wrapper #uwpqsf_btn .form-control {
  font-size: 14px;
  font-weight: 300;
  color: #777777;
}

.search-form .controls-wrapper .form-controls .holder,
.search-form .controls-wrapper #uwpqsf_btn .holder {
  background: #ffffff none repeat scroll 0 0;
  color: #777777;
}

.search-form .controls-wrapper .form-controls .heapOption,
.search-form .controls-wrapper #uwpqsf_btn .heapOption {
  background-color: #ffffff;
}

.search-form .controls-wrapper .form-controls a,
.search-form .controls-wrapper #uwpqsf_btn a {
  color: #777777;
  font-weight: 300 !important;
  font-size: 14px;
}

.search-form .controls-wrapper .form-inputs input[type="checkbox"] {
  border: 1px solid #c6c6c6;
  background: #ffffff;
}

.search-form .controls-wrapper .form-inputs input[type="checkbox"]:before {
  font-size: 14px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  color: #92aca0;
}

.search-form .controls-wrapper .form-inputs label {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.search-form .controls-wrapper .form-inputs a {
  color: #777777;
}

.search-form .controls-wrapper .form-inputs a:hover {
  color: #777777;
}

.search-form .form-submit a,
.search-form div#uwpqsf_btn a {
  color: #ffffff;
  margin-top: 15px;
}

.search-form .form-submit a:hover,
.search-form div#uwpqsf_btn a:hover {
  color: #333f48;
}

.update-search-form {
  background: #c6c6c6;
  color: #ffffff;
  border-bottom: 1px solid #eef0f1;
}

.update-search-form h2 {
  font-size: 30px;
  line-height: 24px;
  margin-right: 30px;
  padding: 25px 0 7px;
}

.update-search-form h2 a {
  color: #ffffff;
  font-size: 14px;
}

.update-search-form h2 a:hover {
  color: #333f48;
}

.update-search-form .controls-wrapper {
  padding-top: 20px;
}

.update-search-form .controls-wrapper .form-inputs {
  color: #777777;
}

.update-search-form .controls-wrapper .form-controls,
.update-search-form .controls-wrapper #uwpqsf_btn {
  font-size: 14px;
  line-height: 24px;
}

.update-search-form .search-btn,
.update-search-form div#uwpqsf_btn input {
  background: #333f48;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.update-search-form .search-btn:hover,
.update-search-form div#uwpqsf_btn input:hover {
  background: shade(#333f48, 10%);
}

.update-search-form .reset-btn {
  background: #c6c6c6;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
}

.update-search-form .reset-btn img {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.update-search-form .reset-btn:hover {
  background: #333f48;
}

.update-search-form .inp-text {
  padding-left: 5px;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
}

.fake_radio .radio_button {
  background-color: #ffffff;
}

.fake_radio .radio_button:before {
  background-color: #ffffff;
  border: 1px solid #c6c6c6;
}

.fake_radio .radio_button:after {
  background-color: #ffffff;
}

.fake_radio.active .radio_button:before {
  background-color: #92aca0;
  border-color: #92aca0;
}

div.search-separate {
  border-bottom: 1px dashed #1d252d;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.heapBox .holder {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  padding: 0 20px 0 10px;
  color: #c6c6c6;
  border: 1px solid #1d252d;
  background: #ffffff;
}

.heapBox .handler:before {
  color: #0d0d0e;
  font-size: 14px;
  line-height: 26px;
}

.heapBox .heap ul {
  border-top: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
}

.heapBox .heap ul li {
  border-bottom: 1px solid #c6c6c6;
}

.heapBox .heap ul li a {
  background: #ffffff;
  color: #777777;
  padding: 5px 15px;
}

.heapBox .heap ul li a:hover {
  color: #0d0d0e;
  background: #c6c6c6;
}

.white-content {
  padding: 20px 0 30px;
  background-color: #ffffff;
  color: #1d252d;
}

.white-content h2 {
  font-size: 30px;
  line-height: 33px;
  margin-bottom: 20px;
  font-weight: 300;
}

.contact-index {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/bg-contact.png) 0 3px no-repeat;
}

.contact-index .col3 {
  font-size: 14px;
  line-height: 21px;
  padding: 0 15px;
}

.contact-index strong {
  font-size: 18px;
  font-weight: 400;
}

.contact-index .mail-link {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/mail-icon.png) 0 0 no-repeat;
}

.contact-index .mail-phone {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/phone-icon.png) 0 0 no-repeat;
}

.more-options {
  font-size: 14px;
  text-decoration: underline;
}

.more-options-content label {
  font-weight: 400;
}

.more-options-content input[type=checkbox] {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/search-checkbox.png) 0 0 no-repeat;
}

.more-options-content input[type=checkbox]:checked {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/search-checkbox-checked.png) 0 0 no-repeat;
}

.more-options-content .form-checkbox {
  font-size: 12px;
}

.form-common h2 {
  font-size: 24px;
  font-weight: 300;
  padding-top: 10px;
}

.form-common h2.alone {
  margin-bottom: 30px;
}

.form-common h2.alone .required {
  color: red;
  font-size: 14px;
  padding-top: 5px;
}

.form-common .form-controls input {
  border: 1px solid #1d252d;
  font-size: 14px;
  padding-left: 10px;
  margin-bottom: 10px;
  background-color: #eef0f1;
}

.form-common .form-controls input:focus {
  border: 1px solid #777777;
  background-color: #c6c6c6;
}

.form-common .form-controls .required {
  color: red;
}

.form-common .heapBox {
  margin-bottom: 10px;
}

.form-common p {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 300;
}

.form-common .more-options-content {
  padding-top: 10px;
}

.form-common .radio-controls label {
  font-weight: 400;
  color: #777777;
}

.form-common .radio-controls input {
  border: 1px solid #777777;
}

.form-common .radio-controls input:before {
  background-color: #ffffff;
  border-radius: 2px solid;
}

.form-common .radio-controls input:checked {
  background: #1d252d;
  border-color: #1d252d;
}

.form-common > ul {
  margin-bottom: 20px;
}

.form-common textarea {
  padding-left: 10px;
  font-size: 14px;
  border: 1px solid #1d252d;
  margin-bottom: 10px;
}

.form-common input[type="submit"] {
  color: #1d252d;
  font-size: 20px;
  border: 2px solid #1d252d;
}

h3.widget-title {
  font-weight: 300;
}

.widget .search-form .search-submit {
  background-color: #1d252d;
  color: #ffffff;
}

.widget .search-form .search-submit:hover {
  background-color: #92aca0;
}

.easymatch-request-form .f-row {
  margin-bottom: 5px;
}

.easymatch-request-form .form-error {
  color: red;
}

@media (max-width: 1199px) {
  .update-search-form h2 {
    font-size: 30px;
  }
  .update-search-form .controls-wrapper {
    padding-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .search-form h2 {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  .search-form h2:before {
    content: 'Property Search';
    font-size: 24px;
    line-height: 24px !important;
    font-weight: 300;
    background: transparent url(/wp-content/themes/osvn-hjc-child/assets/images/search.png) no-repeat scroll left center/auto 75%;
  }
  .search-form .controls-wrapper .form-controls,
  .search-form .controls-wrapper #uwpqsf_btn {
    padding: 0 10px;
    margin-bottom: 15px;
  }
  .search-form .form-inputs {
    margin-bottom: 15px;
  }
  .main-content .col-md-9 {
    border-bottom: 2px solid #a3b2a4;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .main-content .search-form {
    margin-bottom: 30px;
  }
  .update-search-form .controls-wrapper .form-controls,
  .update-search-form .controls-wrapper #uwpqsf_btn .usfbtn {
    margin-bottom: 15px;
  }
  .more-options {
    font-size: 14px;
    text-decoration: underline;
  }
  .more-options-content {
    padding-top: 5px;
  }
}

@media (max-width: 559px) {
  .contact-index .col3 {
    margin-bottom: 20px;
  }
}

@media (max-width: 359px) {
  .update-search-form h2 {
    font-size: 24px;
  }
}

/* ==========================================================================
 * buttons
 * ========================================================================== */
span.register-link {
  padding: 3px 15px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 15px;
  background-color: #1d252d;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

span.register-link:hover {
  background: #333f48;
  color: #ffffff;
  border-color: #333f48;
}

span.register-link a {
  color: #ffffff;
}

.bannercontainer .title .right,
.bannercontainer .title .right a,
input#uwpqsf_id_btn,
.gray-content .content .btn-link,
#single .register span.register-link a {
  border-radius: 0;
}

.input-group-btn {
  border: 1px solid #1d252d;
  border: 1px solid #1d252d;
  border-radius: 0 0 0 0;
  background: #1d252d;
}

.input-group-btn:hover {
  background: #92aca0;
  border-color: #92aca0;
}

.btn-default {
  border: 0 none !important;
}

@media (max-width: 991px) {
  .register {
    margin-bottom: 20px;
  }
  .agent-wrap {
    padding: 30px;
  }
}

@media (max-width: 579px) {
  .register a.reg-call {
    margin-bottom: 10px;
  }
}

/* ==========================================================================
 * blockquotes
 * ========================================================================== */
blockquote .left {
  margin: 0 20px 0 0;
}

blockquote .right {
  margin: 0 0 0 20px;
}

/* ==========================================================================
 * maps
 * ========================================================================== */
.acf-map {
  border: 0 !important;
}

/* ==========================================================================
 * comments
 * ========================================================================== */
.comments-area {
  border-top: 2px solid #eef0f1;
  padding-top: 20px;
}

.comments-area .comment-header h5 {
  margin-bottom: 5px;
}

.comments-area .comment-header h5 a {
  text-transform: none;
}

.comments-area .comment-content {
  margin: 5px 0;
}

ul.children {
  margin-top: 10px;
}

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

.depth-1 {
  border-bottom: 1px dashed #eef0f1;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.media-left img {
  border: 2px solid #eef0f1;
  padding: 5px;
}

.cat {
  margin-top: 10px;
}

.wp-caption {
  margin-bottom: 20px;
  padding-top: 5px;
}

.wp-caption p.wp-caption-text {
  line-height: 21px;
  font-size: 10px;
}

.not-front li > a:hover {
  color: #0d0d0e;
}

/* ==========================================================================
 * mob-specific
 * ========================================================================== */
@media (max-width: 799px) {
  .mobile-content {
    color: #ffffff;
    background: #333333;
  }
  .mobile-content .mob-title {
    background: #ffffff;
    font-size: 24px;
    line-height: 28px;
    padding: 15px 0;
    font-weight: 300;
  }
  .mobile-content .mob-title a {
    color: #1d252d;
  }
  .mobile-content .mob-address {
    background: #333333;
    font-size: 20px;
    line-height: 21px;
    padding: 5px 0;
    font-weight: 300;
  }
  .mobile-content .mob-address .container {
    border-bottom: 1px solid #777777;
    padding: 10px 15px 10px;
  }
  .mobile-content .mob-controls li {
    padding: 0 5px 10px;
  }
}

/* ==========================================================================
 * Include page-specific styles
 * ========================================================================== */
/* ==========================================================================
 * home
 * ========================================================================== */
body.home.page #main #content {
  padding: 15px 0;
}

#sidebar {
  padding: 30px 0 0;
  color: #a3b2a4;
  background-color: #1d252d;
  padding-bottom: 30px;
}

#sidebar .featured_widget .hover:hover:after {
  background: rgba(255, 255, 255, 0.5);
}

#sidebar .featured_widget .hover:hover:before {
  font-size: 30px;
}

#sidebar .featured_widget h3 {
  font-size: 30px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 40px;
}

#sidebar .featured_widget h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 5px;
}

#sidebar .featured_widget h4 a {
  color: #ffffff;
  font-weight: 300;
}

#sidebar .featured_widget h4 a:hover {
  color: shade(#92aca0, 10%);
}

#sidebar .featured_widget span {
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
}

#sidebar .featured_widget ul li {
  margin-bottom: 20px;
  padding: 0 10px;
}

.gray-content {
  background: #a3b2a4;
  color: #ffffff;
  padding: 30px 0 20px;
}

.gray-content .content h2 {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}

.gray-content .content .btn-link {
  line-height: 33px;
  color: #ffffff;
  font-size: 20px;
  border: 2px solid #ffffff;
}

.gray-content .content .btn-link:hover {
  background-color: #92aca0;
  border-color: #92aca0;
}

@media (max-width: 768px) {
  .gray-content .content .btn-link {
    margin: 20px 0 0;
  }
}

@media (max-width: 599px) {
  #sidebar .featured_widget li h4 {
    font-size: 20px !important;
  }
  #sidebar .featured_widget li span {
    font-size: 18px !important;
  }
}

/* ==========================================================================
 * Property List Page
 * ========================================================================== */
.tab-top {
  background: #333333;
}

.tab-top p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 24px 0;
}

.tab-top h3 {
  font-size: 24px;
  line-height: 33px;
  color: #ffffff;
  padding: 10px 0;
}

.tab-top .left .tab-view {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  background: #333333;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.tab-top .left .tab-view:before {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.tab-top .left .tab-view.list-view:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-listview.png) 0 0 no-repeat;
}

.tab-top .left .tab-view.list-view:after {
  background: #333333;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.tab-top .left .tab-view.list-view.active:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-listview-active.png) 0 0 no-repeat;
}

.tab-top .left .tab-view.list-view.active:after {
  background: #ffffff;
}

.tab-top .left .tab-view.map-view:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-map-view.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}

.tab-top .left .tab-view.map-view.active:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-map-view-active.png) 0 0 no-repeat;
}

.tab-top .left .tab-view.grid-view:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-grid-view.png) 0 0 no-repeat;
}

.tab-top .left .tab-view.grid-view.active:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-grid-view-active.png) 0 0 no-repeat;
}

.tab-top .left .tab-view.active {
  color: #1d252d;
  background: #ffffff;
}

.tab-top .right {
  color: #ffffff;
}

.tab-top .right .form-checkbox .chk-exclude {
  border: 1px solid #c6c6c6;
  background: #ffffff;
}

.tab-top .right .form-checkbox .chk-exclude:before {
  font-size: 14px;
  line-height: 12px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  color: #92aca0;
}

.tab-top .right .form-checkbox label {
  font-size: 14px;
  line-height: 33px;
  font-weight: 400;
}

.tab-top .right a {
  font-size: 14px;
  line-height: 33px;
  color: #ffffff;
}

.tab-top .right a:before {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.tab-top .right a:hover {
  color: #333f48;
}

.tab-top .right .link-shortlist:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-small.png) 0 0 no-repeat;
}

.tab-top .right .link-shortlist:hover:before {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-small-hover.png);
}

.tab-top .right .link-back:before {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-back-small.png) 0 0 no-repeat;
}

.tab-top .right .link-back:hover:before {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-back-small-hover.png);
}

.tab-top-style2 {
  background: transparent;
}

#tab-list-view {
  background: #ffffff;
  z-index: 99999;
}

.tab-view-content {
  z-index: 1;
}

.tab-view-content .top-left {
  padding-top: 15px;
  line-height: 33px;
  font-size: 18px;
}

.tab-view-content .top-right {
  padding: 20px 0;
}

.tab-view-content .wp-breadcrumb {
  font-size: 18px;
  line-height: 24px;
  padding: 15px 0;
  color: #777777;
}

.tab-view-content .wp-breadcrumb li {
  font-size: 18px;
  line-height: 24px;
}

.tab-view-content .wp-breadcrumb .fa {
  font-size: 18px;
  line-height: 24px;
}

.tab-view-content .wp-breadcrumb a {
  color: #777777;
}

.tab-view-content .wp-breadcrumb a:hover {
  color: #92aca0;
}

.tab-view-content .filter-select {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tab-view-content .thumb .small_slider .flex-direction-nav a {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(29, 37, 45, 0.6);
}

.tab-view-content .thumb .small_slider .flex-direction-nav a:hover {
  background-color: #1d252d;
  color: rgba(255, 255, 255, 0.6);
}

/*.tab-view-contents .tab-map-view {
  display: none;
}*/

.list-result {
  border-top: 1px solid #1d252d;
}

.list-result .item-result {
  border-bottom: 1px solid #1d252d;
}

.list-result .thumb .zoom {
  background: rgba(29, 37, 45, 0.6);
  color: #ffffff;
}

.list-result .thumb .zoom:hover {
  background: #1d252d;
}

.list-result .title {
  background: #ffffff;
  color: #1d252d;
}

.list-result .title h3 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 5px;
}

.list-result .title h3 a {
  color: #1d252d;
}

.list-result .title h3 a:hover {
  color: #a3b2a4;
}

.list-result .title p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

.list-result .title span {
  line-height: 24px;
  font-weight: 300;
}

.list-result .title .left {
  margin: 15px 0;
}

.list-result .title .love {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-empty.png) 0 0 no-repeat;
  margin-bottom: 15px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.list-result .title .love:hover {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-full.png);
}

.list-result .title .arrange-viewing {
  line-height: 28px;
  color: #1d252d;
  font-size: 16px;
  border: 2px solid #1d252d;
  margin-top: 15px;
}

.list-result .title .arrange-viewing:hover {
  background: #333f48;
  border-color: #333f48;
}

.list-result .title .arrange-viewing:hover a {
  color: #ffffff;
}

.list-result .content .info .col-left {
  font-size: 14px;
  color: #1d252d;
}

.list-result .content .info .col-left a {
  background-color: #a3b2a4;
}

.list-result .content .info .col-center {
  margin-bottom: 20px;
}

.list-result .content .info .col-right {
  padding: 0 10px 0 20px;
}

.list-result .content .info .detail {
  margin-bottom: 10px;
}

.list-result .content .info .description {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
}

.list-result .controls li {
  font-size: 14px;
  padding: 0 10px;
  margin-top: 5px;
}

.list-result .controls li .control.MyShortlist p.shortlist-label {
  font-size: 14px;
  font-weight: 400 !important;
}

.list-result .controls .control {
  color: #1d252d;
  font-weight: 400;
}

.list-result .controls .control .icon-control {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.list-result .controls .control .icon-brochure {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-brochure.png) top center no-repeat;
}

.list-result .controls .control .icon-heart {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart.png) top center no-repeat;
}

.list-result .controls .control .icon-map {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-map.png) top center no-repeat;
}

.list-result .controls .control .icon-streetview {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-streetview.png) top center no-repeat;
}

.list-result .controls .control .icon-share {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-share.png) top center no-repeat;
}

.list-result .controls .control .icon-video {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-video.png) top center no-repeat;
}

.list-result .controls .control:hover {
  color: #ff6d0c;
}

.list-result .controls .control:hover .icon-brochure {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-brochure-hover.png);
}

.list-result .controls .control:hover .icon-heart {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-hover.png);
}

.list-result .controls .control:hover .icon-map {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-map-hover.png);
}

.list-result .controls .control:hover .icon-video {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-video-hover.png);
}

.list-result .controls .control:hover .icon-streetview {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-streetview-hover.png);
}

.list-result .controls .control:hover .icon-share {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-share-hover.png);
}

#tab-list-view .list-result p.shortlist-label,
#tab-list-view .list-result p.added-label,
#tab-list-view .list-result p.remove-label {
  font-size: 14px;
  font-weight: 400;
}

.map-left-bar .title h3 {
  line-height: 21px;
  font-weight: 300;
  background-color: rgba(29, 37, 45, 0.6);
  padding: 8px 15px;
  margin-bottom: 8px;
}

.map-left-bar .title h3 a {
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
}

#tab-map-view {
  background-color: #ffffff;
  z-index: 99;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .zoom {
  background-color: rgba(29, 37, 45, 0.6);
  padding: 10px 0 5px;
  color: #ffffff;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .zoom:hover {
  background: #1d252d;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .zoom span {
  font-size: 10px;
  line-height: 15px;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .title {
  color: #ffffff;
  padding: 18px 15px;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .title h3 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 5px;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .title span {
  font-weight: 300;
  font-size: 12px;
  padding: 8px 15px;
  background-color: rgba(51, 51, 51, 0.6);
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .love {
  background: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-empty.png) 0 0 no-repeat;
  margin-bottom: 15px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .love:hover {
  background-image: url(/wp-content/themes/osvn-hjc-child/assets/images/icon-heart-full.png);
}

#tab-map-view .map-left-bar .scroll-wrapper .map-item .arrange-viewing {
  background: #333f48;
  color: #ffffff;
  font-size: 12px;
  line-height: 21px;
}

#tab-map-view .ossvn-overlay {
  background-color: rgba(13, 13, 14, 0.7);
}

#tab-map-view .ossvn-overlay-icon i {
  color: #ffffff;
}

.arrange-viewing a {
  color: #1d252d;
}

.title h3 a {
  color: #1d252d;
}

.title h3 a:hover {
  color: #333f48;
}

@media (max-width: 799px) {
  #tab-map-view .map-left-bar .map-item .zoom {
    padding-top: 10px;
  }
  #tab-map-view .map-left-bar .map-item .title h3 {
    font-size: 20px;
    line-height: 24px;
  }
  #tab-map-view .map-right {
    padding: 20px;
    background-color: #ffffff;
  }
}

@media (max-width: 739px) {
  .tab-top-style2 {
    background-color: #1d252d;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

@media (max-width: 549px) {
  .tab-top-style2 {
    padding-top: 10px;
  }
}

/* ==========================================================================
 * Property Detail Page
 * ========================================================================== */
.agent-wrap {
  padding: 10px;
  background-color: #777777;
  color: #ffffff;
  margin-bottom: 40px;
}

.agent-wrap a {
  color: #ffffff;
  text-decoration: none !important;
}

.agent-wrap a:hover {
  color: #92aca0;
}

.agent-wrap .agentRef {
  font-size: 16px;
  font-weight: 400;
  background-color: #ffffff;
  color: #777777;
  padding: 5px 10px;
  margin-bottom: 15px;
}

.agent-wrap .support {
  font-size: 20px !important;
}

.agent-wrap .support h3 {
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 10px;
}

.agent-wrap .support p {
  font-size: 18px;
  font-weight: 300;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.-details .fb-wrapper .fbInfo {
  background-color: rgba(29, 37, 45, 0.7);
}

.property-details .fb-wrapper .info_wrap {
  color: #a3b2a4;
}

.property-details .fb-wrapper .fbInfo .fb-data {
  background-color: rgba(29, 37, 45, 0.6);
  color: #a3b2a4;
}

.property-details .fb-wrapper .fbInfo_actionButton {
  background: #1d252d;
  border-color: #1d252d;
  color: #a3b2a4;
}

.property-details .fb-wrapper .fbInfo_actionButton:hover {
  background: #333f48;
  border-color: #333f48;
}

.property-details .fb-wrapper .fbInfo .fb-data .fbInfo_telephone, .property-details .fb-wrapper .fbInfo .fb-data .fbInfo_mobile {
  color: #a3b2a4;
}

.property-details .fbInfo_Hi {
  color: #a3b2a4;
}

.appointment .choose-button__lbl {
  background: #1d252d;
  color: #a3b2a4;
}

.appointment .choose-button__lbl:hover {
  background: #333f48;
}

.appointment .choose-button__lbl.selected {
  background-color: #a3b2a4;
  color: #1d252d;
}

.appointment .choose-button__other-btn {
  border: 2px solid #1d252d;
}

/* ==========================================================================
 * site - sections
 * ========================================================================== */
.status.let {
  background-color: rgba(51, 63, 72, 0.7) !important;
}

.list-result .item-result .status.let {
  color: #333333;
  padding: 2px 5px;
}

#sidebar .featured_widget span.status.let {
  padding: 2px 8px 6px !important;
  line-height: 26px;
  margin-top: 8px;
}

#sidebar .featured_widget h3, #sidebar .featured_widget h4 {
  color: #a3b2a4;
}

#sidebar .featured_widget h4 a {
  color: #a3b2a4;
}

#tab-map-view .map-left-bar .map-item .title span.status.let {
  padding: 5px 10px;
}

article.testimonial header,
.main-content .container article.post header {
  background-color: #ffffff;
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 40px;
}

ul.left li.title-shortlist {
  font-size: 18px;
  line-height: 24px;
  padding: 6px 8px 6px 0px;
  color: #ffffff;
}

#single {
  padding-top: 30px;
}

#single .key-features {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 20px;
}

#single .key-features h3 {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 25px;
  font-weight: 300;
}

#single .key-features ul {
  margin-bottom: 30px;
}

#single .key-features ul li {
  padding-left: 15px;
}

#single .key-features ul li:before {
  background: #1d252d;
}

#single .key-features .more {
  font-size: 24px;
  font-weight: 400;
  color: #1d252d;
}

#single .key-features .more:hover {
  color: #333f48;
}

#single .key-features p {
  font-size: 16px;
  line-height: 21px;
}

#single .arrange-viewing {
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
  background: #333f48;
}

#single .description {
  font-size: 16px;
  line-height: 21px;
}

#single .register {
  font-size: 20px;
  line-height: 33px;
  margin-bottom: 30px;
  font-weight: 300;
  background-color: #777777;
  color: #ffffff;
  padding: 10px;
}

#single .register a.reg-call {
  border-right: 1px solid;
  color: #ffffff;
}

#single .register a.reg-call :hover {
  color: #333f48;
}

#single .register span.register-link a {
  color: #ffffff;
}

#single .register span.register-link a:hover {
  color: #ffffff;
}

@media (max-width: 991px) {
  .item-result .status.let {
    color: #ffffff;
  }
}

@media (max-width: 799px) {
  .list-result .item-result .status.let {
    color: #ffffff;
  }
}

@media (max-width: 768px) {
  .status.let {
    margin: 0 0 0 15px !important;
  }
  .item-result .status.let {
    padding: 2px 5px;
  }
  #sidebar .featured_widget span.status.let {
    margin: 5px 0 0 !important;
  }
}