.office-headers-with-animated-searchbar {
	background-color: unset;
    position: relative;
	height: 65vh;
	/* overflow: hidden; */
}

.office-headers-with-animated-searchbar > .container {
    position: static;
    padding: 0;
    height: 100%;
}

.office-headers-with-animated-searchbar .left-block {
    align-items: center;
    display: flex;
    min-height: 364px;
}

@media (max-width: 991px) {
    .office-headers-with-animated-searchbar {
        height: 100vh;
    }
}


.office-headers-with-animated-searchbar .left-block > .row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 66%;
    height: auto;
}

@media (max-width: 1400px) {
    .office-headers-with-animated-searchbar .left-block > .row {
        transform: translate(-50%, -47%);
    }
}

@media (max-width: 991px) {
    .office-headers-with-animated-searchbar .left-block > .row {
        width: 93%;
        transform: translate(-50%, -64%);
    }
}

@media (max-width: 428px) {
    .office-headers-with-animated-searchbar .left-block > .row {
        width: 100%;
        transform: translate(-50%, -55%);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
	.office-headers-with-animated-searchbar .container {
		max-width: 92%;
	}
}

@media (max-width: 1400px) {
	.office-headers-with-animated-searchbar .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-headers-with-animated-searchbar .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}



.office-headers-with-animated-searchbar .container > .row .left-block .d-block {
    padding-top: 0;
    width: 100%;
}

@media (max-width: 991px) {
	.office-headers-with-animated-searchbar .container > .row .left-block .d-block {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
        width: 100%;
	}
}

.office-headers-with-animated-searchbar .container > .row .right-block > .row {
	margin-top: 0;
}


.office-headers-with-animated-searchbar .container > .row .right-block > .row > .col .d-block {
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
    z-index: 0;
}

@media (max-width: 1400px) {
	.office-headers-with-animated-searchbar .container > .row .right-block > .row > .col .d-block {
		width: 100vw;
	}
}

@media (max-width: 991px) {
	.office-headers-with-animated-searchbar .container > .row .right-block > .row > .col .d-block {
		padding-top: 0;
		padding-bottom: 0;
		height: 100vh;
		overflow: hidden;
		position: initial;
		width: initial;
		left: initial;
		z-index: initial;
        background-color: #1e1e1e;
	}
}

.office-headers-with-animated-searchbar .container > .row .right-block > .row > .col .d-block img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	margin-left: 0;
}



@media (max-width: 991px) {
	.office-headers-with-animated-searchbar .container > .row .right-block > .row > .col .d-block img {
        padding-left: 0;
        padding-top: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
        object-position: 34% 50%;        
	}
}
.office-headers-with-animated-searchbar .container > .row .right-block > .row > .col .d-block::before {
    content: '';
    background-color: rgba(0,0,0,0.4);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.office-hero-banner {
	height: calc(101.4vh - 126px);
	position: relative;
}

@media (max-width: 991px) {
	.office-hero-banner {
		height: calc(100vh - 69px);
	}
}



.office-hero-banner.pro-1 {
	background-color: #001F49;
	height: 693px;
	overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-1 {
		height: 554px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 {
		height: 100%;
	}
}

.office-hero-banner.pro-1 .container {
	position: relative;
}

.office-hero-banner.pro-1 .container > .row {
	padding-top: 3rem;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.office-hero-banner.pro-1 .container > .row > .col:nth-child(2){
    overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-1 .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .left-block {
		position: absolute;
		bottom: 1px;
		left: 0;
		z-index: 9;
	}
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block {
	padding-top: 66px;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block h1 {
	color: white;
	font-size: 3.75rem;
	font-weight: normal;
	margin-bottom: 34px;
	display: inline-block;
	line-height: 67px;
	max-width: 493px;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block h1 {
		margin-bottom: 29px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block h1 {
		font-size: 40px;
		line-height: 49px;
		max-width: 289px;
		margin-bottom: calc(13vw - 34px);
	}
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block h1:before {
	display: none;
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block h1 em {
	color: #00ADEF;
	font-style: normal;
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block p {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
}

@media (max-width: 1400px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block p {
		margin-bottom: 46px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block p {
		font-size: 18px;
		line-height: 28.8px;
		margin-bottom: calc(18vw - 38px);
	}
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons {
	width: 468px;
	margin: 0;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons {
		width: 100%;
	}
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons .btn {
	font-size: 18px;
	padding: 15px 32px 16px 32px;
}

@media only screen and (max-width: 1400px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons .btn {
		padding: 15px 25px 16px 25px;
	}
}

@media only screen and (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons .btn {
		font-size: 16px !important;
		padding: 15px 5px 16px 5px;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons .btn {
		font-size: 14px !important;
	}
}

.office-hero-banner.pro-1 .container > .row .left-block .d-block .banner-buttons .btn.btn-theme-white {
	margin-top: -3px;
}

.office-hero-banner.pro-1 .container > .row .right-block > .row {
	margin-top: 0;
}

.office-hero-banner.pro-1 .container > .row .right-block > .row {
	margin-top: 0;
}

.office-hero-banner.pro-1 .container > .row .right-block > .row > .col .d-block {
	overflow: visible!important;
}


@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .right-block > .row {
		margin-top: -31px;
	}
}

.office-hero-banner.pro-1 .container > .row .right-block > .row > .col .d-block {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	position: relative;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .right-block > .row > .col .d-block {
		padding-top: 0;
		padding-bottom: 0;
		height: 73.5vh;
		overflow: hidden;
	}
}

.office-hero-banner.pro-1 .container > .row .right-block > .row > .col .d-block img {
	padding-left: 3px;
	padding-top: 0;
    margin-top: 17px;
	display: block;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .right-block > .row > .col .d-block img {
		padding-left: 0;
		padding-top: 0;
        margin-top: 0;
		object-fit: cover;
		height: 100%;
	}
}

@media (max-width: 991px) {
	.office-hero-banner.pro-1 .container > .row .right-block > .row > .col .d-block:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: inline-block;
		background: linear-gradient(1deg, #000000d6 40%, #f4f7fc00 100%);
	}
}
@media (max-width: 414px) {
    .property-search-container  {
        bordeR: 0;
        padding: 20px 0;
    }
    .property-search-container > .container {
        margin-top: 0;
    }
}
.office-headers-image-with-buttons {
	background-color: unset;
    position: relative;
	height: 100vh;
	overflow: hidden;
}

.office-headers-image-with-buttons > .container {
    position: static;
    padding: 0;
    height: 100%;
}

.office-headers-image-with-buttons .left-block {
    align-items: center;
    display: flex;
    min-height: 364px;
}

@media (max-width: 991px) {
    .office-headers-image-with-buttons {
        height: 100vh;
    }
}


.office-headers-image-with-buttons .left-block > .row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 66%;
    height: auto;
}

@media (max-width: 1400px) {
    .office-headers-image-with-buttons .left-block > .row {
        transform: translate(-50%, -47%);
    }
}

@media (max-width: 991px) {
    .office-headers-image-with-buttons .left-block > .row {
        width: 93%;
        transform: translate(-50%, -64%);
    }
}

@media (max-width: 428px) {
    .office-headers-image-with-buttons .left-block > .row {
        width: 100%;
        transform: translate(-50%, -55%);
    }
}




.btn-theme-blue {
    background-color: #001f49;
    color: #fff;     
}

.btn-theme-blue i.fas {
    margin-right: 12px;  
}

.btn-theme-blue:hover {
    position: static;
    background-color: #093d83;
    color: #fff;     
}


.btn-theme-white:hover {
    background-color: #dadbdb;
}

.btn-theme-white i, .btn-theme-white span {
    color: #001f49;
    font-size: 18px!important;
}

.btn-theme-white i {
    margin-right: 12px;
}



@media only screen and (min-width: 992px) and (max-width: 1400px) {
	.office-headers-image-with-buttons .container {
		max-width: 92%;
	}
}

@media (max-width: 1400px) {
	.office-headers-image-with-buttons .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}



.office-headers-image-with-buttons .container > .row .left-block .d-block {
    padding-top: 0;
    width: 100%;
}

.office-headers-image-with-buttons .container > .row .left-block .d-block > .hi-editable {
    text-align: center;
}

@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
        width: 100%;
	}
}

@media (max-width: 600px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block {
		padding-left: 0;
		padding-right: 0;
	}
}

.office-headers-image-with-buttons .container > .row .left-block .d-block h1 {
    color: white;
    font-size: 4.4rem;
    line-height: 116%;
    letter-spacing: 0.001rem;
    font-weight: 300;
    margin-bottom: 26px;
    display: inline-block;
    max-width: unset;
    word-break: break-word;
}

.office-headers-image-with-buttons .container > .row .left-block .d-block h1.lightblue {
    font-size: 61px;
    color: #00ADEF;
    font-weight: bolder;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 13px;
}

@media (max-width:991px) {
    .office-headers-image-with-buttons .container > .row .left-block .d-block h1.harcourts-font {
        font-size: 82px;
        transform: rotate(0);
    }

    .office-headers-image-with-buttons .container > .row .left-block .d-block h1.lightblue {
        font-size: 57px;
        margin-left: 0;
    }        
}

.office-headers-image-with-buttons .container > .row .left-block .d-block h2 {
    color: white;
    font-size: 38px;
    letter-spacing: 0.01em;
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
    max-width: unset;
}

.office-headers-image-with-buttons .container > .row .left-block .d-block h3 {
    color: white;
    font-size: 29px;
    line-height: 116%;
    letter-spacing: 0.01em;
    font-weight: 300;
    margin-bottom: 56px;
    display: inline-block;
    max-width: unset;
    margin-top: 36px;
}

@media (max-width: 1400px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block h1 {
		font-size: 3.35rem;
		margin-bottom: 29px;
	}
}

@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block h1 {
        font-size: 40px;
        line-height: 42px;
        max-width: unset;
        margin-bottom: 47px;
	}
}

@media (max-width: 414px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block h1 {
        font-size: 32px;
	}
}

.office-headers-image-with-buttons .container > .row .left-block .d-block h1:before {
	display: none;
}

.office-headers-image-with-buttons .container > .row .left-block .d-block h1 i {
	color: #00ADEF;
	font-style: normal;
	transform: rotate(-10.84deg) translateX(-5px);
	display: inline-block;
	font-size: 84.3506px;
	font-family: HarcourtsScript;
}

@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block h1 em {
		font-size: 66px;
		padding-left: 10px;
	}
}

.office-headers-image-with-buttons .container > .row .left-block .d-block p {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
    line-height: 1.3em;
	margin-bottom: 32px;
    text-shadow: 0px 0px 6px rgb(0 0 0);
}

.office-headers-image-with-buttons .container > .row .left-block .d-block p > em{
    font-size: 32px;
    font-style: normal;
    padding: 0 7px;
}

@media (max-width: 1400px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block p {
		margin-bottom: 46px;
	}
}

@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row .left-block .d-block p {
		font-size: 22px;
		line-height: 28.8px;
		margin-bottom: 20px;
	}
}




@media only screen and (max-width: 667px) {

    .office-headers-image-with-buttons .container > .row .left-block .d-block h1.harcourts-font {
        font-size: 63px;
        transform: none;
    }    

    .office-headers-image-with-buttons .container > .row .left-block .d-block h2 {
        font-size: 25px;
    }
    
    .office-headers-image-with-buttons .container > .row .left-block .d-block h3 {
        font-size: 25px;
        text-align: left;
    }

    .office-headers-image-with-buttons .container > .row .left-block .d-block p {
        font-size: 18px;
    }        
}

.office-headers-image-with-buttons .container > .row .right-block > .row {
	margin-top: 0;
}


.office-headers-image-with-buttons .container > .row .right-block > .row > .col .d-block {
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
    z-index: 0;
}

@media (max-width: 1400px) {
	.office-headers-image-with-buttons .container > .row .right-block > .row > .col .d-block {
		width: 100vw;
	}
}

@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row .right-block > .row > .col .d-block {
		padding-top: 0;
		padding-bottom: 0;
		height: 100vh;
		overflow: hidden;
		position: initial;
		width: initial;
		left: initial;
		z-index: initial;
        background-color: #1e1e1e;
	}
}

.office-headers-image-with-buttons .container > .row .right-block > .row > .col .d-block img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	margin-left: 0;
}



@media (max-width: 991px) {
	.office-headers-image-with-buttons .container > .row .right-block > .row > .col .d-block img {
        padding-left: 0;
        padding-top: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
        object-position: 34% 50%;        
	}
}

      .overlay-middle-search ul.nav {
          padding-bottom: 1rem;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link {
        color: #ffffff;
        padding: 0rem 2rem;
        border-radius: 0;
        font-size: 22px;
        font-weight: bold;
      }
      .overlay-middle-search ul.nav li.nav-item:nth-child(2) .nav-link {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
      }
        .overlay-middle-search ul.nav li.nav-item:nth-child(3) .nav-link {
            border-right: 1px solid #ffffff;
        }      
      .overlay-middle-search ul.nav li.nav-item .nav-link:hover,
      .overlay-middle-search ul.nav li.nav-item .nav-link:focus {
        color: #00adef;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link.active {
        background-color: transparent;
        color: #00adef;
        font-weight: bold;
      }
      @media only screen and (max-width: 991px) {
        .overlay-middle-search ul.nav {
          justify-content: center;
        }
      }

    @media only screen and (max-width: 767px) {
        .overlay-middle-search .d-block.w-auto, .overlay-middle-search .d-block.w-auto .overlay-middle-search-container > .container {
            padding-left: 0!important;
            padding-right: 0!important;
        }

        .overlay-middle-search ul.nav {
            padding-bottom: 2rem;
        }
        .overlay-middle-search ul.nav li.nav-item .nav-link {
            padding: 0rem 1.2rem;
            font-size: 22px;
            text-transform: uppercase;
            text-shadow: 1px 1px 10px #595959;
        }
        .office-headers-image-with-buttons .prop-appraisal-form .typeahead__container.blue .typeahead__field .typeahead__button {
            margin-left: 1px;
            width: 100%;
        }
      }

    @media only screen and (max-width: 381px) {
        .overlay-middle-search ul.nav li.nav-item .nav-link {
            padding: 0rem 0.7rem;
            font-size: 16px;
        } 
    }

.office-headers-image-with-buttons .prop-appraisal-form .typeahead__container.blue .typeahead__field .typeahead__button .btn  {
    padding: 12px 31px 13px 29px!important;
    border-radius: 0 .25rem .25rem 0!important;
}

.office-headers-image-with-buttons .prop-appraisal-form .typeahead__container.blue  .form-control {
    border-radius: .25rem 0 0 .25rem!important;
}

.office-headers-image-with-buttons form.prop-appraisal-form .typeahead__container .typeahead__query {
    margin-top: 0;
}
.office-hero-image-banner-with-search {
	height: calc(101.4vh - 126px);
	position: relative;
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search {
		height: calc(100vh - 69px);
	}
}


.office-hero-image-banner-with-search.image {
	background-color: unset;
	height: calc(100vh - calc(127px + -71px));
	overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-image-banner-with-search.image {
		height: 649px;
	}
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search.image {
		height: 100%;
	}

	.office-hero-image-banner-with-search.image > .container {
		position: relative;
	}    
}

@media (max-width: 1400px) {
	.office-hero-image-banner-with-search.image .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search.image .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

.office-hero-image-banner-with-search.image .container > .row .left-block {
    z-index: 1;
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block {
		position: static;
		bottom: 1px;
		left: 0;
		z-index: 9;
	}
}

@media only screen and (max-width: 991px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block .d-block {
        top: 50%;
        transform: none;
        left: 50%;
        transform: translate(-50%, -50%);
	}
}

@media only screen and (max-width: 667px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block .d-block {
		width: 85vw;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block .d-block {
		width: 229px;
	}
}

.office-hero-image-banner-with-search.image .container > .row .left-block .d-block h1 {
	color: white;
	font-size: 60px;
	font-weight: normal;
	margin-bottom: 36px;
	display: inline-block;
	line-height: 55px;
	text-shadow: 0 0 32px black;
}

@media only screen and (max-width: 667px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block .d-block h1 {
		font-size: 40px;
		line-height: 49.6px;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block .d-block h1 {
		font-size: 33px;
	}
}

.office-hero-image-banner-with-search.image .container > .row .left-block .d-block h1:before {
	display: none;
}

.office-hero-image-banner-with-search.image .container > .row .left-block .d-block h1 i {
	color: #00ADEF;
	font-style: normal;
	transform: rotate(-10.84deg) translateX(-5px);
	display: inline-block;
	font-size: 84.3506px;
	font-family: HarcourtsScript;
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search.image .container > .row .left-block .d-block h1 i {
		font-size: 66px;
		padding-left: 10px;
	}
}

.header-image-transparent-searchbar .office-hero-image-banner-with-search.image .container>.row .left-block > .row > .col > .d-block > .text-center > p {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 26px;
	text-shadow: 0 0 32px black;
}

@media only screen and (max-width: 667px) {
.header-image-transparent-searchbar .office-hero-image-banner-with-search.image .container>.row .left-block > .row > .col > .d-block > .text-center > p {
		font-size: 20px;
	}
}

@media only screen and (max-width: 320px) {
.header-image-transparent-searchbar .office-hero-image-banner-with-search.image .container>.row .left-block > .row > .col > .d-block > .text-center > p {
		font-size: 18px;
	}
}

.office-hero-image-banner-with-search.image .container > .row .right-block > .row {
	margin-top: 0;
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search.image .container > .row .right-block > .row {
		margin-top: -38px;
	}
}

.office-hero-image-banner-with-search.image .container > .row .right-block > .row > .col .d-block {
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	z-index: 0;
}

@media (max-width: 1400px) {
	.office-hero-image-banner-with-search.image .container > .row .right-block > .row > .col .d-block {
		width: 100vw;
	}
}

@media (max-width: 991px) {
	.office-hero-image-banner-with-search.image .container > .row .right-block > .row > .col .d-block {
		padding-top: 0;
		padding-bottom: 0;
		height: 76.2vh;
		overflow: hidden;
		position: initial;
		width: initial;
		left: initial;
		z-index: initial;
	}
}

@media (max-width: 480px) {
	.office-hero-image-banner-with-search.image .container > .row .right-block > .row > .col .d-block {
		height: 100vh;
	}
}

.header-image-transparent-searchbar .property-search-container {
    background-image: unset !important;
}
.header-image-transparent-searchbar .property-search-container > .container {
    margin-top: 0;
    background-color: transparent;
}
.header-image-transparent-searchbar .property-search-container>.container .tab-content,
.header-image-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__query .form-control,
.header-image-transparent-searchbar .tippyjs-container .btn.active,
.header-image-transparent-searchbar .typeahead__field .typeahead__hint, 
.header-image-transparent-searchbar .typeahead__field [contenteditable], 
.header-image-transparent-searchbar .typeahead__field input, 
.header-image-transparent-searchbar .typeahead__field textarea,
.header-image-transparent-searchbar form.prop-appraisal-form .typeahead__container .typeahead__query {
    background-color: transparent !important;
}
.header-image-transparent-searchbar .typeahead__container .typeahead__query {
    width: unset;
    flex: auto;
}
.header-image-transparent-searchbar .property-search-container>.container nav ul.nav li.nav-item .nav-link,
.header-image-transparent-searchbar .property-search-container>.container nav ul.nav li.nav-item .nav-link:hover,
.header-image-transparent-searchbar .tippyjs-container .btn,
.header-image-transparent-searchbar .material-switch .label-text,
.header-image-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__query .form-control {
    color: #ffffff;
}
.header-image-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__query .form-control,
.header-image-transparent-searchbar .typeahead__container.blue .twitter-typeahead .tt-menu .location-result-item {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
}
.header-image-transparent-searchbar .container.search-filters > .row {
    max-width: 1216px;
    margin: 0 auto;
}

.header-image-transparent-searchbar .office-hero-image-banner-with-search.image .container>.row .left-block > .row > .col > .d-block {
    width: 100%;
    max-width: 800px;
    margin-top: 0;
	position: absolute;
	top: 45%;
	left: 50.2%;
	transform: translate(-50%, -50%);
}

.header-image-transparent-searchbar .tab-pane#nav-manage form .typeahead__container .typeahead__field .typeahead__button, 
.header-image-transparent-searchbar .tab-pane#nav-sell form .typeahead__container .typeahead__field .typeahead__button, 
.header-image-transparent-searchbar .tab-pane.nav-manage form .typeahead__container .typeahead__field .typeahead__button, 
.header-image-transparent-searchbar .tab-pane.nav-sell form .typeahead__container .typeahead__field .typeahead__button,
.header-image-transparent-searchbar .typeahead__container .typeahead__field .typeahead__button {
    width: unset;
    margin-right: 0;
}

.header-image-transparent-searchbar .office-hero-image-banner-with-search.image .container>.row .left-block > .row > .col > .d-block > .text-center {
    max-width: 600px;

}

.header-image-transparent-searchbar .office-hero-image-banner-with-search.image .container>.row .left-block > .row > .col > .d-block > .text-center {
    max-width: 600px;
    margin: 0 auto;
}
.header-image-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__button .btn {
    background-color: transparent !important;
    color: #ffffff;
    border-color: transparent !important;
    padding: 12px 34px 10px 29px !important;
}
.header-image-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__button .btn:hover,
.header-image-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__button .btn:focus {
    color: #00adef;
}
.header-image-transparent-searchbar .tippyjs-container .btn.harcourts-chevron:after {
    background-image: url(https://resources.cloudhi.io/images/icons/harcourts-chevron-white.png);
}
.header-image-transparent-searchbar .tippyjs-container .property-filter-content>.container>.row>.col .h5,
.header-image-transparent-searchbar .tippyjs-container .property-filter-content>.container>.row>.col p {
    color: #001f49;
}

.header-image-transparent-searchbar .property-search-container>.container .search-filters.disabled {
    display: none;
}

.header-image-transparent-searchbar .container > .row .right-block > .row > .col .d-block img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	margin-left: 0;
}

@media (max-width: 991px) {
	.header-image-transparent-searchbar .container > .row .right-block > .row > .col .d-block img {
        padding-left: 0;
        padding-top: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
        object-position: 34% 50%;        
	}
}
.header-image-transparent-searchbar .container > .row .right-block > .row > .col .d-block::before {
    content: '';
    background-color: rgba(0,0,0,0.4);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.office-hero-banner {
        height: calc(101.4vh - 126px);
        position: relative;
      }

      @media (max-width: 991px) {
        .office-hero-banner {
          height: calc(100vh - 69px);
        }
      }


      .office-hero-banner.video {
        background-color: unset;
        height: calc(100vh - calc(127px + -71px));
        overflow: hidden;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video {
          height: 649px;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video {
          height: 100%;
        }
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .left-block {
          position: absolute;
          bottom: 1px;
          left: 0;
          z-index: 9;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block {
        margin-top: 0;
        width: 400px;
        position: absolute;
        top: 45%;
        left: 50.2%;
        transform: translate(-50%, -50%);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          top: 0;
          transform: translate(-50%, -212.9%);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          transform: translate(-50%, -190%);
          width: 272px;
        }
      }

      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          transform: translate(-50%, -250%);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .left-block .d-block {
          transform: translate(-50%, -200%);
          width: 229px;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block h1 {
        color: white;
        font-size: 60px;
        font-weight: normal;
        margin-bottom: 18px;
        display: inline-block;
        line-height: 72px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .left-block .d-block h1 {
          font-size: 40px;
          line-height: 49.6px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .left-block .d-block h1 {
          font-size: 33px;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block h1:before {
        display: none;
      }

      .office-hero-banner.video .container > .row .left-block .d-block h1 i {
        color: #00ADEF;
        font-style: normal;
        transform: rotate(-10.84deg) translateX(-5px);
        display: inline-block;
        font-size: 84.3506px;
        font-family: HarcourtsScript;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .left-block .d-block h1 i {
          font-size: 66px;
          padding-left: 10px;
        }
      }

      .office-hero-banner.video .container > .row .left-block .d-block p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 26px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      .office-hero-banner.video .container > .row .right-block > .row {
        margin-top: 0;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .right-block > .row {
          margin-top: -38px;
        }
      }

      .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
        position: absolute;
        height: 100%;
        width: 100vw;
        left: 0px;
        z-index: -1;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
          width: 100vw;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
          padding-top: 0;
          padding-bottom: 0;
          height: 76.2vh;
          overflow: hidden;
          position: initial;
          width: initial;
          left: initial;
          z-index: initial;
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block {
          height: 100vh;
        }
      }

      .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
        height: 100%;
        width: 100%;
        margin-left: -11px;
        transform: scale(1.3);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(1.8);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(2.4);
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(3.5);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          border: 1px green solid;
        }
      }

      .office-hero-banner.text-variation-01 {
        background-color: unset;
        height: calc(100vh - calc(127px + -71px));
        overflow: hidden;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.text-variation-01 {
          height: 649px;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 {
          height: 100%;
        }
      }

      @media (max-width: 1400px) {
        .office-hero-banner.text-variation-01 .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block {
          position: absolute;
          bottom: 1px;
          left: 0;
          z-index: 9;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
        margin-top: 0;
        width: 400px;
        position: absolute;
        top: 45%;
        left: 50.2%;
        transform: translate(-50%, -50%);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          top: 0;
          transform: translate(-50%, -212.9%);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          transform: translate(-50%, -190%);
          width: 272px;
        }
      }

      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          transform: translate(-50%, -250%);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block {
          transform: translate(-50%, -200%);
          width: 229px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 {
        color: #001F49;
        font-size: 60px;
        font-weight: normal;
        margin-bottom: 18px;
        display: inline-block;
        line-height: 72px;
        text-shadow: 0 0 32px white;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 {
          font-size: 40px;
          line-height: 49.6px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 {
          font-size: 33px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1:before {
        display: none;
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 i {
        color: #00ADEF;
        font-style: normal;
        transform: rotate(-10.84deg) translateX(-5px);
        display: inline-block;
        font-size: 84.3506px;
        font-family: HarcourtsScript;
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block h1 i {
          font-size: 66px;
          padding-left: 10px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .left-block .d-block p {
        color: #001F49;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 26px;
        text-shadow: 0 0 32px white;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .right-block > .row {
        margin-top: 0;
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row {
          margin-top: -31px;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
        position: absolute;
        height: 100%;
        width: 100vw;
        left: 0px;
        z-index: -1;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
          width: 100vw;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
          padding-top: 0;
          padding-bottom: 0;
          height: 76.2vh;
          overflow: hidden;
          position: initial;
          width: initial;
          left: initial;
          z-index: initial;
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block {
          height: 100vh;
        }
      }

      .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
        height: 100%;
        width: 100%;
        margin-left: -11px;
        transform: scale(1.3);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(1.8);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(2.4);
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(3.5);
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.text-variation-01 .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          border: 1px green solid;
        }
      }

      .office-hero-banner.video-overlay-with-buttons {
        background-color: unset;
        height: calc(100vh - calc(127px + -71px));
        overflow: hidden;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video-overlay-with-buttons {
          height: 649px;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons {
          height: 100%;
        }
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row {
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block {
          z-index: 9;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block {
        margin-top: 0;
        width: 400px;
        position: absolute;
        top: 45%;
        left: 50.2%;
        transform: translate(-50%, -50%);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block {
          top: 50%;
          left: 20px;
          right: 20px;
          transform: translate(0, -50%);
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 {
        color: white;
        font-size: 60px;
        font-weight: normal;
        margin-bottom: 18px;
        display: inline-block;
        line-height: 72px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 {
          font-size: 40px;
          line-height: 49.6px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 {
          font-size: 33px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1:before {
        display: none;
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 i {
        color: #00ADEF;
        font-style: normal;
        transform: rotate(-10.84deg) translateX(-5px);
        display: inline-block;
        font-size: 84.3506px;
        font-family: HarcourtsScript;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block h1 i {
          font-size: 66px;
          padding-left: 10px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block p {
        color: #ffffff;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 26px;
        text-shadow: 0 0 32px black;
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      @media only screen and (max-width: 320px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .left-block .d-block p {
          font-size: 18px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row {
        margin-top: 0;
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row {
          margin-top: -31px;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
        position: absolute;
        height: 100%;
        width: 100vw;
        left: 0px;
        z-index: -1;
      }

      @media (max-width: 1400px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
          width: 100vw;
        }
      }

      @media (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
          padding-top: 0;
          padding-bottom: 0;
          height: 76.2vh;
          overflow: hidden;
          position: initial;
          width: initial;
          left: initial;
          z-index: initial;
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block {
          height: 100vh;
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
        height: 100%;
        width: 100%;
        margin-left: -11px;
        transform: scale(1.3);
      }

      @media only screen and (max-width: 991px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(1.8);
        }
      }

      @media only screen and (max-width: 667px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(2.4);
        }
      }

      @media (max-width: 480px) {
        .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block iframe.video-banner {
          transform: scale(3.5);
        }
      }

      .office-hero-banner.video-overlay-with-buttons .container > .row .right-block > .row > .col .d-block .black-overlay {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgba(0,0,0,0.7);
        z-index: 1;
      }
      .video-banner-overlay {
          position:absolute;
          z-index:1;
          height:100%;
          width:100%;
          background-repeat: no-repeat;
          background-size:cover;
          background-position:center center;
      }
      .overlay-middle-search ul.nav {
          padding-bottom: 1rem;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link {
        color: #ffffff;
        padding: 0rem 2rem;
        border-radius: 0;
        font-size: 22px;
        font-weight: bold;
      }
      .overlay-middle-search ul.nav li.nav-item:nth-child(2) .nav-link {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link:hover,
      .overlay-middle-search ul.nav li.nav-item .nav-link:focus {
        color: #00adef;
      }
      .overlay-middle-search ul.nav li.nav-item .nav-link.active {
        background-color: transparent;
        color: #00adef;
        font-weight: bold;
      }
      @media only screen and (max-width: 991px) {
        .overlay-middle-search ul.nav {
          justify-content: center;
        }
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button {
          text-align: right;
          margin-right: 0;
        }
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
          width: 100%;
        }
      }
      .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__query .form-control {
        padding: 6px 12px 8px 12px;
      }
      .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button {
          width: auto;
      }
      .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
        width: 278px;
        height: 100%;
        border-color: #00adef;
        border-radius: 0;
      }
      @media only screen and (max-width: 1190px) {
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
          width: 100%;
          height: 100%;
        }
        .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn .btn-label {
          display: none;
        }
      }

      @media only screen and (max-width: 767px) {
          .overlay-middle-search .tab-content .tab-pane {
              padding: 10px;
          }
          .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field {
              flex-direction: column;
          }
          .overlay-middle-search .tab-content .tab-pane .typeahead__container.blue .typeahead__field .typeahead__button .btn {
              width: 100%;
              height: 50px;
          }
        .overlay-middle-search ul.nav {
            padding-bottom: 0;
        }
        .overlay-middle-search ul.nav li.nav-item .nav-link {
            padding: 0rem 1.2rem;
            font-size: 18px;
            text-transform: uppercase;
        }
      }

      .overlay-middle-search .typeahead__container .twitter-typeahead .tt-menu {
          margin-top: 0px !important;
      }

      .overlay-middle-search .tab-content>.tab-pane {
        display: inherit;
        opacity: 0; /* Standard compliant browsers */
        -moz-opacity: 0; /* Firefox and Mozilla browsers */
        -webkit-opacity: 0; /* WebKit browser e.g. Safari */
        filter: alpha(opacity=0); /* For IE8 and earlier */
      }
      .overlay-middle-search .tab-content>.active {
        display: inherit;
        opacity: 1; /* Standard compliant browsers */
        -moz-opacity: 1; /* Firefox and Mozilla browsers */
        -webkit-opacity: 1; /* WebKit browser e.g. Safari */
        filter: alpha(opacity=100); /* For IE8 and earlier */
      }
.video-overlay-with-buttons form.prop-appraisal-form .typeahead__container .typeahead__query {
    margin-top: 0;
}
.office-hero-banner-with-search {
	height: calc(101.4vh - 126px);
	position: relative;
}

@media (max-width: 991px) {
	.office-hero-banner-with-search {
		height: calc(100vh - 69px);
	}
}


.office-hero-banner-with-search.video {
	background-color: unset;
	height: calc(100vh - calc(127px + -71px));
	overflow: hidden;
}

@media (max-width: 1400px) {
	.office-hero-banner-with-search.video {
		height: 649px;
	}
}

@media (max-width: 991px) {
	.office-hero-banner-with-search.video {
		height: 100%;
	}

	.office-hero-banner-with-search.video > .container {
		position: relative;
	}    
}

@media (max-width: 1400px) {
	.office-hero-banner-with-search.video .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row .left-block {
		position: static;
		bottom: 1px;
		left: 0;
		z-index: 9;
	}
}

@media only screen and (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row .left-block .d-block {
        top: 50%;
        transform: none;
        left: 50%;
        transform: translate(-50%, -50%);
	}
}

@media only screen and (max-width: 667px) {
	.office-hero-banner-with-search.video .container > .row .left-block .d-block {
		width: 85vw;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-banner-with-search.video .container > .row .left-block .d-block {
		width: 229px;
	}
}

.office-hero-banner-with-search.video .container > .row .left-block .d-block h1 {
	color: white;
	font-size: 60px;
	font-weight: normal;
	margin-bottom: 36px;
	display: inline-block;
	line-height: 55px;
	text-shadow: 0 0 32px black;
}

@media only screen and (max-width: 667px) {
	.office-hero-banner-with-search.video .container > .row .left-block .d-block h1 {
		font-size: 40px;
		line-height: 49.6px;
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-banner-with-search.video .container > .row .left-block .d-block h1 {
		font-size: 33px;
	}
}

.office-hero-banner-with-search.video .container > .row .left-block .d-block h1:before {
	display: none;
}

.office-hero-banner-with-search.video .container > .row .left-block .d-block h1 i {
	color: #00ADEF;
	font-style: normal;
	transform: rotate(-10.84deg) translateX(-5px);
	display: inline-block;
	font-size: 84.3506px;
	font-family: HarcourtsScript;
}

@media (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row .left-block .d-block h1 i {
		font-size: 66px;
		padding-left: 10px;
	}
}

.header-video-transparent-searchbar .office-hero-banner-with-search.video .container>.row .left-block > .row > .col > .d-block > .text-center > p {
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 26px;
	text-shadow: 0 0 32px black;
}

@media only screen and (max-width: 667px) {
.header-video-transparent-searchbar .office-hero-banner-with-search.video .container>.row .left-block > .row > .col > .d-block > .text-center > p {
		font-size: 20px;
	}
}

@media only screen and (max-width: 320px) {
.header-video-transparent-searchbar .office-hero-banner-with-search.video .container>.row .left-block > .row > .col > .d-block > .text-center > p {
		font-size: 18px;
	}
}

.office-hero-banner-with-search.video .container > .row .right-block > .row {
	margin-top: 0;
}

@media (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row {
		margin-top: -38px;
	}
}

.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block {
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	z-index: -1;
}

@media (max-width: 1400px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block {
		width: 100vw;
	}
}

@media (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block {
		padding-top: 0;
		padding-bottom: 0;
		height: 76.2vh;
		overflow: hidden;
		position: initial;
		width: initial;
		left: initial;
		z-index: initial;
	}
}

@media (max-width: 480px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block {
		height: 100vh;
	}
}

.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
	height: 100%;
	width: 100%;
	margin-left: -11px;
	transform: scale(1.3);
}

@media only screen and (max-width: 991px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
		transform: scale(1.8);
	}
}

@media only screen and (max-width: 667px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
		transform: scale(2.4);
	}
}

@media (max-width: 480px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
		transform: scale(4.6);
	}
}

@media only screen and (max-width: 320px) {
	.office-hero-banner-with-search.video .container > .row .right-block > .row > .col .d-block iframe.video-banner {
		border: 1px green solid;
	}
}

.office-hero-banner-with-search .video-overlay {
    position:absolute;
    height:100%;
    width:100%;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.header-video-transparent-searchbar .property-search-container {
    background-image: unset !important;
}
.header-video-transparent-searchbar .property-search-container > .container {
    margin-top: 0;
    background-color: transparent;
}
.header-video-transparent-searchbar .property-search-container>.container .tab-content,
.header-video-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__query .form-control,
.header-video-transparent-searchbar .tippyjs-container .btn.active,
.header-video-transparent-searchbar .typeahead__field .typeahead__hint, 
.header-video-transparent-searchbar .typeahead__field [contenteditable], 
.header-video-transparent-searchbar .typeahead__field input, 
.header-video-transparent-searchbar .typeahead__field textarea,
.header-video-transparent-searchbar form.prop-appraisal-form .typeahead__container .typeahead__query {
    background-color: transparent !important;
}
.header-video-transparent-searchbar .typeahead__container .typeahead__query {
    width: unset;
    flex: auto;
}
.header-video-transparent-searchbar .property-search-container>.container nav ul.nav li.nav-item .nav-link,
.header-video-transparent-searchbar .property-search-container>.container nav ul.nav li.nav-item .nav-link:hover,
.header-video-transparent-searchbar .tippyjs-container .btn,
.header-video-transparent-searchbar .material-switch .label-text,
.header-video-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__query .form-control {
    color: #ffffff;
}
.header-video-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__query .form-control,
.header-video-transparent-searchbar .typeahead__container.blue .twitter-typeahead .tt-menu .location-result-item {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
}
.header-video-transparent-searchbar .container.search-filters > .row {
    max-width: 1216px;
    margin: 0 auto;
}

.header-video-transparent-searchbar .office-hero-banner-with-search.video .container>.row .left-block > .row > .col > .d-block {
    width: 100%;
    max-width: 800px;
    margin-top: 0;
	position: absolute;
	top: 45%;
	left: 50.2%;
	transform: translate(-50%, -50%);
}

.header-video-transparent-searchbar .tab-pane#nav-manage form .typeahead__container .typeahead__field .typeahead__button, 
.header-video-transparent-searchbar .tab-pane#nav-sell form .typeahead__container .typeahead__field .typeahead__button, 
.header-video-transparent-searchbar .tab-pane.nav-manage form .typeahead__container .typeahead__field .typeahead__button, 
.header-video-transparent-searchbar .tab-pane.nav-sell form .typeahead__container .typeahead__field .typeahead__button,
.header-video-transparent-searchbar .typeahead__container .typeahead__field .typeahead__button {
    width: unset;
    margin-right: 0;
}

.header-video-transparent-searchbar .office-hero-banner-with-search.video .container>.row .left-block > .row > .col > .d-block > .text-center {
    max-width: 600px;
    margin: 0 auto;
}
.header-video-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__button .btn {
    background-color: transparent !important;
    color: #ffffff;
    border-color: transparent !important;
    padding: 12px 34px 10px 29px !important;
}
.header-video-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__button .btn:hover,
.header-video-transparent-searchbar .typeahead__container.blue .typeahead__field .typeahead__button .btn:focus {
    color: #00adef;
}
.header-video-transparent-searchbar .tippyjs-container .btn.harcourts-chevron:after {
    background-image: url(https://resources.cloudhi.io/images/icons/harcourts-chevron-white.png);
}
.header-video-transparent-searchbar .tippyjs-container .property-filter-content>.container>.row>.col .h5,
.header-video-transparent-searchbar .tippyjs-container .property-filter-content>.container>.row>.col p {
    color: #001f49;
}

.header-video-transparent-searchbar .property-search-container>.container .search-filters.disabled {
    display: none;
}