@charset "UTF-8";
a.single-search-change {
  color: #D0103A;
  display: none; }

@media (min-width: 1200px) {
  ul.hidden-sm-down {
    display: inline-block; } }

.ss-menu {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0s, visibility 0s;
  position: absolute;
  list-style: none; }
  .ss-menu li {
    line-height: 23px; }
    .ss-menu li a {
      background-image: linear-gradient(transparent calc(100% - 3px), #d0103a 1px);
      background-repeat: no-repeat;
      background-size: 0% 2px;
      color: #d0103a;
      /*display: inline;
			font-family: 'Suisse Regular';
			right: 25px;
			text-align: right;
			top: 6px;*/
      transition: background-size .5s;
      background-position-y: 20px; }
      .ss-menu li a:hover {
        background-size: 100% 2px; }

.non-ss-menu {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s, visibility .2s;
  /*position: relative;
	float: right;*/
  display: inline-block;
  list-style: none;
  margin-left: 10px !important; }
  .non-ss-menu .dropdown-toggle.btn-default {
    color: #333 !important; }

.ss-links {
  display: none; }

.enable-single-search .navmenu .nav .selector-wrap {
  display: none; }

.enable-single-search .fixed-head {
  opacity: 1; }

.enable-single-search .single-search-area {
  display: block; }

.enable-single-search #imgLogoLink #imgLogo {
  max-width: 113px; }

.enable-single-search .ss-menu {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s, visibility .2s;
  bottom: 0px;
  right: 0;
  height: 30px;
  display: block !important; }
  @media (max-width: 991px) {
    .enable-single-search .ss-menu.hidden-sm-down {
      display: none !important; } }

.enable-single-search .non-ss-menu {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0s, visibility 0s;
  position: absolute; }

.enable-single-search .video-container {
  position: relative;
  height: calc(100vh - 70px) !important; }
  @media (max-width: 991px) {
    .enable-single-search .video-container {
      height: calc(100vh - 66px) !important; } }
  @media (max-width: 767px) {
    .enable-single-search .video-container {
      height: calc(100vh - 52px) !important; } }
  .enable-single-search .video-container video.fillWidth {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    min-width: 100%;
    min-height: 100%; }

@media screen and (orientation: landscape) and (max-width: 991px) {
  .enable-single-search .video-container video.fillWidth {
    height: auto !important;
    width: 100% !important; } }

.enable-single-search .search-section {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 1000px;
  z-index: 2; }
  .enable-single-search .search-section h2 {
    letter-spacing: 2px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); }
    .enable-single-search .search-section h2::after {
      content: ".";
      color: red; }
  @media (max-width: 991px) {
    .enable-single-search .search-section {
      top: 10%; } }
  @media screen and (max-width: 991px) and (orientation: landscape) {
    .enable-single-search .search-section {
      top: 3%; }
      .enable-single-search .search-section .mainsearchbox {
        margin: 20px auto; } }

.enable-single-search .search-area {
  background: none;
  min-height: 0; }
  .enable-single-search .search-area .video-image {
    position: absolute;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
    background-size: cover;
    background-position: center center;
    display: block !important;
    opacity: 1 !important; }
  .enable-single-search .search-area::before, .enable-single-search .search-area::after {
    background: none; }
  .enable-single-search .search-area > span {
    background: white;
    display: block; }
  .enable-single-search .search-area .links {
    display: none; }
  .enable-single-search .search-area .ss-links {
    position: relative;
    padding: 20px;
    display: block; }
    .enable-single-search .search-area .ss-links li {
      border-left: 1px solid #9E9E9E; }
      .enable-single-search .search-area .ss-links li a:hover {
        background: rgba(88, 85, 85, 0.1); }
      @media (max-width: 767px) {
        .enable-single-search .search-area .ss-links li {
          border: 1px solid black; } }
      .enable-single-search .search-area .ss-links li div {
        color: black; }

.enable-single-search #single-search-icon {
  display: block; }

@media (max-width: 991px) {
  .enable-single-search #single-search-icon-mobile {
    display: block; } }

.enable-single-search .single-search-change {
  display: inline; }

.enable-single-search .head {
  background: white;
  margin: 0;
  padding: 12px 0;
  position: relative; }
  @media (max-width: 767px) {
    .enable-single-search .head {
      padding: 5px 0; } }
  .enable-single-search .head::after {
    position: absolute;
    bottom: -5px;
    height: 5px;
    background: -webkit-linear-gradient(-90deg, rgba(121, 121, 121, 0.69) 0, rgba(121, 121, 121, 0) 100%);
    background: -moz-linear-gradient(180deg, rgba(121, 121, 121, 0.69) 0, rgba(121, 121, 121, 0) 100%);
    background: linear-gradient(180deg, rgba(121, 121, 121, 0.69) 0, rgba(121, 121, 121, 0) 100%);
    width: 100%;
    border: none;
    transition: height .1s .1s, bottom .1s .1s;
    content: " ";
    display: table;
    z-index: 10000000; }
  .enable-single-search .head .header-list {
    text-align: right;
    bottom: 5px; }
    @media (max-width: 991px) {
      .enable-single-search .head .header-list > a {
        left: 20px;
        position: absolute;
        top: 5px; }
      .enable-single-search .head .header-list .fa-bars {
        font-size: 33px; } }
    .enable-single-search .head .header-list .dropdown {
      display: none; }
  @media (max-width: 991px) {
    .enable-single-search .head .container .row .col-xs-6 {
      position: absolute;
      width: 100%;
      display: contents; }
      .enable-single-search .head .container .row .col-xs-6 img {
        position: absolute;
        width: 113px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0; } }
  .enable-single-search .head img {
    max-width: 113px; }

.enable-single-search .fixed-nav {
  background: 0 0 !important;
  /*padding-bottom: -2px;*/
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
  transition: left 350ms;
  max-height: 75px; }
  .enable-single-search .fixed-nav .navigation {
    height: 0;
    display: none;
    /*position: relative;

		&.hidden-sm-down {
			display: block;
		}

		.main-navigation {
			@media(max-width: 991px) {
				display: none;
			}
		}*/ }

.enable-single-search #siteNav .navigation {
  height: 0;
  display: none; }

.enable-single-search .search-open {
  display: none !important; }

.enable-single-search .onion-skin {
  opacity: 0;
  visibility: hidden;
  transition: opacity .1s, visibility .1s; }

#single-search-icon-mobile {
  display: none; }

body.enable-single-search .single-search {
  display: block !important;
  opacity: 1;
  visibility: visible;
  transition: opacity .5s .2s, visibility .5s .2s;
  position: relative; }

body.enable-single-search .classic-search {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s, visibility 0s;
  position: absolute; }

body.enable-single-search .ss-arrow {
  margin-left: -20px;
  position: absolute;
  bottom: 70px;
  left: 50%;
  width: 40px;
  height: 50px;
  text-align: center; }
  body.enable-single-search .ss-arrow .fa-angle-down {
    color: white;
    text-decoration: none;
    font-size: 35px;
    top: 35%;
    position: relative; }

body.enable-single-search.homepage .highlight-area {
  width: 50%;
  float: left; }
  @media (max-width: 1199px) {
    body.enable-single-search.homepage .highlight-area {
      width: 100%; } }
  body.enable-single-search.homepage .highlight-area.ss {
    display: block !important;
    border-left: 1px solid white; }
    @media (max-width: 1199px) {
      body.enable-single-search.homepage .highlight-area.ss {
        border-left: none;
        border-top: 1px solid white; } }

.single-search-active {
  height: 100vh;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .single-search-active {
      padding-right: 17px !important; } }
  .single-search-active .fixed-nav {
    background: none !important;
    overflow: hidden;
    /*padding-bottom: -2px;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: z-index 400ms;
    max-height: none;
    /*@media(min-width: 1200px) {
			padding-right: 17px;
		}*/ }
  .single-search-active .arrow-down-more {
    margin-left: -27px;
    transition: visibility .5s .4s, opacity .5s .4s;
    visibility: visible;
    opacity: 1; }
  .single-search-active .single-search-area {
    overflow-y: scroll;
    /*-webkit-transition: height 0.5s;
		transition: height 0.5s;*/ }
    .single-search-active .single-search-area .results {
      opacity: 1;
      visibility: visible;
      transition: opacity .3s, visibility .3s; }
      .single-search-active .single-search-area .results.hide-results {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s, visibility .3s;
        position: absolute !important; }
        .single-search-active .single-search-area .results.hide-results section {
          opacity: 0;
          visibility: hidden;
          /*transition: opacity .4s, visibility .4s, max-height .4s;*/
          margin: 0;
          /*position: absolute;*/
          max-height: 0; }
  .single-search-active #single-search-icon-mobile {
    opacity: 0;
    visibility: hidden; }
  .single-search-active #single-search-input-overlay #single-search-input-icon {
    opacity: 1; }
    @media (max-width: 991px) {
      .single-search-active #single-search-input-overlay #single-search-input-icon {
        left: 1px;
        top: -4px; } }
  .single-search-active #giosg_live_chat_dialog,
  .single-search-active #giosg_chat_now,
  .single-search-active .giosg_chat_now {
    z-index: 1 !important; }
  .single-search-active .head {
    min-height: 52px; }
    @media (min-width: 992px) {
      .single-search-active .head {
        padding-right: 17px; } }
    .single-search-active .head::after {
      bottom: -11px;
      height: 11px;
      transition: height .1s .2s, bottom .1s .2s; }
  .single-search-active .onion-skin {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    border: none;
    background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, white 70%, white 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, white 70%, white 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, white 70%, white 100%);
    opacity: 1;
    visibility: visible;
    transition: opacity .3s .8s, visibility .3s .8s; }

.arrow-down-more {
  margin-left: -20px;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 50px;
  text-align: center;
  visibility: hidden;
  transition: visibility .5s, opacity .5s;
  opacity: 0; }
  @media (max-width: 1199px) {
    .arrow-down-more {
      display: none; } }
  .arrow-down-more.hide {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility .1s, opacity .1s; }
  .arrow-down-more .fa-angle-down {
    color: black;
    text-decoration: none;
    font-size: 35px;
    top: 35%;
    position: relative; }

.bounce {
  animation: bounce 4s 3; }

.single-search-area {
  /*background: white;
	border-top: 1px solid $border-grey;
	height: 0;
	overflow: hidden;
	position: relative;
	-webkit-transition: height 0.7s;
	transition: height 0.7s;
	z-index: 100;*/
  display: none;
  background: #fff;
  border-top: 1px solid #d8d8d8;
  height: 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-overflow-scrolling: touch;
  transition: transform 500ms .5s, z-index 500ms .5s;
  will-change: transform;
  height: 1200px;
  /*@media(min-width: 1200px) {
		width: calc(100% + 17px);
	}*/ }
  .single-search-area.collapsed {
    /*height: 0 !important;*/
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 500ms;
    will-change: transform;
    z-index: -1; }
    @media (min-width: 1200px) {
      .single-search-area.collapsed {
        /*padding-right: 17px;*/ }
        .single-search-area.collapsed .preText {
          left: -8px;
          position: relative; } }
  .single-search-area .preText {
    display: block; }
    @media (min-width: 992px) {
      .single-search-area .preText {
        margin: 20px 0; } }
  .single-search-area .preTextDetails h2 {
    line-height: 26px;
    margin: 0 0 20px; }
  .single-search-area .container {
    padding-top: 30px;
    width: 100%; }
    @media (min-width: 1200px) {
      .single-search-area .container {
        max-width: 1000px !important;
        padding-left: 0;
        padding-right: 0; } }
    .single-search-area .container[data-bind="single-search"] {
      display: block !important; }
  .single-search-area .preTextDetails {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    padding: 20px 10px 20px 10px;
    width: 100%; }
    .single-search-area .preTextDetails .container {
      padding: 0; }
    .single-search-area .preTextDetails.show-preText {
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity .3s, visibility .3s;
      transition: opacity .3s, visibility .3s;
      position: relative;
      display: inline-block; }
    .single-search-area .preTextDetails.dont-show-preText {
      display: none; }
    @media (min-width: 1200px) {
      .single-search-area .preTextDetails {
        padding: 30px 0 0 0; } }
    .single-search-area .preTextDetails.searched {
      height: 0;
      opacity: 0;
      padding: 0;
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s; }
    .single-search-area .preTextDetails .col-lg-12 {
      position: absolute;
      top: 80px; }
    .single-search-area .preTextDetails h2 {
      color: #333333;
      font-family: 'Suisse Regular';
      font-size: 20px;
      line-height: 26px;
      margin: 0 0 21px; }
      @media (max-width: 1199px) {
        .single-search-area .preTextDetails h2 {
          margin: 0 0 15px; } }
  .single-search-area .preText {
    padding: 0 10px; }
    .single-search-area .preText ul {
      display: block;
      margin: 0;
      padding: 0; }
      .single-search-area .preText ul li {
        display: block;
        list-style: none;
        position: relative;
        outline: none;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        transition: visibility .2s, opacity .2s, max-height .4s;
        overflow: hidden; }
        .single-search-area .preText ul li:hover, .single-search-area .preText ul li:focus {
          outline: none; }
        .single-search-area .preText ul li span {
          background-image: linear-gradient(transparent calc(100% - 2px), #333333 2px);
          background-repeat: no-repeat;
          background-size: 0% 100%;
          color: #333333;
          cursor: pointer;
          display: inline;
          font-family: 'Suisse Regular';
          font-size: 16px;
          font-weight: 400;
          line-height: 40px;
          position: relative;
          transition: background-size 0.5s;
          width: calc(100%);
          padding: 10px 0px;
          background-position-y: -10px; }
          .single-search-area .preText ul li span:active, .single-search-area .preText ul li span:hover, .single-search-area .preText ul li span:focus {
            background-size: 100% 100%;
            outline: none; }
        .single-search-area .preText ul li.show-option {
          opacity: 1;
          visibility: visible;
          max-height: 50px;
          transition: visibility .3s .6s, opacity .3s .6s, max-height .4s .6s; }
        .single-search-area .preText ul li.selected-option {
          opacity: 1;
          visibility: visible;
          transition: visibility 0s, opacity 0s;
          max-height: 50px; }
          .single-search-area .preText ul li.selected-option span {
            background: none;
            font-size: 19px;
            transition: font-size .3s; }
  .single-search-area .results {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s;
    padding-bottom: 30px;
    position: relative; }
    @media (min-width: 991px) {
      .single-search-area .results {
        padding: 0 0 40px 0; } }
    .single-search-area .results a:hover {
      text-decoration: none; }
    .single-search-area .results section {
      opacity: 0;
      visibility: hidden;
      /*transition: opacity .3s, visibility .3s, max-height .4s;*/
      margin: 0;
      max-height: 0;
      overflow: hidden; }
      @media (min-width: 1200px) {
        .single-search-area .results section {
          max-width: 1000px !important; } }
      .single-search-area .results section.show-element {
        opacity: 1;
        visibility: visible;
        transition: opacity .4s .1s, visibility .4s .1s, max-height .2s;
        margin-bottom: 20px;
        max-height: 1500px; }
        .single-search-area .results section.show-element:nth-of-type(2) {
          transition: opacity .4s .4s, visibility .4s .4s, max-height .2s .2s; }
          .single-search-area .results section.show-element:nth-of-type(2) .repeated-item-shown {
            -webkit-transition: opacity .4s ease-out .6s, visibility .4s ease-out .6s, max-height .2s ease-out .4s;
            transition: opacity .4s ease-out .6s, visibility .4s ease-out .6s, max-height .2s ease-out .4s; }
        .single-search-area .results section.show-element:nth-of-type(3) {
          transition: opacity .4s .5s, visibility .4s .5s, max-height .2s .3s; }
          .single-search-area .results section.show-element:nth-of-type(3) .repeated-item-shown {
            -webkit-transition: opacity .4s ease-out .7s, visibility .4s ease-out .7s, max-height .2s ease-out .5s;
            transition: opacity .4s ease-out .7s, visibility .4s ease-out .7s, max-height .2s ease-out .5s; }
        .single-search-area .results section.show-element:nth-of-type(4) {
          transition: opacity .4s .6s, visibility .4s .6s, max-height .2s .4s; }
          .single-search-area .results section.show-element:nth-of-type(4) .repeated-item-shown {
            -webkit-transition: opacity .4s ease-out .8s, visibility .4s ease-out .8s, max-height .2s ease-out .6s;
            transition: opacity .4s ease-out .8s, visibility .4s ease-out .8s, max-height .2s ease-out .6s; }
        .single-search-area .results section.show-element:nth-of-type(5) {
          transition: opacity .4s .7s, visibility .4s .7s, max-height .2s .5s; }
          .single-search-area .results section.show-element:nth-of-type(5) .repeated-item-shown {
            -webkit-transition: opacity .4s ease-out .9s, visibility .4s ease-out .9s, max-height .2s ease-out .7s;
            transition: opacity .4s ease-out .9s, visibility .4s ease-out .9s, max-height .2s ease-out .7s; }
        .single-search-area .results section.show-element:nth-of-type(6) {
          transition: opacity .4s .8s, visibility .4s .8s, max-height .2s .6s; }
      @media (max-width: 991px) {
        .single-search-area .results section .mobile-scroll {
          padding-bottom: 10px; } }
      @media (min-width: 768px) {
        .single-search-area .results section .row {
          display: flex; } }
    .single-search-area .results h2 {
      color: #333333;
      line-height: 31px;
      font-size: 20px;
      font-weight: normal;
      font-family: 'Suisse Bold';
      margin-top: 0;
      margin-bottom: 15px; }
      @media (max-width: 1199px) {
        .single-search-area .results h2 {
          margin-bottom: 15px; } }
    .single-search-area .results h3 {
      color: #333333;
      font-weight: normal;
      font-family: 'Suisse Bold';
      margin-top: 0;
      margin-bottom: 15px; }
    .single-search-area .results .view-more {
      background-image: linear-gradient(transparent calc(100% - 3px), #D0103A 1px);
      background-repeat: no-repeat;
      background-size: 0% 2px;
      color: #D0103A;
      display: inline;
      font-family: 'Suisse Regular';
      font-size: 16px;
      position: absolute;
      right: 25px;
      text-align: right;
      top: 6px;
      transition: background-size 0.5s;
      background-position-y: 20px; }
      .single-search-area .results .view-more:active, .single-search-area .results .view-more:hover {
        background-size: 100% 2px; }
      @media (max-width: 991px) {
        .single-search-area .results .view-more {
          right: 15px; } }
      .single-search-area .results .view-more.hide-non-tablet {
        display: none; }
        @media (min-width: 768px) and (max-width: 991px) {
          .single-search-area .results .view-more.hide-non-tablet {
            display: inline; } }
    .single-search-area .results .card {
      border: 1px solid #979797;
      display: block;
      height: 100%;
      padding: 10px 15px;
      transition: border-color .5s; }
      .single-search-area .results .card:hover {
        border-color: black;
        transition: border-color .5s; }
    .single-search-area .results .col-xs-3 {
      min-width: 246px; }
    .single-search-area .results .col-xs-4 {
      min-width: 328px; }
    .single-search-area .results .properties {
      margin-top: 0; }
      .single-search-area .results .properties h2 {
        padding-left: 65px;
        position: relative; }
        @media (max-width: 1199px) {
          .single-search-area .results .properties h2 {
            padding-left: 40px; } }
        .single-search-area .results .properties h2::before {
          background-image: url("/library/v3.0/images/svg/property-red.svg");
          background-size: 30px 30px;
          content: "";
          display: block;
          height: 30px;
          left: 13px;
          position: absolute;
          top: -1px;
          width: 30px; }
          @media (max-width: 1199px) {
            .single-search-area .results .properties h2::before {
              left: -2px; } }
      .single-search-area .results .properties ul {
        margin-bottom: 0;
        overflow: hidden;
        padding-left: 0px;
        -webkit-transition: height 0.5s;
        transition: height 0.5s; }
        .single-search-area .results .properties ul li {
          padding-left: 65px;
          position: relative; }
          @media (max-width: 1199px) {
            .single-search-area .results .properties ul li {
              padding-left: 40px; } }
          .single-search-area .results .properties ul li::before {
            background-image: url("/library/v3.0/images/svg/Property_Knight-Frank.svg");
            background-size: 23px 23px;
            content: "";
            display: block;
            height: 23px;
            left: 16px;
            position: absolute;
            top: 3px;
            width: 23px; }
            @media (max-width: 1199px) {
              .single-search-area .results .properties ul li::before {
                left: 0; } }
          .single-search-area .results .properties ul li.commercial::before {
            background-image: url("/library/v3.0/images/svg/Apartment_Knight-Frank.svg"); }
    @media (max-width: 767px) {
      .single-search-area .results .office .repeated-item-shown, .single-search-area .results .people .repeated-item-shown, .single-search-area .results .blog .repeated-item-shown, .single-search-area .results .research-section .repeated-item-shown {
        padding-bottom: 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .single-search-area .results .office .repeated-item-shown:nth-of-type(1n+3), .single-search-area .results .people .repeated-item-shown:nth-of-type(1n+3), .single-search-area .results .blog .repeated-item-shown:nth-of-type(1n+3), .single-search-area .results .research-section .repeated-item-shown:nth-of-type(1n+3) {
        display: none; } }
    .single-search-area .results .office ul, .single-search-area .results .people ul, .single-search-area .results .blog ul, .single-search-area .results .research-section ul {
      list-style-type: none;
      margin: 0 -15px;
      padding: 0; }
    .single-search-area .results .properties li, .single-search-area .results .cms-content li, .single-search-area .results .office li, .single-search-area .results .people li, .single-search-area .results .blog li, .single-search-area .results .research-section li {
      display: block;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out, max-height 0.1s ease-out;
      transition: opacity 0.2s ease-out, visibility 0.2s ease-out, max-height 0.1s ease-out; }
      .single-search-area .results .properties li.repeated-item-shown, .single-search-area .results .cms-content li.repeated-item-shown, .single-search-area .results .office li.repeated-item-shown, .single-search-area .results .people li.repeated-item-shown, .single-search-area .results .blog li.repeated-item-shown, .single-search-area .results .research-section li.repeated-item-shown {
        opacity: 1;
        visibility: visible;
        max-height: 500px;
        -webkit-transition: opacity 0.4s ease-out .4s, visibility 0.4s ease-out .4s, max-height 0.2s ease-out .2s;
        transition: opacity 0.4s ease-out .4s, visibility 0.4s ease-out .4s, max-height 0.2s ease-out .2s;
        transform: none; }
    .single-search-area .results .properties li, .single-search-area .results .cms-content li {
      padding-top: 5px;
      padding-bottom: 5px;
      /*-webkit-transition: opacity 0.2s ease-out, height 0.2s ease-out;
				transition: opacity 0.2s ease-out, height 0.2s ease-out;*/ }
      .single-search-area .results .properties li.repeated-item-shown, .single-search-area .results .cms-content li.repeated-item-shown {
        margin: 0;
        /*-webkit-transition: opacity 0.5s ease-out, height 0.5s ease-out;
					transition: opacity 0.5s ease-out, height 0.5s ease-out;*/ }
      .single-search-area .results .properties li a, .single-search-area .results .cms-content li a {
        background-image: linear-gradient(transparent calc(100% - 2px), #333333 2px);
        background-repeat: no-repeat;
        background-size: 0% 100%;
        color: #333333;
        display: inline;
        line-height: 21px;
        font-family: 'Suisse Regular';
        font-size: 16px;
        transition: background-size 0.5s;
        width: calc(100%); }
        .single-search-area .results .properties li a:active, .single-search-area .results .properties li a:hover, .single-search-area .results .cms-content li a:active, .single-search-area .results .cms-content li a:hover {
          background-size: 100% 100%; }
        .single-search-area .results .properties li a:nth-of-type(2), .single-search-area .results .cms-content li a:nth-of-type(2) {
          display: none;
          padding: 0; }
    .single-search-area .results .office {
      /*.office-details-wrapper.dir {
				&:before {
					background-image: url('/library/v3.0/images/svg/directions-red.svg');
					background-size: 25px 25px;
					content: "";
					display: block;
					height: 25px;
					left: -1px;
					position: absolute;
					top: -1px;
					width: 25px;
				}
			}*/ }
      .single-search-area .results .office h2 {
        padding-left: 65px;
        position: relative; }
        @media (max-width: 1199px) {
          .single-search-area .results .office h2 {
            padding-left: 40px; } }
        .single-search-area .results .office h2::before {
          background-image: url("/library/v3.0/images/svg/Offices_Knight-Frank-red.svg");
          background-size: 45px 45px;
          content: "";
          display: block;
          height: 45px;
          left: 5px;
          position: absolute;
          top: -8px;
          width: 45px; }
          @media (max-width: 1199px) {
            .single-search-area .results .office h2::before {
              left: -10px; } }
      .single-search-area .results .office .row {
        align-items: stretch;
        /*display: flex;*/ }
      .single-search-area .results .office .card {
        display: flex;
        flex-direction: column;
        height: 100%; }
        .single-search-area .results .office .card .office-title {
          flex: 1 0 auto;
          margin-bottom: 15px; }
          .single-search-area .results .office .card .office-title h3 {
            display: inline;
            font-size: 18px;
            line-height: 28px;
            margin: 0;
            width: calc(100%); }
            .single-search-area .results .office .card .office-title h3::before {
              display: none; }
        .single-search-area .results .office .card .info-wrapper {
          bottom: 0;
          min-height: 68px;
          position: relative;
          width: 100%; }
      .single-search-area .results .office .office-details {
        min-height: 99px; }
      .single-search-area .results .office .office-details-wrapper {
        display: block;
        margin-bottom: 5px;
        padding-left: 38px;
        position: relative;
        width: 100%;
        border: 1px solid #d0103a;
        padding: 10px 5px 10px 34px;
        text-align: center;
        color: #d0103a; }
        .single-search-area .results .office .office-details-wrapper:hover {
          color: #d0103a; }
        @media (min-width: 992px) {
          .single-search-area .results .office .office-details-wrapper {
            text-align: left;
            border: none;
            padding: 5px 5px 5px 38px; } }
        .single-search-area .results .office .office-details-wrapper .telephone, .single-search-area .results .office .office-details-wrapper .directions, .single-search-area .results .office .office-details-wrapper .view-details {
          background-image: linear-gradient(transparent calc(100% - 2px), #d0103a 2px);
          background-repeat: no-repeat;
          background-size: 0% 100%;
          color: #d0103a;
          display: inline;
          font-family: 'Suisse Regular';
          font-size: 16px;
          line-height: 14px;
          transition: background-size .5s;
          width: calc(100%);
          display: inline;
          position: relative; }
          .single-search-area .results .office .office-details-wrapper .telephone:active, .single-search-area .results .office .office-details-wrapper .telephone:hover, .single-search-area .results .office .office-details-wrapper .directions:active, .single-search-area .results .office .office-details-wrapper .directions:hover, .single-search-area .results .office .office-details-wrapper .view-details:active, .single-search-area .results .office .office-details-wrapper .view-details:hover {
            background-size: 100% 100%; }
          .single-search-area .results .office .office-details-wrapper .telephone a, .single-search-area .results .office .office-details-wrapper .directions a, .single-search-area .results .office .office-details-wrapper .view-details a {
            color: #d0103a; }
        .single-search-area .results .office .office-details-wrapper a {
          color: #d0103a; }
      .single-search-area .results .office .office-details-wrapper.tel div:before {
        background-image: url("/library/v3.0/images/svg/Contact-Phone_Knight-Frank-red.svg");
        background-size: 25px 25px;
        content: "";
        display: inline-block;
        height: 24px;
        left: -30px;
        position: absolute;
        top: -2px;
        width: 25px; }
        @media (min-width: 992px) {
          .single-search-area .results .office .office-details-wrapper.tel div:before {
            left: -40px; } }
      .single-search-area .results .office .office-details-wrapper.dir div:before {
        background-image: url("/library/v3.0/images/svg/directions-red.svg");
        background-size: 25px 25px;
        content: "";
        display: inline-block;
        height: 24px;
        left: -30px;
        position: absolute;
        top: -2px;
        width: 25px; }
        @media (min-width: 992px) {
          .single-search-area .results .office .office-details-wrapper.dir div:before {
            left: -40px; } }
      .single-search-area .results .office .office-details-wrapper.det div:before {
        background-image: url("/library/v3.0/images/svg/Logo_Knight-Frank_red.svg");
        background-size: 25px 25px;
        content: "";
        display: inline-block;
        height: 24px;
        left: -30px;
        position: absolute;
        top: -2px;
        width: 25px; }
        @media (min-width: 992px) {
          .single-search-area .results .office .office-details-wrapper.det div:before {
            left: -40px; } }
    .single-search-area .results .people h2 {
      padding-left: 65px;
      position: relative; }
      @media (max-width: 1199px) {
        .single-search-area .results .people h2 {
          padding-left: 40px; } }
      .single-search-area .results .people h2::before {
        background-image: url("/library/v3.0/images/svg/People_Knight-Frank-red.svg");
        background-size: 30px 30px;
        content: "";
        display: block;
        height: 30px;
        left: 12px;
        position: absolute;
        top: -3px;
        width: 30px; }
        @media (max-width: 1199px) {
          .single-search-area .results .people h2::before {
            left: -3px; } }
    .single-search-area .results .people .card {
      min-height: 99px;
      padding: 13px;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .single-search-area .results .people .card .hide {
        display: block !important;
        visibility: hidden; }
      .single-search-area .results .people .card > a {
        display: inline-block;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid gainsboro;
        width: 100%;
        flex: 1 0 auto;
        max-height: 113px; }
        @media (max-width: 991px) {
          .single-search-area .results .people .card > a {
            border: none;
            padding-bottom: 0;
            max-height: none; } }
        .single-search-area .results .people .card > a:active .card-info h3, .single-search-area .results .people .card > a:hover .card-info h3 {
          background-size: 100% 100%; }
        .single-search-area .results .people .card > a .card-image {
          display: inline-block;
          height: 97px;
          width: 93px;
          overflow: hidden;
          position: relative;
          vertical-align: top; }
          .single-search-area .results .people .card > a .card-image img {
            height: 97px; }
        .single-search-area .results .people .card > a .card-info {
          display: inline-flex;
          padding: 0 0 0 5px;
          vertical-align: top;
          width: calc(100% - (93px + 4px));
          flex-direction: column;
          height: 100%; }
        .single-search-area .results .people .card > a .name-wrapper {
          flex: 1 0 auto; }
          .single-search-area .results .people .card > a .name-wrapper h3 {
            background-image: linear-gradient(transparent calc(100% - 2px), #333333 2px);
            background-repeat: no-repeat;
            background-size: 0% 100%;
            display: inline;
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 0;
            transition: background-size 0.5s;
            width: calc(100%); }
        .single-search-area .results .people .card > a p {
          color: #333333;
          font-family: 'Suisse Regular';
          font-size: 14px;
          line-height: 16px;
          margin-bottom: 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 2px; }
      .single-search-area .results .people .card .tel {
        text-align: center;
        color: #333;
        font-family: 'Suisse Regular';
        font-size: 14px;
        line-height: 20px; }
        @media (max-width: 991px) {
          .single-search-area .results .people .card .tel span {
            display: none; } }
        .single-search-area .results .people .card .tel .tel-wrapper {
          display: block;
          position: relative;
          text-align: left;
          border: none;
          padding: 5px 5px 5px 38px;
          display: inline-block; }
          @media (max-width: 991px) {
            .single-search-area .results .people .card .tel .tel-wrapper {
              border: 1px solid #d0103a;
              padding: 10px 5px 10px 34px;
              text-align: center;
              width: 100%; } }
          .single-search-area .results .people .card .tel .tel-wrapper .telephone {
            background-image: linear-gradient(transparent calc(100% - 2px), #d0103a 2px);
            background-repeat: no-repeat;
            background-size: 0% 100%;
            color: #d0103a;
            display: inline;
            font-family: 'Suisse Regular';
            font-size: 16px;
            line-height: 14px;
            transition: background-size .5s;
            width: calc(100%);
            display: inline;
            position: relative; }
            .single-search-area .results .people .card .tel .tel-wrapper .telephone:active, .single-search-area .results .people .card .tel .tel-wrapper .telephone:hover {
              background-size: 100% 100%; }
            .single-search-area .results .people .card .tel .tel-wrapper .telephone::before {
              background-image: url(/library/v3.0/images/svg/Contact-Phone_Knight-Frank-red.svg);
              background-size: 25px 25px;
              content: "";
              display: inline-block;
              height: 24px;
              left: -30px;
              position: absolute;
              top: -2px;
              width: 25px; }
            .single-search-area .results .people .card .tel .tel-wrapper .telephone a {
              color: #d0103a; }
    .single-search-area .results .blog h2 {
      padding-left: 65px;
      position: relative; }
      @media (max-width: 1199px) {
        .single-search-area .results .blog h2 {
          padding-left: 40px; } }
      .single-search-area .results .blog h2::before {
        background-image: url("/library/v3.0/images/svg/Article_Knight-Frank-red.svg");
        background-size: 35px 35px;
        content: "";
        display: block;
        height: 35px;
        left: 8px;
        position: absolute;
        top: -3px;
        width: 35px; }
        @media (max-width: 1199px) {
          .single-search-area .results .blog h2::before {
            left: -7px; } }
    .single-search-area .results .blog .card-info .title-wrapper {
      border-left: 10px solid #ffffff;
      margin-left: -20px;
      padding-left: 10px; }
    .single-search-area .results .blog .card-info p {
      padding-left: 5px; }
    .single-search-area .results .blog .intelligence .card-info .title-wrapper {
      border-left-color: #1279c7; }
    .single-search-area .results .blog .lifestyle .card-info .title-wrapper {
      border-left-color: #ff9346; }
    .single-search-area .results .blog .news .card-info .title-wrapper {
      border-left-color: #bb167b; }
    .single-search-area .results .blog .property .card-info .title-wrapper {
      border-left-color: #00ccc1; }
    .single-search-area .results .research-section h2 {
      padding-left: 65px;
      position: relative; }
      @media (max-width: 1199px) {
        .single-search-area .results .research-section h2 {
          padding-left: 40px; } }
      .single-search-area .results .research-section h2::before {
        background-image: url("/library/v3.0/images/svg/Research_Knight-Frank-red.svg");
        background-size: 35px 35px;
        content: "";
        display: block;
        height: 35px;
        left: 8px;
        position: absolute;
        top: -3px;
        width: 35px; }
        @media (max-width: 1199px) {
          .single-search-area .results .research-section h2::before {
            left: -3px; } }
    .single-search-area .results .cms-content.golden-phrases h2::before {
      background-image: url("/library/v3.0/images/svg/Star-red.svg");
      background-size: 40px 40px;
      height: 40px;
      left: 8px;
      top: -8px;
      width: 40px; }
      @media (max-width: 1199px) {
        .single-search-area .results .cms-content.golden-phrases h2::before {
          left: -7px; } }
    .single-search-area .results .cms-content h2 {
      padding-left: 65px;
      position: relative; }
      @media (max-width: 1199px) {
        .single-search-area .results .cms-content h2 {
          padding-left: 40px; } }
      .single-search-area .results .cms-content h2::before {
        background-image: url("/library/v3.0/images/svg/Info_Knight-Frank-red.svg");
        background-size: 35px 35px;
        content: "";
        display: block;
        height: 35px;
        left: 10px;
        position: absolute;
        top: -3px;
        width: 35px; }
        @media (max-width: 1199px) {
          .single-search-area .results .cms-content h2::before {
            left: -4px; } }
    .single-search-area .results .cms-content ul {
      padding-left: 0px; }
      .single-search-area .results .cms-content ul li {
        padding-left: 65px;
        position: relative; }
        @media (max-width: 1199px) {
          .single-search-area .results .cms-content ul li {
            padding-left: 40px; } }
        .single-search-area .results .cms-content ul li::before {
          background-image: url("/library/v3.0/images/svg/Info_Knight-Frank.svg");
          background-size: 23px 23px;
          content: "";
          display: block;
          height: 23px;
          left: 16px;
          position: absolute;
          top: 4px;
          width: 23px; }
          @media (max-width: 1199px) {
            .single-search-area .results .cms-content ul li::before {
              left: 1px; } }
        .single-search-area .results .cms-content ul li.SearchPhrase::before {
          background-image: url("/library/v3.0/images/svg/Star.svg");
          background-size: 30px 30px;
          height: 30px;
          left: 13px;
          top: -1px;
          width: 30px; }
          @media (max-width: 1199px) {
            .single-search-area .results .cms-content ul li.SearchPhrase::before {
              left: -3px; } }
    .single-search-area .results .blog .card, .single-search-area .results .research-section .card {
      padding: 0; }
      .single-search-area .results .blog .card:active .card-info h3, .single-search-area .results .blog .card:hover .card-info h3, .single-search-area .results .research-section .card:active .card-info h3, .single-search-area .results .research-section .card:hover .card-info h3 {
        background-size: 100% 100%; }
      .single-search-area .results .blog .card .card-image, .single-search-area .results .research-section .card .card-image {
        max-width: 100%;
        overflow: hidden;
        padding-bottom: 55%;
        position: relative; }
        .single-search-area .results .blog .card .card-image img, .single-search-area .results .research-section .card .card-image img {
          position: absolute;
          top: auto;
          transform: translateY(-13%);
          width: 101%;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50% 50%; }
      .single-search-area .results .blog .card .card-info, .single-search-area .results .research-section .card .card-info {
        padding: 20px; }
        .single-search-area .results .blog .card .card-info h3, .single-search-area .results .research-section .card .card-info h3 {
          background-image: linear-gradient(transparent calc(100% - 2px), #333333 2px);
          background-repeat: no-repeat;
          background-size: 0% 100%;
          display: inline;
          font-size: 16px;
          line-height: 24px;
          transition: background-size 0.5s;
          width: calc(100%); }
        .single-search-area .results .blog .card .card-info p, .single-search-area .results .research-section .card .card-info p {
          color: #333333;
          font-size: 14px;
          line-height: 20px;
          margin-top: 10px;
          margin: 0;
          opacity: 0.6;
          padding: 0; }
    .single-search-area .results .no-results {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity 0.5s 0.3s, visibility 0.5s 0.3s;
      transition: opacity 0.5s 0.3s, visibility 0.5s 0.3s;
      position: fixed;
      max-width: 1500px;
      margin-top: 10px;
      position: relative; }
      @media (max-width: 1199px) {
        .single-search-area .results .no-results {
          padding-right: 17px; } }
      .single-search-area .results .no-results.showNoR {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .6s .5s, .6s visibility .6s .5s;
        transition: opacity .6s .5s, visibility .6s .5s;
        max-height: none; }
      .single-search-area .results .no-results h2, .single-search-area .results .no-results h3 {
        color: #333;
        font-family: 'Suisse Regular';
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 10px; }
      .single-search-area .results .no-results h2 {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 30px; }
      .single-search-area .results .no-results ul {
        padding-inline-start: 30px; }
        .single-search-area .results .no-results ul li {
          color: #333;
          font-family: 'Suisse Regular';
          font-size: 16px;
          font-weight: 300;
          line-height: 24px; }

.onion-skin-top {
  position: absolute;
  width: 1000px;
  bottom: -10px;
  height: 10px;
  border: none;
  background: -webkit-linear-gradient(-90deg, white 0, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(180deg, white 0, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, white 0, rgba(255, 255, 255, 0) 100%);
  opacity: 1;
  visibility: visible;
  transition: opacity .3s .3s, visibility .3s .3s; }

@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

.classic-search {
  display: block !important;
  opacity: 1;
  visibility: visible;
  transition: opacity .5s .2s, visibility .5s .2s;
  position: relative; }

.single-search {
  /*display: none;*/
  position: absolute;
  display: block !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s, visibility 0s;
  margin-bottom: 20px; }
  .single-search .single-search-homepage-input {
    background: #ffffff;
    border: 1px solid #cacccd;
    color: rgba(128, 128, 128, 0.8);
    cursor: pointer;
    font-family: "Suisse Medium",​Arial,​Helvetica,sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    line-height: 24px;
    margin: 0 0 10px;
    margin: 0 15px;
    padding: 12px 44px 12px 15px;
    position: relative;
    box-shadow: 3px 3px 5px 2px rgba(136, 136, 136, 0.4); }
    @media (max-width: 1199px) {
      .single-search .single-search-homepage-input {
        margin-top: 28px; } }
    .single-search .single-search-homepage-input span {
      background-image: url("/library/v3.0/images/svg/Search_Knight-Frank-Red.svg");
      height: 36px;
      position: absolute;
      right: 5px;
      top: 6px;
      width: 36px; }
    .single-search .single-search-homepage-input div {
      height: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
  .single-search .single-search-disable {
    /*background: rgba(0,0,0,0.6);*/
    color: #ffffff;
    display: block;
    font-family: "Suisse Medium",​Arial,​Helvetica,sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 auto;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.78); }
    @media (min-width: 992px) {
      .single-search .single-search-disable {
        display: table; } }
    .single-search .single-search-disable a {
      color: #D0103A;
      text-decoration: none; }
      @media (max-width: 1199px) {
        .single-search .single-search-disable a {
          display: block; } }
      .single-search .single-search-disable a:hover {
        color: #a10c2d; }

.hide-single-search-toggle .single-search-enable-container {
  display: none !important; }

.single-search-enable-container {
  background: rgba(0, 0, 0, 0.6);
  margin-top: 20px;
  padding: 20px 0;
  width: 100%;
  display: block !important;
  opacity: 1;
  visibility: visible;
  transition: opacity .5s .2s, visibility .5s .2s;
  position: relative; }
  .enable-single-search .single-search-enable-container {
    position: absolute;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0s, visibility 0s; }

#single-search-enable {
  color: #ffffff;
  display: block;
  font-family: "Suisse Medium",​Arial,​Helvetica,sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  margin: 0 auto;
  text-align: center; }
  #single-search-enable a {
    background: #D0103A;
    color: white;
    margin-left: 20px;
    padding: 10px 20px;
    text-decoration: none; }
    @media (max-width: 767px) {
      #single-search-enable a {
        display: inline-block;
        margin: 10px 0 0; } }

.bootstrap.enable-single-search .search-area .container {
  padding-bottom: 0; }

.enable-single-search .mainsearchbox {
  margin: 50px auto;
  max-width: 550px; }
  @media (min-width: 992px) {
    .enable-single-search .mainsearchbox {
      margin: 100px auto;
      max-width: 800px; } }

.navigation {
  position: relative; }
  @media (min-width: 1200px) {
    .enable-single-search .navigation .container {
      max-width: 1000px !important;
      min-width: 1000px !important; } }

#single-search-icon, #single-search-icon-mobile {
  background-image: url("/library/v3.0/images/svg/Search_Knight-Frank-Red.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 36px 36px;
  cursor: pointer;
  display: none;
  height: 52px;
  padding: 18px 26px;
  position: relative;
  right: 0;
  top: -14px;
  width: 52px;
  float: right;
  margin: 0 10px; }
  #single-search-icon:hover, #single-search-icon-mobile:hover {
    text-decoration: none; }
  #single-search-icon .pulse, #single-search-icon-mobile .pulse {
    display: none; }
  #single-search-icon.show-pulse .pulse, #single-search-icon-mobile.show-pulse .pulse {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(208, 16, 58, 0.9);
    animation: pulse 2s 5;
    animation-delay: .5s;
    left: -18px;
    position: relative;
    top: -10px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(208, 16, 58, 0.9); }
  80% {
    -webkit-box-shadow: 0 0 0 7px rgba(208, 16, 58, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(208, 16, 58, 0); } }

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(208, 16, 255, 0.9);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); }
  80% {
    -moz-box-shadow: 0 0 0 7px rgba(208, 16, 58, 0);
    box-shadow: 0 0 0 5px rgba(208, 16, 58, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(208, 16, 58, 0);
    box-shadow: 0 0 0 0 rgba(208, 16, 58, 0); } }

.header-list a {
  float: right; }

#single-search-icon-mobile {
  background-color: #fff;
  /* background-image: url(/library/v3.0/images/svg/Search_Knight-Frank-Black.svg); */
  /* background-size: 48px 48px; */
  float: right;
  height: 42px;
  margin-right: 10px;
  /* opacity: 1; */
  padding: 0;
  text-decoration: none;
  -webkit-transition: visibility .2s .5s,opacity .2s .5s;
  transition: visibility .2s .5s,opacity .2s .5s;
  visibility: visible;
  width: 34px;
  top: 0; }
  #single-search-icon-mobile:hover {
    background-color: #ffffff; }

#single-search-input-overlay {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transition: visibility .3s .3s, opacity .3s .3s;
  transition: visibility .3s .3s, opacity .3s .3s;
  visibility: hidden;
  z-index: 100000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: white;
  width: 100%; }
  #single-search-input-overlay.in {
    opacity: 1;
    -webkit-transition: visibility .2s,opacity .2s;
    transition: visibility .2s,opacity .2s;
    visibility: visible; }
    @media (min-width: 1200px) {
      #single-search-input-overlay.in {
        padding-right: 17px; } }
    #single-search-input-overlay.in .container .ss-wrap {
      -webkit-transition: width .5s .2s;
      transition: width .5s .2s;
      width: 100%; }
      #single-search-input-overlay.in .container .ss-wrap #single-search-input {
        opacity: 1;
        -webkit-transition: opacity .8s .5s,width .5s .2s,color .3s;
        transition: opacity .8s .5s,width .5s .2s,color .3s; }
      #single-search-input-overlay.in .container .ss-wrap #single-search-close {
        opacity: 1;
        -webkit-transition: opacity 1s .3s;
        transition: opacity 1s .3s; }
      #single-search-input-overlay.in .container .ss-wrap #ss-voice.compatible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 1s .3s;
        transition: opacity 1s .3s; }
      #single-search-input-overlay.in .container .ss-wrap #ss-remove-text.show-icon {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 1s .3s;
        transition: opacity 1s .3s; }
  #single-search-input-overlay .container {
    background: #ffffff;
    padding: 0;
    padding: 5px 15px;
    position: relative;
    width: 100%;
    z-index: 2; }
    @media (max-width: 991px) {
      #single-search-input-overlay .container {
        padding: 0 5px; } }
    @media (min-width: 1200px) {
      #single-search-input-overlay .container {
        min-width: 1030px !important;
        max-width: 1030px !important; } }
    #single-search-input-overlay .container .ss-wrap {
      display: inline-block;
      float: right;
      padding: 0;
      position: relative;
      -webkit-transition: width .5s 0s;
      transition: width .5s 0s;
      width: 50px;
      top: 5px; }
      @media (max-width: 991px) {
        #single-search-input-overlay .container .ss-wrap {
          top: 12px; } }
      @media (max-width: 768px) {
        #single-search-input-overlay .container .ss-wrap {
          top: 4px; } }
  #single-search-input-overlay #single-search-input {
    background: none;
    border: 0;
    box-shadow: none !important;
    color: #333333;
    float: right;
    font-family: 'Suisse Regular';
    font-size: 20px;
    height: 44px;
    left: 0;
    line-height: 20px;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0 85px 0 65px;
    position: relative;
    resize: none;
    right: 0;
    top: 3px;
    -webkit-transition: opacity 0s .2s,width .5s .2s,color .3s;
    transition: opacity 0s .2s,width .5s .2s,color .3s;
    white-space: nowrap;
    width: 0;
    width: 100%;
    opacity: 0; }
    @media (max-width: 1199px) {
      #single-search-input-overlay #single-search-input {
        padding: 0px 90px 0 55px; } }
    @media (max-width: 991px) {
      #single-search-input-overlay #single-search-input {
        padding: 0px 75px 0 50px;
        top: 0; } }
    @media (max-width: 768px) {
      #single-search-input-overlay #single-search-input {
        font-size: 13px; } }
    #single-search-input-overlay #single-search-input::-ms-clear {
      display: none; }
  #single-search-input-overlay #single-search-input-icon {
    background-image: url("/library/v3.0/images/svg/Search_Knight-Frank-Red.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 37px 36px;
    height: 33px;
    opacity: 0;
    padding: 18px 26px;
    position: absolute;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 52px;
    top: -1px;
    border-right: 1px solid gainsboro;
    margin: 9px 0;
    /*@media(max-width: 991px) {
			display: none;
		}*/ }
    @media (max-width: 1199px) {
      #single-search-input-overlay #single-search-input-icon {
        height: 27px;
        padding: 14px 14px;
        position: absolute;
        width: 39px;
        top: -1px;
        margin: 13px 0; } }
    @media (max-width: 991px) {
      #single-search-input-overlay #single-search-input-icon {
        height: 27px;
        padding: 14px 14px;
        position: absolute;
        width: 39px;
        top: -1px;
        margin: 13px 0; } }
  #single-search-input-overlay #ss-voice {
    color: #333333;
    cursor: pointer;
    font-size: 40px;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    right: 65px;
    top: 5px;
    -webkit-transition: opacity .5s 0s, visibility .5s 0s;
    transition: opacity .5s 0s, visibility .5s 0s;
    visibility: hidden;
    width: 30px; }
    @media (max-width: 1199px) {
      #single-search-input-overlay #ss-voice {
        right: 75px; } }
    @media (max-width: 991px) {
      #single-search-input-overlay #ss-voice {
        right: 46px;
        top: 3px; } }
    #single-search-input-overlay #ss-voice.recording {
      color: #D0103A; }
    #single-search-input-overlay #ss-voice .fa-microphone {
      font-size: 20px;
      padding: 2px 8px;
      position: relative;
      text-align: center;
      top: -2px; }
    #single-search-input-overlay #ss-voice.hide-m {
      visibility: hidden !important;
      opacity: 0 !important;
      -webkit-transition: opacity .5s 0s, visibility .5s 0s !important;
      transition: opacity .5s 0s, visibility .5s 0s !important; }
  #single-search-input-overlay #single-search-close {
    color: #333333;
    cursor: pointer;
    font-size: 17px;
    right: 2px;
    top: 9px;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .5s 0s;
    transition: opacity .5s 0s;
    /*@media(max-width: 1199px) {
			right: 10px;
		}*/
    /*@media(max-width: 991px) {
			right: unset;
			left: 9px;
			background-image: url(/library/v3.0/images/svg/Search_Knight-Frank-Left-Arrow.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 25px 25px;
			height: 40px;
			opacity: 0;
			padding: 0px 0px;
			position: absolute;
			top: 3px;
			-webkit-transition: opacity .5s;
			transition: opacity .5s;
			width: 40px;
		}*/ }
    #single-search-input-overlay #single-search-close span {
      background-image: linear-gradient(transparent calc(100% - 3px), #333 1px);
      background-repeat: no-repeat;
      background-size: 0% 2px;
      color: #333;
      display: inline;
      font-family: 'Suisse Regular';
      font-size: 16px;
      position: absolute;
      right: 0;
      transition: background-size 0.5s;
      background-position-y: 23px; }
      #single-search-input-overlay #single-search-close span:active, #single-search-input-overlay #single-search-close span:hover {
        background-size: 100% 2px; }
      @media (max-width: 991px) {
        #single-search-input-overlay #single-search-close span {
          font-size: 13px; } }
  #single-search-input-overlay #ss-remove-text {
    color: #333333;
    cursor: pointer;
    font-size: 15px;
    right: 64px;
    top: 10px;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .5s 0s;
    transition: opacity .5s 0s;
    visibility: hidden; }
    @media (max-width: 1199px) {
      #single-search-input-overlay #ss-remove-text {
        right: 75px; } }
    @media (max-width: 991px) {
      #single-search-input-overlay #ss-remove-text {
        right: 45px; } }
    #single-search-input-overlay #ss-remove-text .fa-times-circle {
      color: #333;
      font-size: 20px;
      padding: 2px 8px;
      position: relative;
      text-align: center;
      top: 0px; }