/* ------------------------------------------------------------------------

Theme Name: Sherlock Realty
Theme URI: http://sherlock.com.au
Description: This is a responsive real estate theme designed and developed by Sherlock Software.
Version: 1.0
Author: Sherlock Software
Author URI: http://www.sherlocksoftware.com
Tags:
License:
License URI:

------------------------------------------------------------------------ */
@font-face {
  font-family: oncloud-icons;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/oncloud-icons.eot");
  src: url("../fonts/oncloud-icons.eot?") format("eot"), url("../fonts/oncloud-icons.woff") format("woff"), url("../fonts/oncloud-icons.ttf") format("truetype"); }
/* Colours *********************************************/
.showing {
  float: left;
  width: 300px;
  font-size: 14px;
  margin: 0 0 30px 0; }

.filter form {
  float: right;
  width: 200px; }
  .filter form h3 {
    font-size: 14px;
    float: left;
    margin: 5px 10px 0 0; }
.filter .view-change {
  float: right;
  width: 70px;
  margin: 7px 0 0 0;
  font-size: 22px;
  display: block; }
  .filter .view-change .list {
    cursor: pointer;
    display: inline-block; }
    .filter .view-change .list:before {
      font-family: oncloud-icons;
      content: "\f00b";
      color: #555;
      margin: 0 5px 0 0; }
      .filter .view-change .list:before:hover {
        color: #6cc04a; }
  .filter .view-change .grid {
    display: inline-block;
    cursor: pointer; }
    .filter .view-change .grid:before {
      font-family: oncloud-icons;
      content: "\f00a";
      color: #555;
      margin: 0 5px 0 0; }
      .filter .view-change .grid:before:hover {
        color: #6cc04a; }

.properties {
  width: 100%;
  clear: both; }
  .properties .property-list.grid {
    width: 100%;
    float: left;
    margin: 0 0.8% 3% 1%; }
    @media only screen and (min-width: 768px) {
      .properties .property-list.grid {
        width: 23%;
        border-radius: 5px;
        border: 1px solid #ccc;
        overflow: hidden; } }
    .properties .property-list.grid .deets {
      padding: 15px;
      min-height: 240px; }
      .properties .property-list.grid .deets h3 {
        text-transform: uppercase;
        font-size: 20px;
        line-height: 22px; }
      .properties .property-list.grid .deets h4 {
        font-size: 16px;
        font-weight: 500;
        color: #666; }
      .properties .property-list.grid .deets p.price {
        color: #6cc04a;
        font-size: 18px;
        margin: 0 0 3px 0;
        font-weight: 500; }
      .properties .property-list.grid .deets .icons {
        padding: 4px 0;
        font-size: 16px; }
      .properties .property-list.grid .deets .desc {
        font-size: 16px;
        line-height: 1.3em;
        color: #666; }
    .properties .property-list.grid .banner {
      background: #6cc04a;
      width: 30%;
      display: block;
      font-size: 18px;
      text-align: center;
      padding: 5px;
      position: relative;
      z-index: 10;
      margin: 0 0 -45px 0;
      color: #fff;
      top: 20px;
      float: left; }
    .properties .property-list.grid .book a {
      width: 100%;
      display: block;
      background: #6cc04a;
      border-radius: 5px;
      color: #fff;
      text-align: center;
      padding: 5px 0;
      text-decoration: none;
      margin: 15px 0 0 0; }
      .properties .property-list.grid .book a:before {
        background: none;
        content: '\f002';
        display: none;
        font-family: oncloud-icons;
        margin: 0 5px 0 0;
        text-align: center; }
      .properties .property-list.grid .book a:hover {
        background: #000000;
        text-decoration: none; }
  .properties .property-list.list {
    width: 100%;
    float: left;
    margin: 0 0 3% 0;
    border: 1px solid #eee; }
    @media only screen and (min-width: 768px) {
      .properties .property-list.list {
        display: flex; } }
    .properties .property-list.list .hero {
      width: 100%;
      float: left; }
      @media only screen and (min-width: 768px) {
        .properties .property-list.list .hero {
          width: 40%; } }
      .properties .property-list.list .hero img {
        float: left;
        background-size: cover; }
      .properties .property-list.list .hero .banner {
        background: #6cc04a;
        width: 30%;
        display: block;
        font-size: 18px;
        text-align: center;
        padding: 5px;
        position: relative;
        z-index: 10;
        margin: 0 0 -45px 0;
        color: #fff;
        top: 20px;
        float: left; }
    .properties .property-list.list .deets {
      width: 100%;
      float: left;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      @media only screen and (min-width: 768px) {
        .properties .property-list.list .deets {
          width: 60%; } }
      .properties .property-list.list .deets .description {
        padding: 2%;
        justify-content: normal; }
        .properties .property-list.list .deets .description h3 {
          min-height: 40px; }
      .properties .property-list.list .deets .icons {
        padding: 4px 0;
        font-size: 14px; }
      .properties .property-list.list .deets .book {
        align-self: flex-end;
        width: 100%; }
        .properties .property-list.list .deets .book a {
          width: 100%;
          display: block;
          background: #6cc04a;
          color: #fff;
          text-align: center;
          padding: 5px 0;
          text-decoration: none;
          margin: 15px 0 0 0; }
          .properties .property-list.list .deets .book a:before {
            background: none;
            content: '\f002';
            display: none;
            font-family: oncloud-icons;
            margin: 0 5px 0 0;
            text-align: center; }
          .properties .property-list.list .deets .book a:hover {
            background: #000000;
            text-decoration: none; }

.infoWindow .prop_thumb {
  width: 200px;
  float: left;
  margin: 0 10px 0 0; }
  .infoWindow .prop_thumb img {
    width: 100%; }

#pagination {
  margin: 0 0 15px 0; }
  #pagination .disabled {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #efefef;
    display: inline-block;
    color: #fff; }
  #pagination .current {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #333;
    display: inline-block;
    color: #fff; }
  #pagination a {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #6cc04a;
    display: inline-block;
    color: #fff; }
    #pagination a:hover {
      background: #888; }

.bed:before {
  font-family: oncloud-icons;
  content: "\f236";
  color: #555;
  margin: 0 5px 0 0; }

.bath:before {
  font-family: oncloud-icons;
  content: "\f2cd";
  color: #555;
  margin: 0 5px 0 0; }

.cars:before {
  font-family: oncloud-icons;
  content: "\f1b9";
  color: #555;
  margin: 0 5px 0 0; }

.sleeps:before {
  font-family: oncloud-icons;
  content: "\f1b9";
  color: #555;
  margin: 0 5px 0 0; }

#property-info-bar-builder .container {
  padding: 0; }

#property-info-bar-builder .suburb {
  font-size: 18px;
  color: #6cc04a; }

#property-detail-builder .container {
  padding: 0; }
  #property-detail-builder .container .property-listing {
    padding: 30px 0; }
    #property-detail-builder .container .property-listing .details .price, #property-detail-builder .container .property-listing .details .bond {
      float: left;
      font-size: 18px;
      padding-left: 0;
      padding-right: 0;
      color: #6cc04a; }
    #property-detail-builder .container .property-listing .details .features {
      float: right;
      text-align: right;
      padding-left: 0;
      padding-right: 0; }
      #property-detail-builder .container .property-listing .details .features .item {
        display: inline-block;
        margin: 0 15px 0 0;
        padding-left: 0;
        padding-right: 0; }
    #property-detail-builder .container .property-listing .description {
      margin: 0 0 30px 0; }
    #property-detail-builder .container .property-listing .features li {
      list-style-type: none;
      text-transform: uppercase; }
      #property-detail-builder .container .property-listing .features li:before {
        font-family: oncloud-icons;
        content: '\f058';
        color: #6cc04a;
        margin: 0 5px 0 0; }

.agent-details .agent-thumb {
  width: 100%; }
  .agent-details .agent-thumb img {
    object-fit: cover;
    width: 100%; }

#property-map {
  width: 100%;
  height: 450px; }

#property-info-bar-static {
  margin: 90px auto;
  width: 80%; }

#property-detail-static {
  margin: 90px auto;
  width: 80%; }
  #property-detail-static h2 {
    margin: 30px 0; }
  #property-detail-static .price, #property-detail-static .soldprice {
    font-size: 28px; }
  #property-detail-static .bond {
    font-size: 18px; }

.key {
  width: 100%;
  float: left;
  text-align: right;
  clear: both; }

.square {
  width: 30px;
  height: 30px;
  float: left;
  margin: -5px 5px 0 0; }

.available .square {
  border: 1px solid #eee; }

.not-available .square {
  background: #555; }

.not-available,
.available {
  float: left;
  margin: 20px 20px 0 0; }

.ui-datepicker {
  background: #ffffff;
  margin: 0px 0px 10px 0px; }
  .ui-datepicker .ui-datepicker-header {
    background: #ffffff; }
  .ui-datepicker .ui-state-default {
    background: #ffffff;
    color: #000000;
    transition: all 0.1s ease-in; }
    .ui-datepicker .ui-state-default:hover {
      border-color: #ff9900; }
  .ui-datepicker .ui-state-disabled .ui-state-default {
    background: red;
    color: #990000; }
    .ui-datepicker .ui-state-disabled .ui-state-default:hover {
      border-color: #cccccc; }
  .ui-datepicker .ui-state-disabled.booking-owner-back-to-back {
    background: url(images/btb.jpg) repeat-y center top;
    color: #990000; }
  .ui-datepicker .ui-state-highlight {
    border: 1px solid #cccccc; }
  .ui-datepicker .ui-datepicker-calendar .ui-state-disabled, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-disabled {
    opacity: 1; }
  .ui-datepicker .ui-datepicker-calendar .booking-start span {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, red 51%, red 100%); }
  .ui-datepicker .ui-datepicker-calendar .booking-end span {
    background: linear-gradient(135deg, red 0%, red 50%, #ffffff 51%, #ffffff 100%); }

.SbookitWidgetTwo #availability {
  width: 960px;
  margin: 0 auto; }
  @media only screen and (max-width: 479px) {
    .SbookitWidgetTwo #availability {
      width: 100% !important; } }

#secure_bookit_links {
  float: left;
  width: 100%;
  background: #000000;
  min-height: 90px;
  padding: 15px 0;
  margin: 0 0 30px 0; }

.tariff a .large,
.book a .large,
.enquire a .large {
  font-size: 18px;
  width: 100%;
  padding: 5px 0 0 60px;
  clear: both;
  float: left; }

.tariff a .small,
.book a .small,
.enquire a .small {
  font-size: 13px;
  width: 100%;
  padding: 10px 0 0 60px; }

.day_bar {
  border: 1px solid #888;
  float: left; }

.month {
  float: left;
  width: 60px;
  height: 30px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 5px 0 0 5px; }

.month:last-child {
  border-bottom: 0; }

.day_bar .day {
  width: 30px;
  height: 30px;
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  float: left;
  font-size: 11px;
  text-align: center;
  margin: 0 0 -1px -1px; }

.day_bar .day.not {
  background: #888;
  color: #fff; }

.cal1,
.cal2,
.cal3,
.cal4,
.cal5,
.cal6 {
  float: left;
  margin: 0;
  clear: left; }

@media only screen and (max-width: 479px) {
  .cal2,
  .cal3,
  .cal4,
  .cal5,
  .cal6 {
    display: none; } }

td.ui-datepicker-unselectable.ui-state-disabled.booking-owner-back-to-back .ui-state-default {
  background: url(images/btb.jpg) repeat-y center top !important; }

td.booking-end .ui-state-default {
  background: linear-gradient(135deg, #eee 0%, #eee 50%, #eee 51%, #eee 100%); }

td.booking-start .ui-state-default {
  background: linear-gradient(135deg, #eee 0%, #eee 50%, #eee 51%, #eee 100%); }

#property-image-gallery-1 {
  height: 700px;
  padding: 0px 0 20px 0; }
  #property-image-gallery-1 *:not(.container) {
    margin: 0;
    padding: 0; }
  #property-image-gallery-1 ul {
    list-style: none; }
  @media only screen and (min-width: 768px) {
    #property-image-gallery-1 .gallery .main {
      background: none;
      float: left;
      height: 700px;
      width: 80%; } }
  #property-image-gallery-1 .gallery .main ul li img {
    display: none; }
  #property-image-gallery-1 .gallery .main ul.slick-slider {
    position: relative; }
    #property-image-gallery-1 .gallery .main ul.slick-slider li {
      height: 700px; }
      #property-image-gallery-1 .gallery .main ul.slick-slider li img {
        display: block;
        width: 100%; }
    #property-image-gallery-1 .gallery .main ul.slick-slider .slick-prev, #property-image-gallery-1 .gallery .main ul.slick-slider .slick-next {
      background: rgba(0, 0, 0, 0.5);
      display: none !important;
      height: 50px;
      line-height: 50px;
      margin: -25px 0 0 0;
      position: absolute;
      text-align: center;
      top: 50%;
      width: 50px;
      z-index: 5; }
      #property-image-gallery-1 .gallery .main ul.slick-slider .slick-prev:before, #property-image-gallery-1 .gallery .main ul.slick-slider .slick-next:before {
        float: none;
        font-family: oncloud-icons;
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        width: 50px; }
    #property-image-gallery-1 .gallery .main ul.slick-slider .slick-prev {
      left: 0px; }
      #property-image-gallery-1 .gallery .main ul.slick-slider .slick-prev:before {
        content: '\ea44'; }
    #property-image-gallery-1 .gallery .main ul.slick-slider .slick-next {
      right: 0px; }
      #property-image-gallery-1 .gallery .main ul.slick-slider .slick-next:before {
        content: '\ea42'; }
    #property-image-gallery-1 .gallery .main ul.slick-slider .slick-disabled {
      cursor: default; }
    #property-image-gallery-1 .gallery .main ul.slick-slider:hover .slick-prev, #property-image-gallery-1 .gallery .main ul.slick-slider:hover .slick-next {
      display: inline !important; }
  #property-image-gallery-1 .gallery .thumbnails {
    display: none; }
    @media only screen and (min-width: 768px) {
      #property-image-gallery-1 .gallery .thumbnails {
        background: none;
        display: block;
        float: left;
        height: 700px;
        width: 20%; } }
    #property-image-gallery-1 .gallery .thumbnails .slick-slider {
      position: relative; }
      #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-slide li {
        background: #666666;
        float: left;
        height: 172.5px;
        margin: 0 0 3px 1%;
        padding: 0;
        position: relative;
        width: 99%; }
        #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-slide li .hero {
          cursor: pointer;
          height: 172.5px;
          overflow: hidden;
          position: relative;
          width: 100%; }
          #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-slide li .hero img {
            display: block;
            left: 50%;
            min-height: 100%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: 130%; }
          #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-slide li .hero:hover {
            outline: 2px solid #6cc04a; }
      #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-prev, #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-next {
        background: rgba(0, 0, 0, 0.5);
        display: none !important;
        height: 50px;
        left: 50%;
        line-height: 50px;
        margin: 0 0 0 -25px;
        position: absolute;
        text-align: center;
        width: 50px;
        z-index: 5; }
        #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-prev:before, #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-next:before {
          float: none;
          font-family: oncloud-icons;
          font-size: 24px;
          height: 50px;
          line-height: 50px;
          width: 50px;
          margin: 0 0 0 5px; }
      #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-prev {
        top: 0px; }
        #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-prev:before {
          content: '\ea41'; }
      #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-next {
        top: 650px; }
        #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-next:before {
          content: '\ea43'; }
      #property-image-gallery-1 .gallery .thumbnails .slick-slider .slick-disabled {
        cursor: default; }
      #property-image-gallery-1 .gallery .thumbnails .slick-slider:hover .slick-prev, #property-image-gallery-1 .gallery .thumbnails .slick-slider:hover .slick-next {
        display: inline !important; }

#property-image-gallery-2 {
  height: 210px;
  background: #000;
  overflow: hidden;
  float: left;
  width: 100%; }
  @media only screen and (min-width: 321px) {
    #property-image-gallery-2 {
      height: 250px; } }
  @media only screen and (min-width: 517px) {
    #property-image-gallery-2 {
      height: 320px; } }
  @media only screen and (min-width: 567px) {
    #property-image-gallery-2 {
      height: 380px; } }
  @media only screen and (min-width: 753px) {
    #property-image-gallery-2 {
      height: 250px; } }
  @media only screen and (min-width: 933px) {
    #property-image-gallery-2 {
      height: 280px; } }
  @media only screen and (min-width: 1111px) {
    #property-image-gallery-2 {
      height: 320px; } }
  @media only screen and (min-width: 1299px) {
    #property-image-gallery-2 {
      height: 380px; } }
  @media only screen and (min-width: 1400px) {
    #property-image-gallery-2 {
      height: 460px; } }
  @media only screen and (min-width: 1831px) {
    #property-image-gallery-2 {
      height: 520px; } }
  @media only screen and (min-width: 1873px) {
    #property-image-gallery-2 {
      height: 620px; } }
  #property-image-gallery-2 *:not(.container) {
    margin: 0;
    padding: 0; }
  #property-image-gallery-2 .container {
    padding-left: 0;
    padding-right: 0; }
  #property-image-gallery-2 ul {
    list-style: none; }
  #property-image-gallery-2 .gallery .main {
    overflow: hidden; }
    #property-image-gallery-2 .gallery .main ul li {
      opacity: 0.5;
      height: 210px;
      filter: alpha(opacity=50);
      /* For IE8 and earlier */ }
      @media only screen and (min-width: 321px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 250px; } }
      @media only screen and (min-width: 517px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 320px; } }
      @media only screen and (min-width: 567px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 380px; } }
      @media only screen and (min-width: 753px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 250px; } }
      @media only screen and (min-width: 933px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 280px; } }
      @media only screen and (min-width: 1111px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 320px; } }
      @media only screen and (min-width: 1299px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 380px; } }
      @media only screen and (min-width: 1400px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 460px; } }
      @media only screen and (min-width: 1831px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 520px; } }
      @media only screen and (min-width: 1873px) {
        #property-image-gallery-2 .gallery .main ul li {
          height: 620px; } }
      #property-image-gallery-2 .gallery .main ul li.slick-center {
        opacity: 1;
        filter: alpha(opacity=100);
        /* For IE8 and earlier */
        /*border-left:20px solid #fff;
        border-right:20px solid #fff;*/ }
      #property-image-gallery-2 .gallery .main ul li img {
        width: 100%;
        object-fit: cover; }
    #property-image-gallery-2 .gallery .main.slick-slider {
      position: relative; }
      #property-image-gallery-2 .gallery .main.slick-slider li {
        overflow: hidden; }
        @media only screen and (min-width: 768px) {
          #property-image-gallery-2 .gallery .main.slick-slider li {
            background: #eeeeee;
            position: relative; } }
        #property-image-gallery-2 .gallery .main.slick-slider li img {
          display: block; }
          @media only screen and (min-width: 768px) {
            #property-image-gallery-2 .gallery .main.slick-slider li img {
              height: auto;
              left: 50%;
              max-width: 100%;
              position: absolute;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 105%; } }
    #property-image-gallery-2 .gallery .main .slick-prev, #property-image-gallery-2 .gallery .main .slick-next {
      border-radius: 25px;
      background: #fff;
      filter: alpha(opacity=20);
      opacity: 0.4;
      height: 50px;
      line-height: 30px;
      margin: -25px 0 0 0;
      position: absolute;
      text-align: center;
      top: 50%;
      width: 50px;
      z-index: 5;
      transition: all 0.2s ease-in 0s;
      text-decoration: none; }
      #property-image-gallery-2 .gallery .main .slick-prev:before, #property-image-gallery-2 .gallery .main .slick-next:before {
        float: none;
        font-family: oncloud-icons;
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        width: 50px;
        color: #000000;
        filter: alpha(opacity=20);
        opacity: 1; }
    #property-image-gallery-2 .gallery .main .slick-prev {
      left: 3%; }
      #property-image-gallery-2 .gallery .main .slick-prev:before {
        content: '\f104'; }
    #property-image-gallery-2 .gallery .main .slick-next {
      right: 3%; }
      #property-image-gallery-2 .gallery .main .slick-next:before {
        content: '\f105'; }
    #property-image-gallery-2 .gallery .main .slick-disabled {
      cursor: default; }
    #property-image-gallery-2 .gallery .main:hover .slick-prev, #property-image-gallery-2 .gallery .main:hover .slick-next {
      display: inline !important;
      background: #fff;
      filter: alpha(opacity=100);
      opacity: 1;
      text-decoration: none;
      color: #000000; }

/***************************Property search styles*********************************/
input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1; }

input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1; }

input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 1; }

input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1; }

input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #555;
  opacity: 1; }

input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #555;
  opacity: 1; }

input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #555;
  opacity: 1; }

input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #555;
  opacity: 1; }

.stuck {
  position: fixed;
  top: 110px;
  z-index: 11;
  width: 14.1%; }

#searchform {
  background: transparent !important;
  width: 100%;
  margin: 10px 0 10px 0;
  float: left; }
  @media only screen and (min-width: 768px) {
    #searchform {
      display: flex !important; } }
  #searchform .extras {
    clear: left; }
  #searchform .extra_options {
    display: block;
    cursor: pointer;
    clear: both;
    margin: 0 auto;
    color: #6cc04a; }
    #searchform .extra_options:before {
      content: "\f150";
      font-family: oncloud-icons;
      padding: 0 10px 0 0; }
    #searchform .extra_options.selected:before {
      content: "\f151";
      font-family: oncloud-icons;
      padding: 0 10px 0 0; }
  #searchform fieldset {
    background: #fff;
    height: 40px;
    border: none;
    margin-bottom: 0 !important;
    position: relative;
    color: #555;
    width: 50%;
    float: left; }
    #searchform fieldset .btn {
      padding: 6px 0; }
    @media only screen and (min-width: 768px) {
      #searchform fieldset {
        float: left;
        flex-basis: 0;
        flex: 1 1 0; }
        #searchform fieldset:nth-of-type(2n) {
          margin-left: 0%; } }
    @media only screen and (min-width: 992px) {
      #searchform fieldset {
        margin: 0 0 5px 0.5%;
        flex-basis: 0;
        flex: 1 1 0; }
        #searchform fieldset:nth-of-type(2n) {
          margin-left: 0.5%; }
        #searchform fieldset:first-child {
          margin-left: 0; } }
    #searchform fieldset:before {
      background: none;
      float: left;
      font-family: oncloud-icons;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 7%;
      margin: 0 5px 0 0;
      color: #555; }
    #searchform fieldset.fieldset-features {
      /*display:none;*/
      /*display:none;*/ }
      #searchform fieldset.fieldset-features button:before {
        content: '\f084';
        font-family: oncloud-icons;
        margin: 0 3px 0 0;
        color: #555; }
      #searchform fieldset.fieldset-features .multiselect-selected-text {
        font-size: 14px;
        color: #555; }
    #searchform fieldset.fieldset-name {
      display: none; }
    #searchform fieldset.fieldset-submit {
      margin-bottom: 0;
      padding: 0;
      border: none;
      transition: all 0.2s ease-in 0s;
      width: 100%;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        #searchform fieldset.fieldset-submit {
          float: left;
          flex-basis: 0;
          flex: 1 1 0; } }
      #searchform fieldset.fieldset-submit:before {
        display: none; }
      #searchform fieldset.fieldset-submit:hover {
        background: #6cc04a;
        color: #fff; }
  #searchform label {
    display: none; }
  #searchform input {
    width: 100%;
    padding: 5px;
    border-radius: 3px solid #999;
    font-size: 16px;
    color: #999;
    min-height: 38px; }
    @media only screen and (min-width: 1023px) {
      #searchform input {
        line-height: 1.1em;
        padding: 0 0 0 23px;
        margin: 0 0 0 0;
        width: 88%; } }
    #searchform input[type="checkbox"] {
      width: 20%;
      height: 22px;
      margin: 5px 0 0 10px; }
    #searchform input[type="submit"] {
      border: none;
      text-transform: uppercase; }
  #searchform .fieldset-submit button {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    margin: 0 0 15px 0;
    max-width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
    background: #6cc04a;
    /* Old browsers */ }
    #searchform .fieldset-submit button:hover {
      background: #888;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,cccccc+100 */ }
    #searchform .fieldset-submit button:before {
      background: none;
      content: '\f002';
      display: none;
      font-family: oncloud-icons;
      margin: 0 5px 0 0;
      text-align: center; }
      @media only screen and (min-width: 1200px) {
        #searchform .fieldset-submit button:before {
          display: inline-block; } }
  #searchform .ui-datepicker-trigger {
    display: none;
    height: 16px;
    margin: -8px 0 0 0;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 16px; }

#searchform .customSelects .btn-group {
  width: 90%; }
  #searchform .customSelects .btn-group .multiselect-container {
    padding: 10px 0; }
#searchform .customSelects a {
  text-decoration: none; }
  #searchform .customSelects a label {
    display: block;
    text-decoration: none; }
  #searchform .customSelects a input {
    width: auto;
    height: auto;
    text-transform: none; }

#searchform button.multiselect.dropdown-toggle.btn.btn-default {
  background: transparent;
  color: #FFF;
  height: 30px;
  text-transform: none;
  width: 100%;
  text-align: left;
  padding: 0 0 0 20px;
  margin: 0 0 0 -15px; }

#searchform .dropdown-menu {
  min-width: 180px; }

#ui-datepicker-div {
  display: none; }

#filter-properties fieldset {
  margin-bottom: 0 !important; }
#filter-properties select {
  margin-bottom: 0 !important; }

.vertical_property_search h2 {
  padding: 15px;
  border: 1px solid #888;
  margin: 0; }
.vertical_property_search fieldset {
  padding: 15px;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888; }
  .vertical_property_search fieldset h4 {
    font-size: 18px;
    font-weight: bold; }
  .vertical_property_search fieldset label {
    color: #444;
    font-size: 13px;
    margin-bottom: 0.1rem; }

.AJAXliveprice .launch_button {
  display: none; }
.AJAXliveprice #booking-box .property_booking .close-box {
  display: none; }
.AJAXliveprice #booking-box .property_booking .heading-block {
  font-size: 22px;
  margin: 0 0 15px 0; }
.AJAXliveprice #booking-box .property_booking #availability #bookingform fieldset label {
  width: 100%; }
.AJAXliveprice #booking-box .property_booking #availability #bookingform fieldset input {
  width: 100%;
  padding: 5px;
  border-radius: 3px solid #999;
  font-size: 16px;
  color: #999; }
.AJAXliveprice #booking-box .property_booking #availability #bookingform fieldset select {
  width: 100%; }
.AJAXliveprice #booking-box .property_booking #availability #bookingform .booking_details {
  font-size: 16px; }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .booking_details .price {
    width: 100%;
    margin: 0 0 9px 0;
    float: left; }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .booking_details .book {
    width: 100%;
    margin: 0 0 9px 0;
    float: left; }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .booking_details .linen {
    width: 100%;
    margin: 0 0 9px 0;
    float: left; }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .booking_details .total {
    width: 100%;
    margin: 0 0 9px 0;
    float: left; }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .booking_details .bond {
    width: 100%;
    margin: 0 0 9px 0;
    float: left; }
.AJAXliveprice #booking-box .property_booking #availability #bookingform .book-button {
  display: block;
  font-size: 16px;
  color: #999;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  margin: 0 0 15px 0;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  /* IE6-9 */ }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .book-button:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,cccccc+100 */
    background: #eaeaea;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cccccc',GradientType=0 );
    /* IE6-9 */ }
.AJAXliveprice #booking-box .property_booking #availability #bookingform .enquire-button {
  display: block;
  font-size: 16px;
  color: #999;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  margin: 0 0 15px 0;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  /* IE6-9 */ }
  .AJAXliveprice #booking-box .property_booking #availability #bookingform .enquire-button:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeaea+0,cccccc+100 */
    background: #eaeaea;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cccccc',GradientType=0 );
    /* IE6-9 */ }

.select-css {
  display: block;
  font-size: 16px !important;
  color: #999 !important;
  line-height: 1.3 !important;
  padding: 0.6em 1.4em 0.5em 0.8em !important;
  width: 100%;
  margin: 0 0 15px 0 !important;
  max-width: 100%;
  box-sizing: border-box !important;
  border-radius: 3px;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%) !important;
  background-repeat: no-repeat, repeat !important;
  background-position: right 0.7em top 50%, 0 0 !important;
  background-size: 0.65em auto, 100% !important; }

.select-css::-ms-expand {
  display: none; }

.select-css:hover {
  border-color: #888; }

.select-css:focus {
  border-color: #aaa;
  color: #222;
  outline: none; }

.select-css option {
  font-weight: normal; }

.key {
  width: 100%;
  float: left;
  text-align: right;
  clear: both; }

.square {
  width: 30px;
  height: 30px;
  float: left;
  margin: -5px 5px 0 0; }

.available .square {
  border: 1px solid #eee; }

.not-available .square {
  background: #555; }

.not-available,
.available {
  float: left;
  margin: 20px 20px 0 0; }

.ui-datepicker {
  background: #ffffff;
  margin: 0px 0px 10px 0px; }
  .ui-datepicker .ui-datepicker-header {
    background: #ffffff; }
  .ui-datepicker .ui-state-default {
    background: #ffffff;
    color: #000000;
    transition: all 0.1s ease-in; }
    .ui-datepicker .ui-state-default:hover {
      border-color: #ff9900; }
  .ui-datepicker .ui-state-disabled .ui-state-default {
    background: red;
    color: #990000; }
    .ui-datepicker .ui-state-disabled .ui-state-default:hover {
      border-color: #cccccc; }
  .ui-datepicker .ui-state-disabled.booking-owner-back-to-back {
    background: url(images/btb.jpg) repeat-y center top;
    color: #990000; }
  .ui-datepicker .ui-state-highlight {
    border: 1px solid #cccccc; }
  .ui-datepicker .ui-datepicker-calendar .ui-state-disabled, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-disabled {
    opacity: 1; }
  .ui-datepicker .ui-datepicker-calendar .booking-start span {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, red 51%, red 100%); }
  .ui-datepicker .ui-datepicker-calendar .booking-end span {
    background: linear-gradient(135deg, red 0%, red 50%, #ffffff 51%, #ffffff 100%); }

.SbookitWidgetTwo #availability {
  width: 960px;
  margin: 0 auto; }
  @media only screen and (max-width: 479px) {
    .SbookitWidgetTwo #availability {
      width: 100% !important; } }

#secure_bookit_links {
  float: left;
  width: 100%;
  background: #000000;
  min-height: 90px;
  padding: 15px 0;
  margin: 0 0 30px 0; }

.tariff a .large,
.book a .large,
.enquire a .large {
  font-size: 18px;
  width: 100%;
  padding: 5px 0 0 60px;
  clear: both;
  float: left; }

.tariff a .small,
.book a .small,
.enquire a .small {
  font-size: 13px;
  width: 100%;
  padding: 10px 0 0 60px; }

.day_bar {
  border: 1px solid #888;
  float: left; }

.month {
  float: left;
  width: 60px;
  height: 30px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 5px 0 0 5px; }

.month:last-child {
  border-bottom: 0; }

.day_bar .day {
  width: 30px;
  height: 30px;
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  float: left;
  font-size: 11px;
  text-align: center;
  margin: 0 0 -1px -1px; }

.day_bar .day.not {
  background: #888;
  color: #fff; }

.cal1,
.cal2,
.cal3,
.cal4,
.cal5,
.cal6 {
  float: left;
  margin: 0;
  clear: left; }

@media only screen and (max-width: 479px) {
  .cal2,
  .cal3,
  .cal4,
  .cal5,
  .cal6 {
    display: none; } }

td.ui-datepicker-unselectable.ui-state-disabled.booking-owner-back-to-back .ui-state-default {
  background: url(images/btb.jpg) repeat-y center top !important; }

td.booking-end .ui-state-default {
  background: linear-gradient(135deg, #eee 0%, #eee 50%, #eee 51%, #eee 100%); }

td.booking-start .ui-state-default {
  background: linear-gradient(135deg, #eee 0%, #eee 50%, #eee 51%, #eee 100%); }

.agent_results .agent {
  width: 100%;
  margin: 0 0 30px 0;
  float: left; }
  @media only screen and (min-width: 768px) {
    .agent_results .agent {
      width: 49%;
      margin: 0 1% 3% 0; } }
  .agent_results .agent .agent-thumb {
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity .25s ease-in; }
    @media only screen and (min-width: 768px) {
      .agent_results .agent .agent-thumb {
        width: 40%;
        float: left;
        margin: 0 5% 0 0;
        height: 250px;
        overflow: hidden; } }
    .agent_results .agent .agent-thumb img {
      background-size: cover;
      width: 100%; }
    .agent_results .agent .agent-thumb:hover {
      opacity: 0.5; }
  .agent_results .agent .agent-detail {
    float: left;
    width: 50%; }
    .agent_results .agent .agent-detail h4.agent-title {
      margin: 0 0 15px 0;
      display: block; }
    .agent_results .agent .agent-detail p {
      display: block;
      margin: 0 0 15px 0; }

.agent_single .agent-detail {
  float: left;
  width: 100%; }
  .agent_single .agent-detail h4.agent-title {
    margin: 0 0 15px 0;
    display: block; }
  .agent_single .agent-detail p {
    display: block;
    margin: 0 0 15px 0; }
  .agent_single .agent-detail .back {
    padding: 25px 0 0 0;
    display: block; }
    .agent_single .agent-detail .back a {
      padding: 10px 15px;
      background: #6cc04a;
      color: #fff; }
      .agent_single .agent-detail .back a:hover {
        background: #6a737b; }

@media only screen and (min-width: 768px) {
  .agent_results_simple {
    display: flex;
    padding: 0 1%; } }
.agent_results_simple .agent {
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .agent_results_simple .agent {
      flex: 1;
      margin: 0 1%; } }
  .agent_results_simple .agent h3 {
    color: #6cc04a; }
  .agent_results_simple .agent .agent-thumb {
    opacity: 1;
    transition: opacity .25s ease-in; }
    .agent_results_simple .agent .agent-thumb:hover {
      opacity: 0.5; }

#header_meta {
  border-bottom-width: 0 !important; }
  #header_meta div.phone-info {
    font-size: 28px;
    position: relative;
    margin: 60px 80px -90px 0;
    font-family: 'Raleway';
    font-weight: 300; }
    #header_meta div.phone-infospan {
      top: 65px;
      position: relative; }

.header_color div {
  border-color: transparent; }

.header_top {
  background-color: transparent !important;
  margin: 0 0 -33px 0; }

.header-button a {
  padding: 10px 15px;
  color: #fff;
  background: #6cc04a;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }
  .header-button a:hover {
    background: #6a737b;
    color: #fff; }

.testimonial-list .testimonial {
  width: 100%;
  float: left; }
  .testimonial-list .testimonial h3 {
    display: block;
    margin: 0 0 15px 0; }
  .testimonial-list .testimonial .content {
    border: none;
    padding: 0; }
    .testimonial-list .testimonial .content .name {
      display: block;
      margin: 0 0 15px 0; }

.testimonial-simple {
  padding-left: 0 !important;
  border: 1px solid #ccc !important;
  padding-right: 0 !important;
  border-radius: 5px;
  width: 100%;
  margin: 0 0 15px 0;
  background: url(/wp-content/themes/bridge-child/images/ghost_icon.png) no-repeat right bottom; }
  @media only screen and (min-width: 768px) {
    .testimonial-simple {
      margin: 1.5%;
      width: 47% !important; } }
  .testimonial-simple .testimonial-content {
    padding: 15px; }
    .testimonial-simple .testimonial-content h3 {
      color: #6cc04a;
      margin: 15px 0 0 0; }
    .testimonial-simple .testimonial-content .read-more a {
      float: right;
      color: #6cc04a;
      margin: 0 0 15px 0;
      font-weight: bold; }
      .testimonial-simple .testimonial-content .read-more a:hover {
        color: #6a737b; }