/*
Theme Name: Phillips Harrod
Text Domain: twentytwenty
Version: 2.1
Tested up to: 6.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body{
	width: 100vw;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
}
img{
	max-width: 100%;
}
header {
    width: 100%;
    height: 160px;
    padding: 0px;
}
header .row{
    padding: 0 70px;
}
.headerLogo {
    height: 140px;
    float: left;
    width: 100%;
    line-height: 140px;
    text-align: center;
}
.headerLogo img {
	width: 90%;
}
.headerTel {
    float: left;
    width: 32%;
    height: 100px;
    line-height: 150px;
    text-align: center;
}
.headerTel a {
    text-decoration: none;
    color: #253164;
    font-family: 'Lato', sans-serif;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 2px;
}
.headerSearchBtn {
    float: left;
    width: 50%;
    height: 100px;
    line-height: 150px;
    text-align: center;
    background: #243164;
    cursor: pointer;
}
.headerSearchBtn span{
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 19px;
    letter-spacing: 2px;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
}
.headerNavIcon {
    float: left;
    width: 17%;
    height: 100px;
    line-height: 150px;
    text-align: center;
    cursor: pointer;
}
/*.headerNavIcon img {
	width: 50%;
}*/
.headerNavIcon img {
    width: 50px;
    height: 50px;
    float: right;
    line-height: 130px;
    margin-top: 27px;
}
.VideoMain { 
    float: left;
    width: auto !important;
    min-width: 100vw;
    height: 66.65vw;
    min-height: 400px;
}
section.homeAbout {
    background: #253164;
}
.homeAboutInner{
	padding: 200px 0;
	text-align: center;
}
.homeAboutInner h1 {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 50px;
}
/*.homeAboutInner h3 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #7D7C7E;
    letter-spacing: 6px;
    line-height: 27px;
    margin-bottom: 30px;
}*/
.homeAboutInner h3 {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 3px;
    line-height: 27px;
    margin-bottom: 30px;
}
.homeAboutInner p {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 3px;
    line-height: 27px;
}
.fades {
  opacity: 0;
  transform: translateY(20vh);
  /*visibility: hidden;*/
  transition: all 1s;
  /*will-change: opacity, visibility;*/
}
.fadeIn {
  opacity: 1;
  transform: none;
  /*visibility: visible;*/
}
.homeTestimonialsInner{
	padding: 100px 0;
}
.homeTestimonialsInner .item {
    padding: 50px;
    border-right: 1px solid #253164;
}
.homeTestimonialsInner .item p {
    color: #7D7C7E;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0px;
    margin-bottom: 5px;
}
.homeTestimonialsInner .item h3 {
    color: #253164;
    font-size: 15px;
    font-weight: 300;
    padding-top: 12px;
}
.homeTestimonialsInner .owl-carousel .owl-stage{display: flex;}
.homeTestimonialsInner .owl-item {
    display: flex;
    flex: 1 0 auto;
    height: 390px;
}
.homeTestimonialsInner .owl-item .item {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 450px;
}
.homeTestimonialsInner .TestimonialContent {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 320px;
}
.homeExpertsInnerContent h2 {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 30px;
    text-align: center;
}
.homeExpertsInnerContent p{
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 16px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 26px;
}

.homeRecentlyLetInnerContent h2 {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 50px;
    text-align: center;
}
.homeExpertsInnerGraphics {
    position: relative;
    width: 100%;
}
.homeExpertsInnerGraphics iframe{
    width: 100vw;
    height: 56.25vw;
}
.homeExpertsInnerGraphics video{
    width: 100vw;
    height: 56.25vw;
}
.vid_overlay{
    position: absolute;
    width: 100vw;
    height: 56.25vw;
    z-index: 1;
    top:0;
    left: 0;
    background: rgba(0,0,0, 0.3);
}
.homeRecentlyLetInner {
    padding: 150px 0;
}
.PropertyCarouselImage {
    height: 400px;
}
.PropertyCarouselImage img {
    height: 400px;
    object-fit: cover;
}
.PropertyCarouselDescription {
    padding: 50px 0;
    text-align: center;
}
.PropertyCarouselContent {
    padding: 10px;
}
.PropertyCarouselDescription h3 {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.PropertyCarouselDescription p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #000;
    text-align: center;
}
.PropertyCarouselDescription a {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 8px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
div#HomePropertyCarousel {
    position: relative;
}
div#HomePropertyCarousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    float: left;
}
div#HomePropertyCarousel .owl-prev {
    font-size: 100px;
    color: #7D7C7E;
    position: absolute;
    left: -40px;
    line-height: 0;
}
div#HomePropertyCarousel .owl-next {
    font-size: 100px;
    color: #7D7C7E;
    position: absolute;
    right: -40px;
    line-height: 0;
}
.homeInstaInner {
    padding: 150px 0;
}
.homeInstaInnerContent h2 {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 50px;
    text-align: center;
}
a.requestValidationbtn {
    background: #253164;
    width: auto;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
}

.request_valuation_area {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 99999;
    background: #dfdfdf;
    width: 100%;
    max-width: 700px;
    transition: right 1s;
}
.rv_hide{
    right: -700px;
}
.rv_head {
    float: left;
    width: 100%;
    background: #253165;
    padding: 75px;
}
.rv_head h3{
    color: #fff;
    font-size: 13px;
    letter-spacing: 7px;
    line-height: 20px;
    font-weight: 600;
}
.rv_subhead {
    background: #7c7c7c;
    float: left;
    width: 100%;
    padding: 10px 75px;
}
.rv_subhead h4 {
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 400;
}
.rvs_options {
    float: left;
    width: 100%;
    padding: 5px 0;
}
.rvs_option {
    float: left;
    width: 33%;
}
.rvs_option label{
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 5px;
    float: left;
}
.rvs_option input{
    margin-left: 5px;
    margin-top: 10px;
    display: inline-block;
}
.rv_body {
    float: left;
    width: 100%;
    padding: 80px 75px;    
    position: relative;
}
.rv_body label{
    color: #253165;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 13px;
    font-weight: 600;
}
label.rv_privacy_lbl{
    color: #253165;
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 15px;
    font-weight: 600;
    float: left;
    width: 65%;
    margin-left: 20PX;
}
/*#rv_privacy{
    width: 30px;
    height: 30px;
    float: left;
}*/
.rv_body input{
    border-radius: 0px;
}

.rvs_option span.wpcf7-list-item-label {
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 5px;
    float: left;
}
input.rv_submit {
    background: #253165 !important;
    width: 70%;
    border: 0;
    text-align: left;
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px;
    margin: 20px 0 20px 0;
}
#rv_privacy input{
    width: 30px;
    height: 30px;
    float: left;
}
#rv_privacy span.wpcf7-list-item-label {
    color: #253165;
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 15px;
    font-weight: 600;
    float: left;
    width: 65%;
    margin-left: 20PX;
}
/*.rv_close {
    position: absolute;
    bottom: 66px;
    left: -66.5px;
    background: #253164;
    color: #fff;
    font-size: 14px;
    letter-spacing: 5px;
    line-height: 20px;
    font-weight: 400;
    padding: 8px 50px;
    rotate: 90deg;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}*/
.rv_close {
    position: absolute;
    /* bottom: 66px; */
    left: -84.5px;
    background: #253164;
    color: #fff;
    font-size: 14px;
    letter-spacing: 5px;
    line-height: 24px;
    font-weight: 400;
    height: 40px;
    padding: 8px 50px;
    rotate: 90deg;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}






.plist_image {
    height: 320px;
    object-fit: cover;
    overflow: hidden;
    position: relative;
}
.plist_image img {
    width:100%;
    height: 320px;
    object-fit: cover;
}
label.instruction {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 5px;
    position: absolute;
    text-align: left;
    min-width: 50%;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 5px 15px;
}
.plist_item {
    padding: 50px 10px;
}
.listing_properties_title, .listing_properties_sale, .listing_properties_lettings {
    float: left;
    padding: 30px 30px;
    color: #243164;
    font-size: 14px;
    letter-spacing: 5px;
    cursor: pointer;
}

.listing_properties_filter {
    float: left;
    padding: 0;
    margin: 30px 0;
    color: #243164;
    font-size: 14px;
    letter-spacing: 5px;
    cursor: pointer;
    font-weight: 400;
    border: none;    
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    text-transform: uppercase;
    outline: none;
}
#filter_txt {
    float: left;
    padding: 10px 5px;
    margin: 20px 0;
    color: #243164;
    font-size: 14px;
    letter-spacing: 5px;
    cursor: pointer;
    font-weight: 400;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    width: 100%;
    float: left;
}
.filter_mnu {
    position: relative;
    float: left;
    width: 100%;
}
#filter_rest {
    position: absolute;
    width: 80%;
    top: 60px;
    left: -10px;
    background: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    letter-spacing: 5px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    z-index: 1;
    color: #7d7c7d;
}
#filter_rest {
    float: left;
    width: 100%;
    cursor: pointer;
}
.activeFilter {
    background: #243164;
    color: #fff !important;
}
.plist_description a {
    color: #243164;
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 15px;
    width: 100%;
    display: block;
    clear: both;
    padding-top: 10px;
}
.listing_wrapper {
    background: #fafafa;
}
#map {
    height: 450px;
}
.property_details_description h1 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
    padding: 30px 0;
}
.property_details_description p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #000;
    padding-right: 150px;
}
.back_to_results {
    padding: 30px 0px;
    color: #243164;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
}
.resources_links {
    background: #fafafa;
}
.enquire_right {
    background: #fafafa;
    position: relative;
}
}
.resources_tab {
    padding: 0;
    line-height: 50px;
}
a.resource_link {
    color: #243164;
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-decoration: none;
}
a.resource_link.active {
    text-decoration: underline;
}
.enquire_right a{
    background: #253164;
    width: 350px;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.resources_tab {
    padding: 30px 0 0 30px;
}
div#propertyCarousel {
    height: 500px;
    overflow-y: hidden;
}
div#propertyCarousel .carousel-item {
    height: 500px;
}
div#propertyCarousel .carousel-item img{
    height: 500px;
    object-fit: cover;
}
.enquire_left h3 {
    padding-top: 80px;
    padding-bottom: 25px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
}
.enquire_left label{
    color: #243164;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    width: 65%;
    display: block;
}
.enquire_left .wpcf7-text{
    background: #fafafa;
    border: none;
    padding: 10px;
    width: 100%;
    margin-top: 7px;
}
.enquire_left .wpcf7-submit {
    background: #253164;
    width: auto;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 5px;
    border: none;
    text-transform: uppercase;
    width: 65%;
    text-align: left;
    margin-top: 15px;
}
.main_menu {
    background: #243164;
    position: fixed;
    top: 650px;
    opacity: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: calc(100vh - 150px);
    transition: all 1s ease 0s;
}
.main_menu.menu_display {
    top: 150px;
    opacity: 1;
    z-index: 99999;
}
.menu_close {
    position: absolute;
    top: 15px;
    right: 40px;
    width: 40px;
    cursor: pointer;
}
.main-nav-fullscreen {

}
.main-nav-fullscreen{
    padding-top: 100px;
}
.main-nav-fullscreen li{
    list-style: none;
    text-align: center;
    padding: 15px 10px;
}
.main-nav-fullscreen li a{
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
.property_filter {
    position: fixed;
    top: -100px;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: all 1s ease 0s;
    z-index: -1;
    background:#fff;	
    width: 100%;
    height: 100%;
    top: 0 !important;
    padding-top: 65px;
}
.property_filter.display_filter {
    top: 135px;
    opacity: 1;
    z-index: 999;
}

.blank_area {
    float: left;
    width: 100%;
    height: 150px;
}
.filter_title {
    float: left;
    width: 100%;
    line-height: 75px;
    background: #243164;
    text-align: center;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 5px;
    padding: 1px;
}
.r2brd {
    float: left;
    width: 100%;
    border-bottom: 2px solid #243164;
}
.filter_right_head {
    float: left;
    width: 100%;
    height: 100px;
    background: #fafafa;
    position: relative;
    border-bottom: 2px solid #7d7c7d;

}
.filter_close {
    position: absolute;
    top: 0px;
    right: -50px;
    width: 40px;
    cursor: pointer;
}
.frh_options {
    float: left;
    padding: 0px 0 0 75px;
    line-height: 100px;
}
.frh_option {
    float: left;
    padding-right: 120px;
}
.frh_option label{
    color: #243164;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 5px;
    padding-right: 10px;
}
.frh_option input{  
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 3px solid #243164;
    background: #fff;
}
input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
.frh_option input[type="radio"]:checked:before {
    background: #243164;    
}
    
.frh_option input[type="radio"]:checked {
  border-color:#243164;
}
.filterRow2 {
    background: #fff;
    margin-top: 120px;
    /*border-top: 2px solid #7d7c7d;*/
}
.filterRow2Overlay {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 300px;
    left: 0;
    height: calc( 100vh - 300px );
    z-index: -1;
}
.fr2l_options {
    float: left;
    width: 100%;
    text-align: left;
    padding: 43px 0 50px 0;
    padding-left: 75px;
}
/*.fr2l_option {
    padding-right: 75px;
    padding-left: 75px;
    display: inline-block;
}*/
.fr2l_option input{    
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 3px solid #243164;
    background: #fff;
}
.fr2l_option input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.fr2l_option input[type="radio"]:checked:before {
    background: #243164;    
}
    
.fr2l_option input[type="radio"]:checked {
  border-color:#243164;
}
.fr2l_option label{
    color: #243164;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 5px;
    padding-right: 10px;
}
/*.fr2l2_options {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0 80px 0;
}*/
.fr2l2_options {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0 50px 0;
}
/*.fr2l2_option {
    padding-right: 75px;
    padding-left: 75px;
    display: inline-block;
}*/
.fr2l_option {
    padding-right: 0;
    /* padding-left: 0; */
    display: inline-block;
    width: auto;
    margin: 0;
    text-align: left;
    padding-left: 0;
}
.f2oprt {
    padding-left: 110px;
}
.fr2l_option.f3oprt {
    padding-left: 102px;
}
.fr2l2_option {
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
    /*width: 49%;*/
    width: 33%;
    margin: 0;
}
.fr2l2_options{
    text-align: left;
}
.fr2l2_option1{
    width: auto;
    padding-left: 55px;
}
.fr2l2_option2{
    width: auto;
    padding-left: 9px;
}
.fr2l2_option3{
    width: auto;
    padding-left: 22px;
}
select#vp_bedrooms_select {
    background-position: center right;
    min-width: 120px;
}
.about_section3 h2{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: left;
}
/*.fr2l2_option select {
    word-wrap: normal;
    text-transform: uppercase;
    border: none;
    color: #243164;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}*/
.fr2l2_option select {
    word-wrap: normal;
    text-transform: uppercase;
    border: none;
    color: #243164;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: url(https://phillipsharrod.com/wp-content/uploads/2023/06/ph_plus.png) no-repeat;
    background-size: 15px 15px;
    background-position: center right 75px;
    padding: 20px;
    outline: none;
}
.fr2l2_option select::-ms-expand {
    display: none;
}
.fr2l2_option select:after {
    content: '∨';
    font-size: 30px;
}
.filter_row2_right {
    padding-left: 75px;
    padding-top: 30px;
    width: 60%;
    min-width: 300px;
}
.filter_row2_right  input{
    background: #fafafa;
    border: none;
    padding: 10px;
    /*width: calc(100% - 150px);*/
    width: 100%;
}
.filter_row2_right button{
    margin-top: 20px;
    background: #253164;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 5px;
    border: none;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}
.filter_row2_left1{
    width: 100%;
    float: left;
}
.filter_row2_left2{
    width: 100%;
    float: left;    
    border-top: 2px solid #7d7c7d
}
.listing_properties_title a{
    color: #243164;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}
.listing_properties_sale a{
    color: #243164;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

.listing_properties_lettings a{
    color: #243164;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

footer {
    background: #fafafa;
    padding: 70px 0;
    margin-top: 150px;
}
.footer_column1 p {
    color: #253164;
    text-decoration: none;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0px;
    padding-bottom: 15px;
}
.footer_column1 p a{
    color: #253164;
    text-decoration: none;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0px;
}
.footer_column2 {
    text-align: center;
    float: left;
    width: 100%;
}
.footer_bottom {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px;
}
.footer_bottom img {
    max-width: 300px;
}
p.footer_copy {
    font-size: 10px;
}
.fc2_left{
    display: inline-block;
}

.fc2_right{
    display: inline-block;
}
.fc2_left li{
    list-style: none;
    text-align: left;
    line-height: 13px;
}
.fc2_right li{
    list-style: none;
    text-align: left;
    line-height: 13px;
}
.fc2_left li a{
    color: #253164;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}
.fc2_right li a{
    color: #253164;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}
.footer_reqbtn  {
    float: left;
    width: 100%;
    text-align: left;
    height: 65px;
}
.footer_requestValidationbtn{
    background: #253164;
    width: auto;
    color: #fff;
    padding: 12px 30px;
    text-decoration: none;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
}
.social_icon_footer a {
    text-decoration: none;
}
.social_icon_footer img {
    width: 35px;
}
.row.footer_row2 .col-lg-12 {
    text-align: center;
    padding-top: 80px;
}

.row.footer_row2  img {
    width: 320px;
}
.resources_links{
    position: relative;
    background: #fafafa;
}
.resources_links h4{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
    padding: 30px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.property_floor_plans_right{
    position: relative;
    background: #fafafa;
}
.property_floor_plans_right h4{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
    padding: 30px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.property_epc_left{
    position: relative;
    background: #fafafa;
}
.property_epc_left h4{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
    padding: 30px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.property_floor_plans_left {
    text-align: center;
    padding: 70px;
}
.property_floor_plans_left img{
    max-height: 400px;
}
.property_epc_right{
    padding: 70px;
}
.epcimg1, .epcimg2{
    width: 48%;
    padding:0.5%;
}
.property_description_left {
    max-width: 660px;
    float: right;
    padding: 80px 0;
    min-height: 450px;
}
.property_description_right {
    padding-right: 30px;
}

.property_resources_left {
    max-width: 660px;
    float: right;
    width: 100%;
    height: 100%;
    position: relative;
}
.property_epc_left_inner {
    max-width: 660px;
    float: right;
    width: 100%;
    height: 100%;
    position: relative;
}
.property_enquire_left {
    max-width: 660px;
    float: right;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 450px;
}

.property_resources_right {
    max-width: 660px;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
.property_epc_right_inner {
    max-width: 660px;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 410px;
}
.property_enquire_right {
    max-width: 660px;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
.property_floor_plans_left_inner {
    max-width: 660px;
    float: right;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 410px;
}

.property_floor_plans_right_inner {
    max-width: 660px;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
.propertySliderNavItem iframe{
    height: 160px;
}

/*.ourStoryHead .container{
    max-width: 800px;
}*/
.ourStoryHead {
    padding-bottom: 50px;
    /*border-bottom: 1px solid #243164;*/
    margin-bottom: 50px;
    background: #fafafa;
    padding-top: 35px;
}
.page-id-5250 .ourStoryHead .row .col-md-12{
    padding: 0 40px;
}
.page-id-5266 .ourStoryHead .row .col-md-12{
    padding: 0 60px;
}
.ourStoryHead h1{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
    line-height: 30px;
}
/*.ourStoryHead h3{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #243164;
    letter-spacing: 6px;
    line-height: 27px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}*/
.ourStoryHead h3{
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #243164;
    letter-spacing: 3px;
    line-height: 27px;
    text-align: left;
}
.ourStoryHead p{
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #243164;
    letter-spacing: 3px;
    line-height: 27px;
    text-align: left;
}
/*.single-area_guide .ourStoryHead h1 {
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 11px;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
}
.single-area_guide .ourStoryHead p {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #243164;
    letter-spacing: 3px;
  */  line-height: 25px;
    text-align: center;
    color: #333;
}
.ourStoryCont{
    padding-top: 30px;
    padding-bottom: 120px;
}
.ourStoryCont{
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color:#000;
}
/*.ourStoryCont .row{
    padding: 0 50px;
}
.lettingInformationCont .row{
    padding: 0 50px;
}*/
.ourStoryCont .col-md-6 {
    padding: 0 40px;
}
.ourStoryCont p{
    font-size: 16px;
    font-weight: 300;
    color: #000;    
    line-height: 30px;
}

/*team member hover*/
.team_membersp .team_memberp .team_conts {
    display: none;
    position: absolute;
    background: #fff;
    width: 180px;
    top: -100%;
    left: 75%;
}
.team_membersp .team_memberp .team_conts label{
    padding: 10px 6px;
    font-size: 16px;
}
/*.team_membersp .team_memberp:hover .team_conts {
    display: block;
}*/
.team_wrapp {
    position: relative;
}
.team_membersp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.5);*/
}
.team_memberp{
    cursor: pointer;
}
.team_marie {
    position: absolute;
    width: 10%;
    height: 26%;
    top: 37%;
    left: 14%;
}
.team_gayle {
    position: absolute;
    width: 8%;
    height: 20%;
    top: 37%;
    left: 34%;
}
.team_dominique {
    position: absolute;
    width: 9%;
    height: 18%;
    top: 26%;
    left: 66%;
}
.team_adam {
    position: absolute;
    width: 9%;
    height: 23%;
    top: 35%;
    left: 25%;
}
.team_simon {
    position: absolute;
    width: 8%;
    height: 26%;
    top: 26%;
    left: 46.5%;
}
.team_danielle {
    position: absolute;
    width: 9.5%;
    height: 27%;
    top: 47%;
    left: 69.5%;
}
.team_maya {
    position: absolute;
    width: 6%;
    height: 23%;
    top: 35%;
    left: 58.5%;
}
.team_nick {
    position: absolute;
    width: 9%;
    height: 23%;
    top: 21%;
    left: 76%;
}
.team_hover_text {
    /*font-size: 25px;
    color: #29235c;*/
    padding: 20px;
    line-height: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    /*font-style: italic;*/
    z-index: 9999;
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 6px;
    text-transform: uppercase;
}
/*team end*/
.ourStoryTeamMembers{
    padding-top: 75px;
    padding-bottom: 75px;
}
.ourStoryCont .ourStoryContRight h2{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: left;
}
.ourStoryTeamMembers .team_member h3{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
}
.ourStoryTeamMembers .awsm-personal-info h3 span {
    display: inline-block;
}
.ourStoryTeamMembers span.team_desig {
    font-size: 14px;
    color: #000;
}
.ourStoryTeamMembers figure{
    display: none;
}
.ourStoryTeamMembers .brief_info  {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.ourStoryTeamMembers .team_member {
    padding: 30px 100px 30px 0;
}
.ourStoryContRight li::marker {
    content: '✓';
    font-weight: 900;
    color: #243164;
    font-size: 22px;
}
.ourStoryContRight li {
    padding-left: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    letter-spacing: 0px;
    line-height: 26px;
}
.ourStoryContRight ul{
    padding-left: 18px;
}
.ourStoryContRight p{
    padding-left: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    letter-spacing: 0px;
    line-height: 26px;
}
.ourStoryContRight p a{
    color: #243164;
}
.ourStoryCont p a{
    color: #243164;
}
.testi_quote {
    color: #243164;
    /* font-size: 150px; */
    font-weight: 900;
    font-family: math;
    /* line-height: 149px; */
    /* height: 50px; */
    float: left;
    padding: 0 15px;
    padding-bottom: 10px;
}
.ourTestimonialsCont .card{
    border: 0;
    background: #fafafa;
    padding: 50px;
    text-align: left;
    margin-bottom: 50px;
}
.ourTestimonialsCont .card h3{
    font-size: 16px;
    font-weight: 600;
    color: #243164;
}
.ourTestimonialsCont .card p{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}




/*.lettingInformationHead .container{
    max-width: 1200px;
}*/
.lettingInformationHead {
    padding-bottom: 50px;
    border-bottom: 1px solid #243164;
    margin-bottom: 50px;
    background: #fafafa;
    padding-top: 35px;
}
/*.lettingInformationHead h1{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
}*/
.lettingInformationHead h1{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #243164;
    letter-spacing: 6px;
    line-height: 27px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
}
.lettingInformationHead p{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 20px;
    text-align: left;
}
.lettingInformationCont{
    padding-top: 30px;
    padding-bottom: 120px;
}
.lettingInformationCont{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.lettingInformationCont h3{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 6px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: left;
}
.lettingInformationCont p{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.lettingInformationCont a{
    color: #000;
    text-decoration: none;
    font-weight: 400;
}
.lettingInformationCont strong{
    color: #000;
    text-decoration: none;
    font-weight: 400;
}
.lettingInformationCont .col-md-6 {
    padding-right: 120px;
}

.lettingInformationContBtm .card{
    border: 0;
    background: #fafafa;
    padding: 50px;
    margin-bottom: 50px;
}

.lettingInformationContBtm h3{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: left;
}

.lettingInformationContBtm h4{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 6px;
    text-transform: uppercase;
    text-align: left;
}
.lettingInformationContBtm p{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}

.lettingInformationContBtm .extra_adtext h4{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 30px;
}
.lettingInformationContBtm .extra_adtext p{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.lettingInformationContBtm .extra_adtext{
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
#tgtext {
    cursor: pointer;
}
.extra_adtext{
    display: none;
}
.lib_display {
    display: block;
}
.property_management_head{
    height: 740px;
    background-image: url(https://phillipsharrod.com/wp-content/uploads/2022/02/Stratheaden_Stair_Case.jpg);
    background-size: 100%;
    background-position: top left;    
    position: relative;
}
.ihbgoverlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.property_management_head h1{
    color: #fff;
}
.property_management_head h3{
    color: #fff;
}
.property_management_head p{
    color: #fff;
}

.property_management_head .container{
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.area_guide_page_head{
    height: 740px;
    background-image: url(https://phillipsharrod.com/wp-content/uploads/2021/11/primrose_3.jpg);
    background-size: 100%;
    background-position: top left;    
    position: relative;
}*/
video.AGVideoMain {
    width: auto !important;
    min-width: 100vw;
    height: 56.1vw;
    min-height: 780px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.area_guide_page_head{
    /*height: 800px;*/
    height: 740px;
    background-image: url(https://phillipsharrod.com/wp-content/uploads/2021/11/primrose_3.jpg);
    background-size: 100%;
    background-position: top left;    
    position: relative;
    overflow: hidden;
}
.area_guide_page_head h1{
    color: #fff;
}
.area_guide_page_head h3{
    color: #fff;
}
.area_guide_page_head p{
    color: #fff;
}

.area_guide_page_head .container{
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sales_acquisitions_head h1{
    color: #fff;
}
.sales_acquisitions_head h3{
    color: #fff;
}
.sales_acquisitions_head p{
    color: #fff;
}
.sales_acquisitions_head{
    height: 740px;
    background-image: url(https://phillipsharrod.com/wp-content/uploads/2022/02/ph_window.jpg);
    background-size: 100%;
    background-position: top left;    
    position: relative;
}
.sales_acquisitions_head .container{
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.news_events_inner a {
    text-decoration: none;
}
.ne_title{
    font-family: 'Lato';
    color: #243164;
    font-weight: 300;
    font-size: 23px;
    letter-spacing: 0px;
}
.news_events_inner {
    padding: 30px;
    margin: 30px;
    background: #fafafa;
}
.ne_date {
    color: #000;
    font-weight: 300;
}
.news_main_content{
    padding-top: 50px;
}
.news_main_content p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 26px;
    padding-bottom: 25px;
}
.news_main_content li::marker {
    font-weight: 900;
    color: #243164;
}
.news_main_content p strong {
    font-weight: 900;
    color: #243164;
}
.news_main_content li strong {
    font-weight: 900;
    color: #243164;
}
.single-post .ourStoryHead h1 {
    font-size: 24px;
    font-weight: 300;
}

.single-post .ourStoryHead h3 {
    font-size: 15px;
    font-weight: 300;
}
.AreaGuideCont .row{
    margin: 50px 0;
    background: #fafafa;
}
.ag_desc h3 {
    text-align: center;
    margin: 30px 0;
}
.ag_desc .ag_ttl a{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 5px;
    text-decoration: none;
    text-transform: uppercase;
}
.ag_desc .ag_link a{
    background: #253164;
    width: auto;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    text-align: center;
    text-transform: uppercase;
}
.AreaGuideCont .col-lg-6 {
    padding: 0;
}
.AreaGuideCont .colDescAG {
    position: relative;
}
.team_wrapp img{
    width: 100%;
}
/*.homeAboutReadMore{
    background: #fff;
    width: auto;
    color: #253164;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    text-transform: uppercase;
}*/
.homeAboutReadMore {
    background: transparent;
    width: auto;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    text-transform: uppercase;
}
.homeAboutReadMore:hover {
    color: #fff;
}
.ag_desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vp_ag_section3{
    margin-top: 75px;
}
.vp_ag_section2 .thumbnail{
    padding-bottom: 20px;
}
#accordionAreaGuide button.accordion-button.collapsed {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding: 30px;
}
#accordionAreaGuide .accordion-body, #accordionAreaGuide .accordion-body p{
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 30px;
}
#accordionAreaGuide .accordion-body p a, #accordionAreaGuide .accordion-body a{
    font-weight: 300;
    color: #243164;
    text-decoration: none;
}
.accordion-button:not(.collapsed) {
    background-color: #fafafa;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding: 30px;
}
.vp_vid {
    position: relative;
}
.vp_vid .ag_vid_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
.vp_vid .ag_vid_overlay img {
    position: absolute;
    width: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact_form_wrapper {
    background: #fafafa;
    margin-right: 30px;
    padding: 80px 60px;
}
.contact_form_wrapper h2{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.contact_form_wrapper input, .contact_form_wrapper textarea{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.contact_form_wrapper textarea{
    height: 160px
}
.contact_form_wrapper .wpcf7-submit{
    background: #253164;
    width: auto;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    border: 0;
}
.info.cinfo {
    background: #fafafa;
    margin-left: 30px;
    padding: 80px 60px;
    height: 100%;
}
.info.cinfo h2{
    font-family: 'Lato', sans-serif;
    color: #243164;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.info.cinfo h3{
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 7px;
    margin-bottom: 10px;
    margin-top: 60px;
    text-transform: uppercase;
}
.info.cinfo span{
    color: #000;
    text-decoration: none;
    font-size: 19px;
    font-weight: 300;
}
.info.cinfo span a{
    color: #000;
    text-decoration: none;
    font-size: 19px;
    font-weight: 300;
}

.homeBnr{
    position: relative;
}
.cia_caption {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1230px;
    z-index: 99;
}
.cia_slider_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 1;
}
/*.cia_caption h1{
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 7px;
    margin-bottom: 50px;
    text-transform: uppercase;
    line-height: 35px;
}*/
.cia_caption h1 {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 70px !important;
    margin-bottom: 50px;
    /* text-transform: uppercase; */
    line-height: 35px;
    /*text-shadow: 0px 0px 10px #000;*/
}
.cia_caption a{
    background: #253164;
    width: auto;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    text-transform: uppercase;
}

.homeExpertsInnerGraphics .video_cation {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.homeExpertsInnerGraphics .video_cation h4{
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-bottom: 50px;
}
.homeExpertsInnerGraphics .video_cation h5 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 6px;
    line-height: 27px;
    margin-bottom: 25px;
}
.homeExpertsInnerGraphics .video_cation h3 {
    /*font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 6px;
    line-height: 27px;
    margin-bottom: 25px;*/
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 3px;
    line-height: 27px;
    margin-bottom: 30px;
}
.homeExpertsInnerGraphics .video_cation a {
    background: #253164;
    width: auto;
    color: #fff;    
    padding: 15px 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    margin-top: 30px;
    display: inline-block;
}
.headerMobileLogo{
    display: none;
}
.hidePC {
    display: none;
}
.hideMobile {
    display: block;
}
.property_filter .container-fluid {
    max-width: 1500px;
}

.property_filter .container-fluid .row {
    padding: 0px 90px;
}
.filterRow2{
	padding: 0 !important;
}
.about_section3 .col-md-12 {padding: 0}
.plist_description a span {
    text-transform: none;
    color: #7f789c;
}
.PropertyCarouselDescription h3 span {
    text-transform: none;
    color: #7f789c;
}
.property_details_description h1 span {
    text-transform: none;
    color: #7f789c;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
    header .col-sm-4 {
        width: 15%;
    }
    header .col-sm-5{
        width: 60%;
    }
    .main-nav-fullscreen li {
        list-style: none;
        text-align: center;
        padding: 5px 10px;
    }
    .ag_desc .ag_link a {
        background: #253164;
        width: auto;
        color: #fff;
        padding: 15px 30px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 3px;
        text-align: center;
        text-transform: uppercase;
    }
    .ourTestimonialsCont .card {
        border: 0;
        background: #fafafa;
        padding: 10px;
        text-align: left;
        margin-bottom: 50px;
    }
    .property_description .row{
        padding: 0 25px;
    }
    .property_resources .row{
        padding: 0 25px;
    }
    .property_floor_plans .row{
        padding: 0 25px;
    }
    .property_enquire .row{
        padding: 0 25px;
    }
}
@media only screen and (max-width: 992px) {
    header .col-sm-4{
        display: none;
    }
    header .col-sm-3{
        width: 30%;
    }
    header .col-sm-5{
        width: 70%;
    }
    .frh_option {
	    float: left;
	    padding-right: 30px;
	}
    .headerTel a {
        text-decoration: none;
        color: #253164;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 2px;
    }
    .headerSearchBtn span {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: 400;
        cursor: pointer;
    }

    .headerLogo{
        display: none;
    }
    .headerMobileLogo{
        display: block;
        width: 60%;
        padding-top: 5px;
    }
    .footer_row1 .col-lg-3 {
        width: 50%;
        padding-left: 10px !important;
    }
    .footer_row1 .col-lg-6 {
        width: 50%;
    }
    .footer_row1 .col-lg-6 .col-lg-6 {
        width: 100%;
    }
.filter_row2_left1{
    width: 100%;
}
.filter_row2_left2{
    width: 100%;
}
.listing_properties_title, .listing_properties_sale, .listing_properties_lettings {
    float: left;
    padding: 30px 10px;
    color: #243164;
    font-size: 14px;
    letter-spacing: 5px;
    cursor: pointer;
}
.property_description .row{
    padding: 0 25px;
}
.property_resources .row{
    padding: 0 25px;
}
.property_floor_plans .row{
    padding: 0 25px;
}
.property_enquire .row{
    padding: 0 25px;
}
.property_details_description p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #000;
    padding-right: 50px;
}
.ag_desc .ag_link a {
    background: #253164;
    width: auto;
    color: #fff;
    padding: 15px 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}
}

@media only screen and (max-width: 768px) {
    header .col-lg-2{
        width: 50%;
    }
    header .col-lg-6{
        display: none;
    }
    header .col-lg-4{
        width: 50%;
    }
    .headerTel {
        float: left;
        width: 70%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin-top: 22px;
    }
    .headerSearchBtn {
        float: left;
        width: 70%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #243164;
        cursor: pointer;
    }
    .headerNavIcon {
        float: left;
        width: 30%;
        top: 0;
        position: relative;
        margin: 0 !important;
    }
    .headerNavIcon img {
        width: 37px;
        margin-top: 0;
        line-height: 0;
        height: auto;
    }
    .headerLogo {
        height: 100px;
        float: left;
        width: 100%;
        line-height: 100px;
        text-align: center;
    }
    header {
        height: 120px;
    }
    .filterRow1 {
        margin-right: 0 !important;
    }
    .blank_area {
	    float: left;
	    width: 100%;
	    height: 120px;
        padding-left: 75px;
	}
	.filter_right_head {
	    float: left;
	    width: 100%;
	    height: 270px;
	    background: #fafafa;
	    position: relative;
	}
	.frh_options {
	    float: left;
	    padding: 120px 0 0 20px;
	    line-height: 150px;
	}
	.filterRow2 {
	    background: #fff;
	    margin-top: 0px;
	    border-top: 2px solid #7d7c7d;
	}
	.fr2l2_option select {
	    word-wrap: normal;
	    text-transform: uppercase;
	    border: none;
	    color: #243164;
	    font-family: 'Lato', sans-serif;
	    font-size: 13px;
	    font-weight: 600;
	    letter-spacing: 2px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    text-indent: 1px;
	    text-overflow: '';
	    /*background: url(https://phillipsharrod.com/wp-content/uploads/2023/04/arrows.png) no-repeat;*/
	    background-size: 12px 12px;
	    background-position: center right 35px;
	    padding: 20px 3px;
	    outline: none;
	}
	.fr2l_option label {
	    color: #243164;
	    font-family: 'Lato', sans-serif;
	    font-size: 13px;
	    font-weight: 600;
	    letter-spacing: 3px;
	    padding-right: 10px;
	}
	.fr2l_option input {
	    -webkit-appearance: none;
	    width: 14px;
	    height: 14px;
	    border-radius: 50%;
	    outline: none;
	    border: 3px solid #243164;
	    background: #fff;
	}
	.frh_option label {
    color: #243164;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 5px;
    padding-right: 10px;
	}
	.frh_option input {
	    -webkit-appearance: none;
	    width: 14px;
	    height: 14px;
	    border-radius: 50%;
	    outline: none;
	    border: 3px solid #243164;
	    background: #fff;
	}
	.footer_row1 .col-lg-3 {
	    width: 50%;
	    padding-left: 10px !important;
	}
	.footer_row1 .col-lg-6 {
	    width: 50%;
	}
	.footer_row1 .col-lg-6 .col-lg-6 {
	    width: 100%;
	}
	.footer_bottom {
	    float: left;
	    width: 100%;
	    text-align: center;
	    padding: 10px;
	}
	.team_hover_text {
	    padding: 20px;
	    line-height: 25px;
	    position: relative;
	    top: 0px;
	    left: 0px;
	    background: #fff;
	    /* font-style: italic; */
	    z-index: 9999;
	    font-family: 'Lato', sans-serif;
	    color: #243164;
	    font-size: 15px;
	    font-weight: 600;
	    letter-spacing: 6px;
	    text-transform: uppercase;
	}
	.ourStoryTeamMembers .team_member {
	    padding: 30px 0px 30px 0;
	}
	.lettingInformationCont .col-md-6 {
	    padding-right: 0;
	}
	.lettingInformationContBtm .card {
	    border: 0;
	    background: #fafafa;
	    padding: 10px;
	    margin-bottom: 10px;
	}

	.ag_desc .ag_link a {
	    background: #253164;
	    width: auto;
	    color: #fff;
	    padding: 15px 10px;
	    text-decoration: none;
	    font-size: 14px;
	    font-weight: 600;
	    letter-spacing: 3px;
	    text-align: center;
	    text-transform: uppercase;
	}
	.ag_desc {
	    position: relative;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	.ourTestimonialsCont .card {
	    border: 0;
	    background: #fafafa;
	    padding: 0;
	    text-align: justify;
	    margin-bottom: 50px;
	}
	.contact_form_wrapper {
	    background: #fafafa;
	    margin-right: 0px;
	    padding: 30px 20px;
	}
	.info.cinfo {
	    background: #fafafa;
	    margin-left: 0;
	    padding: 30px 20px;
	    height: 100%;
	}

    .cia_caption {
        padding: 30px 20px;
    }
    .cia_caption h1{
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 3px;
        margin-bottom: 50px;
        /*text-transform: uppercase;*/
        line-height: 18px !important;
    }
    .cia_caption a{
        background: #253164;
        width: auto;
        color: #fff;
        padding: 15px 10px;
        text-decoration: none;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .homeExpertsInnerGraphics .video_cation h4{
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }
    .homeExpertsInnerGraphics .video_cation h5 {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: 600;
        color: #ffffff;
        letter-spacing: 6px;
        line-height: 13px;
        margin-bottom: 0px;
    }
    .homeExpertsInnerGraphics .video_cation h3 {
        /*font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: 600;
        color: #ffffff;
        letter-spacing: 6px;
        line-height: 13px;
        margin-bottom: 0px;*/
        font-family: 'Lato', sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 3px;
        line-height: 27px;
        margin-bottom: 30px;
    }
    .homeExpertsInnerGraphics .video_cation a {
        background: #253164;
        width: auto;
        color: #fff;
        padding: 8px 25px;
        text-decoration: none;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-top: 10px;
        display: inline-block;
    }
    .filter_close {
        position: absolute;
        top: -28px;
        right: 30px;
        width: 16px;
        cursor: pointer;
    } 
    .property_filter.display_filter {
        top: 121px;
        opacity: 1;
        z-index: 999;
    }  
    .main_menu.menu_display {
        top: 120px;
        opacity: 1;
        z-index: 99999;
    } 
}

@media only screen and (max-width: 580px) {
.property_filter .container-fluid .row {
    padding: 0px 0px;
}
.filterRow2 {
    border-top: none;
}
.frh_option {
    float: left;
    padding-right: 30px;
}
.fr2l2_option {
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
    width: auto;
    margin: 0;
}
    .carousel-item img {
        float: left;
        width: auto !important;
        min-width: 100vw;
        height: 66.65vw;
        min-height: 400px;
    }
    .cia_caption {
        padding: 30px 0px;
        width: 90%;
    }
    .cia_caption h1 {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        margin-bottom: 50px;
        text-transform: initial;
        line-height: 18px !important;
    }
    .cia_caption a {
        background: #253164;
        width: auto;
        color: #fff;
        padding: 10px 5px;
        text-decoration: none;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .homeExpertsInner{
        padding: 0;
    }
    .homeExperts .row{
        padding: 0;
    }
    .homeExpertsInnerGraphics iframe {
        width: 710px !important;
        height: 400px;
    }
    .homeExpertsInnerGraphics .video_cation {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9;
        width: 80%;
    }
    .homeExpertsInnerGraphics .video_cation a {
        background: #253164;
        width: auto;
        color: #fff;
        padding: 10px 5px;
        text-decoration: none;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .homeExpertsInnerGraphics .video_cation h4 {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        margin-bottom: 30px;
        line-height: 18px;
    }
    .homeExpertsInnerGraphics .video_cation h5 {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #ffffff;
        letter-spacing: 3px;
        line-height: 18px;
        margin-bottom: 50px;
    }
    .homeExpertsInnerGraphics .video_cation h3 {
        /*font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #ffffff;
        letter-spacing: 3px;
        line-height: 18px;
        margin-bottom: 50px;*/
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: center;
    }
    .about_section3 h2 {
        font-family: 'Lato', sans-serif;
        color: #243164;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: 15px;
        margin-bottom: 30px;
        text-transform: uppercase;
        text-align: left;
        line-height: 25px;
    }
    video.AGVideoMain {
        width: 100vw !important;
        min-width: 100vw;
        height: 56.25vw;
        min-height: auto;
        position: initial;
        top: initial;
        left: initial;
        transform: none;
    }
    .area_guide_page_head .container {
        position: relative;
        width: 100%;
        top: initial;
        left: initial;
        transform: none;
        padding-bottom: 50px;
    }
    .main-nav-fullscreen li {
        list-style: none;
        text-align: left;
        padding: 15px 10px;
    }
    .property_filter.display_filter {
        top: 65px;
        opacity: 1;
        z-index: 999;
        padding-bottom: 50px;
    }
    .filter_close {
        position: absolute;
        top: 5px;
        right: 30px;
        width: 30px;
        cursor: pointer;
        z-index: 999999;
    }
    .col-md-12{
        padding: 0 !important;
    }
    .col-md-6{
        padding: 0 !important;
    }
    .col-md-9{
        padding: 0 !important;
    }
    .homeTestimonialsInner {
        padding: 50px 0;
    }
    a.requestValidationbtn {
        background: #253164;
        width: auto;
        color: #fff;
        padding: 15px 15px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 5px;
        display: block;
    }
    .awsm-grid-wrapper .grid-5-col {
        padding: 0 !important;
    }
    .team_hover_text {
        padding: 20px 0
    }
    #wpfront-scroll-top-container img{
        width: 50px !important;
        height: 50px !important;
    }

    .hidePC {
        display: block !important;
    }
    .hideMobile {
        display: none !important;
    }
    .area_guide_page_head h1 {
        font-family: 'Lato', sans-serif;
        color: #243164;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 7px;
        margin-bottom: 20px;
        text-transform: uppercase;
        text-align: left;
        line-height: 30px;
    }
    .area_guide_page_head h3 {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #243164;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: left;
    }
    .area_guide_page_head p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #243164;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: left;
    }
    .ourStoryHead h1 {
        font-family: 'Lato', sans-serif;
        color: #243164;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 7px;
        margin-bottom: 20px;
        text-transform: uppercase;
        text-align: left;
        line-height: 30px;
    }
    .ourStoryHead h3 {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #243164;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: left;
    }
    .ourStoryHead p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #243164;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: left;
    }
	.homeAboutInner {
	    padding: 100px 0;
	}
    .homeAboutInner h1 {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 7px;
        margin-bottom: 20px;
        text-transform: uppercase;
        text-align: center;
        line-height: 30px;
    }
    .homeAboutInner h3 {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: center;
    }
    .homeAboutInner p {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 1px;
        line-height: 19px;
        text-align: center;
    }
    .homeAboutReadMore {
	    padding: 15px 0px;
	}
    .property_management_head h1, .property_management_head h3, .property_management_head p {
        color: #fff;
    }
    .sales_acquisitions_head h1, .sales_acquisitions_head h3, .sales_acquisitions_head p {
        color: #fff;
    }
	header .row {
	    padding: 0 10px;
	}
	.headerLogo {
	    height: 55px;
	    float: left;
	    width: 100%;
	    line-height: initial;
	    text-align: center;
	    padding-top: 10px;
	}
	.headerTel {
	    float: left;
	    width: 70%;
	    height: 25px;
	    line-height: 30px;
	    text-align: center;
	    margin-top: 0px;
	}
    .headerSearchBtn {
        margin-top: 7px;
    }
    header {
        height: 75px;
    }
	.headerNavIcon {
	    height: 50px;
	    line-height: 50px;
	    top: -12px;
	}
	.blank_area {
	    float: left;
	    width: 100%;
	    height: 65px;
	}
	.frh_options {
        float: left;
        padding: 20px 0 0 10px;
        line-height: 150px;
        width: 100%;
	}
    .fr2l_options {
        float: left;
        width: 100%;
        text-align: left;
        padding: 30px 0 20px 10px;
    }
    .f2oprt {
        padding-left: 28px;
    }
    .fr2l_option.f3oprt {
        padding-left: 25px;
    }
    .fr2l2_options {
        float: left;
        width: 100%;
        text-align: left;
        padding: 30px 0 20px 0;
    }
    .fr2l2_options {
        float: left;
        width: 100%;
        text-align: left;
        /*padding: 30px 0 20px 35px;*/
        padding: 30px 0 30px 0px;
    }
    .fr2l2_option {
        padding-right:10px;
    }    
    .fr2l2_option1 {
        width: 92px;
        padding-left: 0px;
        padding-right: 0;
    }
    .fr2l2_option2 {
        width: 120px; 
        padding-left: 9px;
    }
	.filter_row2_left2 {
        width: 100%;
        float: left;
        border-top: 2px solid #7d7c7d;
    }
    .filter_row2_right {
        padding-left: 40px;
        padding-top: 30px;
        width: calc( 100% - 50px );
        min-width: 300px;
    }
    .filter_row2_right button {
        margin-top: 20px;
        background: #253164;
        color: #fff;
        padding: 10px 30px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 2px;
        border: none;
        text-transform: uppercase;
        width: 100%;
        text-align: left;
    }
	.filter_right_head {
	    float: left;
	    width: 100%;
	    height: 170px;
	    background: #fafafa;
	    position: relative;
	}
	.property_management_head {
	    height: 100vh;
	    background-image: url(https://phillipsharrod.com/wp-content/uploads/2022/02/Stratheaden_Stair_Case.jpg);
	    background-size: auto 100%;
	    background-position: top right;
	    position: relative;
	}
	.ourStoryCont .ourStoryContRight h2 {
	    font-family: 'Lato', sans-serif;
	    color: #243164;
	    font-size: 16px;
	    font-weight: 900;
	    letter-spacing: 5px;
	    margin-bottom: 10px;
	    text-transform: uppercase;
	    text-align: left;
	}
    .area_guide_page_head {
        height: auto;
        background-image: none;
        background-size: auto 100%;
        background-position: top left;
        position: relative;
        background-color: #fafafa;
    }
	.main_menu.menu_display {
	    top: 65px;
	    opacity: 1;
	    z-index: 99999;
	}
    .listing_properties_title, .listing_properties_sale, .listing_properties_lettings {
        float: left;
        padding: 30px 12px;
        color: #243164;
        font-size: 14px;
        letter-spacing: 0px;
        cursor: pointer;
    }
    .plist_item {
        padding: 20px;
    }
    #propertySliderNav .slick-track {
        height: 60px !important;
    }
    #propertySliderNav .slick-slide {
        height: 55px !important;
    }
    #propertySliderNav .slick-slide img {
        height: 55px !important;
        object-fit: cover;
        padding: 3px !important;
    }
    .property_description_left {
        max-width: 660px;
        float: right;
        padding: 30px 0;
        min-height: 450px;
    }
    .back_to_results {
        padding: 30px 0px 0 30px;
        color: #243164;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        cursor: pointer;
    }
    .property_description .row {
        padding: 0 25px;
    }
    .page-id-5199 .row {
        padding: 0 25px;
    }
    .resources_tab_outer {
        padding: 0px 0 0 30px;
        float: left;
        clear: both;
        /* position: absolute; */
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .property_details_description p {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        color: #000;
        padding-right: 0;
    }
    .resources_links h4, .property_floor_plans_right h4, .property_epc_left h4 {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        color: #243164;
        letter-spacing: 3px;
        padding: 30px 0;
        position: relative !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .property_resources_left{
    	height: 75px;
    }
    .resources_tab_outer{
    	display: none !important;
    }
    .property_floor_plans_left_inner {
        min-height: 200px;
    }
    .enquire_right a {
        background: #253164;
        width: 350px;
        color: #fff;
        padding: 15px 30px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 7px;
        position: relative;
        left: 0;
        top: 0;
        transform: 0;
    }
    .property_enquire_right {
        max-width: 660px;
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        padding-top: 70px;
    }
    .order-first {
        order: 0!important;
    }
    .rv_head {
        float: left;
        width: 100%;
        background: #253165;
        padding: 35px 20px;
        text-align: center;
    }
    .rv_head h3 {
        color: #fff;
        font-size: 13px;
        letter-spacing: 5px;
        line-height: 20px;
        font-weight: 600;
    }
    input.rv_submit {
        width: 100%;
    }
    .property_filter{
        width: 100vw;
        overflow-x: hidden;
    }
    section{
        max-width: 100vw;
        overflow-x: hidden;
    }
    .vid_overlay{
        width: 100%;
        height: 99%;
    }
    .carousel-item img{
        height: 56.25vw;
    }
    .ourStoryTeamMembers figure{
    	display: block;
    }
    .list-style.style-1 figure img {
	    float: left;
	    width: 100%;
	    max-width: 580px;
	}
	/*.team_memberp {
		display: none;
	}*/
	.team_hover_text {
		display: none;
	}
	section.ourStoryTeamPhoto {
	    padding-top: 50px;
	}
	.rv_subhead {
	    padding: 10px 45px;
	}
	.rv_body {
	    padding: 80px 45px;
	}
	.social_icon_footer {
	    width: 200%;
	}
	.rvs_options .wpcf7-list-item {
	    margin: 0 0 0 0;
	}
	.rv_head {
	    padding: 35px 45px;
	    text-align: left;
	}
    .headerMobileLogo img {
        max-height: 55px;
    }
}
@media only screen and (max-width: 480px) {
/*video.AGVideoMain {
    width: auto !important;
    min-width: 100vw;
    height: 56.1vw;
    min-height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.headerSearchBtn {
    line-height: 25px;
}
.headerSearchBtn span {
    /*font-size: 12px;
    letter-spacing: 0px;*/
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.headerTel a {
    font-size: 13px;
}
.cia_caption a span {
    display: none;
}
.cia_caption a {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 10px 20px;
}
.homeExpertsInnerGraphics .video_cation a {
    padding: 10px 20px;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.homeExpertsInnerGraphics .video_cation a span {
    display: none;
}
.homeRecentlyLetInnerContent h2 {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 7px;
    margin-bottom: 50px;
    text-align: center;
}
.homeInstaInnerContent h2 {
    font-family: 'Lato', sans-serif;
    color: #253164;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 10px;
    margin-bottom: 50px;
    text-align: center;
}
.filter_title {
    float: left;
    width: 100%;
    line-height: 75px;
    background: #243164;
    text-align: center;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}
.filter_row2_left1 {
    width: 100%;
    float: left;
}
.filter_row2_left2 {
    width: 100%;
    float: left;
}
/*.fr2l2_options {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0 20px 0;
}
.filter_row2_right {
    padding-left: 10px;
    padding-top: 30px;
    padding-right: 10px;
}
.filter_row2_right input {
    background: #fafafa;
    border: none;
    padding: 10px;
    width: 100%;
}
.filter_row2_right button {
    margin-top: 20px;
    background: #253164;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    border: none;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}*/
header .col-sm-2 {
    width: 30%;
    padding: 0;
}
section .row{
    padding: 0 25px;
}
}
.colCirlce{
    margin-bottom: 20px;
}

.cardCircle {
    background: #243164;
    border-radius: 50%;
    padding: 80px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    overflow: hidden;
    position: relative;
}
/*.cardCircle h3{
    font-size: 14px;
    font-weight: 900;
}*/
.cardCircle h3 {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.cardCircle .cardCircle-body{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testiRestContent{
    display: none;
}



/*.gelatine {
  animation: gelatine 0.5s infinite;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

.spin {
  animation: spin 1s infinite linear;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.elastic-spin {
  animation: elastic-spin 1s infinite ease;
}
@keyframes elastic-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(720deg); }
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

.flash {
  animation: flash 500ms ease infinite alternate;
}
@keyframes flash {
    from { opacity: 1; }    
    to { opacity: 0; }
}

.hithere {
  animation: hithere 1s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.grow {
  animation: grow 2s ease infinite;
}
@keyframes grow {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

.fade-in {
  animation: fade-in 2s linear infinite;
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-out {
  animation: fade-out 2s linear infinite;
}
@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.bounce {
  animation: bounce 2s ease infinite;
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.bounce2 {
  animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.shake {
  animation: shake 2s ease infinite;
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.flip {
    backface-visibility: visible !important;
    animation: flip 2s ease infinite;
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

.swing {
    transform-origin: top center;
    animation: swing 2s ease infinite;
}
@keyframes swing {
    20% { transform: rotate(15deg); }   
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }    
    80% { transform: rotate(-5deg); }   
    100% { transform: rotate(0deg); }
}

.wobble {
  animation: wobble 2s ease infinite;
}
@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.fade-in-down {
  animation: fade-in-down 2s ease infinite;
}
@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-left {
  animation: fade-in-left 2s ease infinite;
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-out-down {
  animation: fade-out-down 2s ease infinite;
}
@keyframes fade-out-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fade-out-right {
  animation: fade-out-right 2s ease infinite;
}
@keyframes fade-out-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

.bounce-in {
  animation: bounce-in 2s ease infinite;
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

.bounce-in-right {
  animation: bounce-in-right 2s ease infinite;
}
@keyframes bounce-in-right {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.bounce-out {
  animation: bounce-out 2s ease infinite;
}
@keyframes bounce-out {
  0% { transform: scale(1); }
  25% { transform: scale(.95); }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(.3);
  } 
}

.bounce-out-down {
  animation: bounce-out-down 2s ease infinite;
}
@keyframes bounce-out-down {
  0% { transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.rotate-in-down-left {
  animation: rotate-in-down-left 2s ease infinite;
}
@keyframes rotate-in-down-left {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotate-in-up-left {
  animation: rotate-in-up-left 2s ease infinite;
}
@keyframes rotate-in-up-left {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.hinge {
  animation: hinge 2s ease infinite;
}
@keyframes hinge {
  0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }  
  20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }  
  40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 
  80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 
  100% { transform: translateY(700px); opacity: 0; }
}

.roll-in {
  animation: roll-in 2s ease infinite;
}
@keyframes roll-in {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

.roll-out {
  animation: roll-out 2s ease infinite;
}
@keyframes roll-out {
    0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}*/




.bounce {
  animation: bounce 4s linear normal;
}
.bounce:hover {
  animation: bounce 4s linear infinite;
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-25%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-14%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-4%); }
    100% { transform:translateY(0); }
}
.bounce1{
    animation-delay: 0.5s;
}
.bounce2{
    animation-delay: 0.8s;
}
.bounce3{
    animation-delay: 0.2s;
}
.bounce4{
    animation-delay: 0.6s;
}
.bounce5{
    animation-delay: 0.7s;
}
.bounce6{
    animation-delay: 0.5s;
}
.bounce7{
    animation-delay: 0.2s;
}
.bounce8{
    animation-delay: 0s;
}
.bounce9{
    animation-delay: 0.8s;
}
.bounce10{
    animation-delay: 0.2s;
}
.bounce11{
    animation-delay: 0.4s;
}
.bounce12{
    animation-delay: 0.8s;
}
.bounce13{
    animation-delay: 0s;
}
.bounce14{
    animation-delay: 0.4s;
}
.bounce15{
    animation-delay: 0.8s;
}
.bounce16{
    animation-delay: 0.2s;
}
.bounce17{
    animation-delay: 0.5s;
}
.bounce18{
    animation-delay: 0s;
}
.bounce19{
    animation-delay: 0.5s;
}
.bounce20{
    animation-delay: 0.2s;
}
.bounce21{
    animation-delay: 0.6s;
}
.bounce22{
    animation-delay: 0.8s;
}
.bounce23{
    animation-delay: 0.5s;
}
.bounce24{
    animation-delay: 0.4s;
}
.bounce25{
    animation-delay: 0.0s;
}

@media only screen and (max-width: 580px) {
.cardCircle h3 {
    font-size: 12px;
    font-weight: 600;
}
.cardCircle {
    font-size: 11px;
    line-height: 13px;
}
}
.teamBio {
    position: absolute;
    background: #fff;
    width: 100%;
    min-height: 100%;
    top: 100%;
    opacity: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    transition: all 1s linear;
}
.teamBioActive {
    top:100px;
    opacity: 1;
}
/*.teamMemberBio{
    position: absolute;
    top:100px;
}*/
.teamMemberBio{
    display: none;
}
.teamMemberBioActive{
    display: block;
}
.teamMemberBio figure{
    width:200px;
    height: auto;
}
.tam_bio_close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.teamMemberBio h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #243164;
    letter-spacing: 3px;
}
.teamMemberBio h3 span {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.4;
    display: inline-block;
}
.teamMemberBio span.team_desig {
    font-size: 14px;
    color: #000;
}
.teamBioDesc {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.ourStoryTeamMembers{
    display: none;
}
.cardCircle p{
    color: #fafafa;
    text-align: center;
}
.cardCircle h3{
    color: #fff;
    text-align: center;
}
.testiCircle1{
    padding-bottom: 20px;
}
.testiCircle1{
    padding-bottom: 20px;

}
.testiCircle1{
    padding-bottom: 20px;

}
.page-template-testimonials-cilrcle .ourStoryHead {
    margin-bottom: 250px;
}
.page-template-our_story_updated .ourStoryHead {
    margin-bottom: 100px;
}
.page-template-our_story_updated .ourStoryTeamPhoto{
    margin-top: 150px;
}
/*.team_marie:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 50%;
    left: 49%;
}

.team_gayle:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 52%;
    left: 44%;
}

.team_dominique:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 45%;
    left: 49%;
}

.team_adam:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 50%;
    left: 49%;
}

.team_simon:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 57%;
    left: 49%;
}

.team_danielle:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 57%;
    left: 49%;
}

.team_maya:after {
    content: ' ';
    background: url(https://phillipsharrod.com/wp-content/themes/phillips_harrod/assets/images/plus_ico.png);
    background-size: cover;
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 53%;
    left: 49%;
}*/
.team_memberp {
cursor:url(https://phillipsharrod.com/wp-content/uploads/2023/08/hover-e1691001848681.png), auto;
}
.hidebio{
    display: none;
}
.list-style.style-1 figure img{    
    margin-bottom: 0;
}
.brief_info{
    padding-top: 30px;
}
@media only screen and (max-width: 768px) {

.ourStoryTeamMembers{
    display: block !important;
}
}
@media only screen and (max-width: 580px) {

.ourStoryHead {
    margin-bottom: 0;
}
.testiCircle1{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
}
.testiCircle2{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
}
.testiCircle3{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
}
.teamBio {
    display: none !important;
}
.page-template-testimonials-cilrcle .ourStoryHead {
    margin-bottom: 50px;
}
.ourStoryTeamPhoto{
    display: none;
}
}






/* =================================
   PROPERTY CAROUSEL
================================= */

.ph-property-section {
    width: 100%;
    padding: 100px 0 15px 0;
    background: #ffffff;
    overflow: hidden;
    font-family: Lato, sans-serif;
}

.ph-property-container {
    width: min(1320px, calc(100% - 60px));
    margin: 0 auto;
}


/* =================================
   HEADER
================================= */

.ph-property-header {
    text-align: center;
    margin-bottom: 45px;
}

.ph-property-header h2 {
    margin: 0;
    color: #253164;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 5px;
}

.ph-property-header p {
    margin: 12px 0 0;
    color: #7d7c7d;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 4px;
}


/* =================================
   CAROUSEL
================================= */

.ph-property-carousel {
    position: relative;
    width: 100%;
}

.ph-property-viewport {
    width: 100%;
    overflow: hidden;
}

.ph-property-track {
    display: flex;
    gap: 28px;
    transition: transform 0.65s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}


/* =================================
   PROPERTY CARD
================================= */

.ph-property-card {
    flex: 0 0 calc((100% - 56px) / 3);
    min-width: 0;
    background: #ffffff;
    text-align: center;
	
}


/* =================================
   IMAGE
================================= */

.ph-property-image {
    width: 100%;
/*     height: 360px; */
/*     background: #f5f5f5; */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ph-property-image img {
    display: block;
    width: 100%;
    height: 100%;
    
    /*
       contain ensures the complete image
       is visible without cropping.
    */
    object-fit: contain;

    transition: transform 0.5s ease;
}

.ph-property-card:hover .ph-property-image img {
    transform: scale(1.035);
}


/* =================================
   CONTENT
================================= */

.ph-property-content {
    padding: 22px 10px 0;
}

.ph-property-content h3 {
    margin: 0;
    color: #253164;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ph-property-price {
    margin-top: 9px;
    color: #7d7c7d;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.PropertyCarouselDescription .content_let_sold_txt h3 {
    margin-bottom: 0;
}

/* =================================
   BUTTON
================================= */

.ph-property-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 145px;
    height: 42px;

    margin-top: 18px;
    padding: 0 22px;

    background: #253164;
    border: 1px solid #253164;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.ph-property-button:hover {
    background: transparent;
    color: #253164 !important;
    transform: translateY(-2px);
}


/* =================================
   ARROWS
================================= */

.ph-carousel-arrow {
    position: absolute;
    top: 125px;
    z-index: 10;

    width: 44px;
    height: 44px;

    border: 1px solid #253164;
    border-radius: 50%;

    background: #ffffff;
    color: #253164;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        opacity 0.3s ease;
}

.ph-carousel-arrow span {
    font-size: 18px;
    line-height: 1;
}

.ph-carousel-arrow:hover {
    background: #253164;
    color: #ffffff;
    transform: scale(1.08);
}

.ph-prev {
    left: -22px;
}

.ph-next {
    right: -22px;
}

.ph-carousel-arrow:disabled {
    opacity: 0.35;
    cursor: default;
}

.ph-carousel-arrow:disabled:hover {
    background: #ffffff;
    color: #253164;
    transform: none;
}


/* =================================
   DOTS
================================= */

.ph-carousel-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 38px;
}

.ph-carousel-dot {
    width: 7px;
    height: 7px;
    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #c9c9c9;

    cursor: pointer;

    transition:
        width 0.3s ease,
        background 0.3s ease;
}

.ph-carousel-dot.active {
    width: 24px;
    border-radius: 10px;
    background: #253164;
}


/* =================================
   TABLET
================================= */

@media (max-width: 1024px) {

    .ph-property-container {
        width: min(900px, calc(100% - 50px));
    }

    .ph-property-card {
        flex: 0 0 calc((100% - 28px) / 2);
    }

    .ph-property-image {
        height: 330px;
    }

    .ph-property-header h2 {
        font-size: 26px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

    .ph-property-section {
        padding: 55px 0;
    }

    .ph-property-container {
        width: calc(100% - 40px);
    }

    .ph-property-header {
        margin-bottom: 30px;
    }

    .ph-property-header h2 {
        font-size: 21px;
        letter-spacing: 3px;
    }

    .ph-property-header p {
        font-size: 10px;
        letter-spacing: 3px;
    }

    .ph-property-track {
        gap: 0;
    }

    .ph-property-card {
        flex: 0 0 100%;
    }

    .ph-property-image {
        height: 300px;
    }

    .ph-property-content {
        padding-top: 20px;
    }

    .ph-property-content h3 {
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    .ph-property-price {
        font-size: 13px;
    }

    .ph-property-button {
        min-width: 140px;
        height: 40px;
        font-size: 10px;
    }

    .ph-carousel-arrow {
        top: 125px;
        width: 38px;
        height: 38px;
    }

    .ph-carousel-arrow span {
        font-size: 15px;
    }

    .ph-prev {
        left: -10px;
    }

    .ph-next {
        right: -10px;
    }

}


/* =================================
   SMALL MOBILE
================================= */

@media (max-width: 480px) {

    .ph-property-container {
        width: calc(100% - 30px);
    }

    .ph-property-image {
        height: 270px;
    }

    .ph-carousel-arrow {
        top: 115px;
    }

}


/* =========================================
   LONDON LOCALLY KNOWN - AREA CAROUSEL
   UPDATED DESIGN
   UNIQUE NAMESPACE: ph-area-
========================================= */


/* =========================================
   MAIN SECTION
========================================= */

.ph-area-section {
    width: 100%;
    background: #fafafa;
    overflow: hidden;
    font-family: Lato, Arial, sans-serif;
}


/* =========================================
   CAROUSEL
========================================= */

.ph-area-carousel {
    position: relative;
    width: 100%;
}


/* =========================================
   VIEWPORT
========================================= */

.ph-area-viewport {
    width: 100%;
    overflow: hidden;
}


/* =========================================
   TRACK
========================================= */

.ph-area-track {
    display: flex;
    gap: 4px;

    transition:
        transform 0.65s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


/* =========================================
   CARD
========================================= */

.ph-area-card {
    flex: 0 0 calc(25% - 3px);

    min-width: 0;

    position: relative;

    overflow: hidden;

    border: 0;
}


/* =========================================
   IMAGE
========================================= */

.ph-area-image {
    position: relative;

    width: 100%;
    height: 400px;

    overflow: hidden;

    background: #e8e8e8;
}


.ph-area-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:
        transform 0.7s ease;
}


/* =========================================
   IMAGE HOVER
========================================= */

.ph-area-card:hover .ph-area-image img {
    transform: scale(1.04);
}


/* =========================================
   DARK OVERLAY
========================================= */

.ph-area-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.00) 20%,
            rgba(0, 0, 0, 0.05) 40%,
            rgba(0, 0, 0, 0.18) 55%,
            rgba(0, 0, 0, 0.75) 100%
        );

    z-index: 1;

    pointer-events: none;
}


/* =========================================
   CARD CONTENT
========================================= */

.ph-area-card-content {
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 15px;

    z-index: 2;

    text-align: left;

    color: #ffffff;
}


/* =========================================
   AREA TITLE
========================================= */

.ph-area-card-content h3 {
    margin: 0 0 7px;

    color: #ffffff;

    font-family:
        lato,
        "Times New Roman",
        serif;

    font-size: 21px;

    line-height: 1.2;

    font-weight: 400;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.45);
}


/* =========================================
   GOLD LINE
========================================= */

.ph-area-card-line {
    display: block;

    width: 28px;
    height: 2px;

    margin: 0 0 8px;

    background: #253164;
}


/* =========================================
   AREA DESCRIPTION
========================================= */

.ph-area-card-content p {
    margin: 0;

    color: #ffffff;

    font-family:
        Lato,
        Arial,
        sans-serif;

    font-size: 14px;

    line-height: 1.4;

    font-style: normal;

    font-weight: 400;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.45);
}


/* =========================================
   CARD ARROW
========================================= */

.ph-area-card::after {
    content: "→";

    position: absolute;

    right: 30px;
    bottom: 13px;

    z-index: 3;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 25px;

    font-weight: 300;

    line-height: 1;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


.ph-area-card:hover::after {
    transform: translateX(5px);

    color: #253164;
}


/* =========================================
   CAROUSEL ARROWS
========================================= */

.ph-area-carousel-arrow {
    position: absolute;

    top: 50%;

    z-index: 10;

    width: 44px;
    height: 44px;

    margin-top: -22px;

    padding: 0;

    border: 1px solid #253164;

    border-radius: 50%;

    background: #ffffff;

    color: #253164;

    display: flex;

    align-items: center;
    justify-content: center;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        opacity 0.3s ease;
}


/* =========================================
   ARROW ICON
========================================= */

.ph-area-carousel-arrow span {
    display: block;

    font-size: 18px;

    line-height: 1;
}


/* =========================================
   ARROW HOVER
========================================= */

.ph-area-carousel-arrow:hover {
    background: #253164;

    color: #ffffff;

    transform: scale(1.08);
}


/* =========================================
   PREVIOUS BUTTON
========================================= */

.ph-area-prev {
    left: 18px;
}


/* =========================================
   NEXT BUTTON
========================================= */

.ph-area-next {
    right: 37px;
}


/* =========================================
   INFORMATION AREA
========================================= */

.ph-area-info {
    width: 100%;

    background: #fafafa !important;

    text-align: center;
}


/* =========================================
   INFORMATION INNER
========================================= */

.ph-area-info-inner {
    padding: 40px 20px 52px;
}


/* =========================================
   MAIN HEADING
========================================= */

.ph-area-info h2 {
    margin: 0;

    color: #253164;

    font-family:
        Lato,
        Arial,
        sans-serif;

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: 6px;

    text-transform: uppercase;
}


/* =========================================
   DESCRIPTION
========================================= */

.ph-area-info p {
    margin: 19px auto 25px;

    max-width: 720px;

    color: #777777;

    font-size: 16px;

    line-height: 1.6;

    font-weight: 400;
}


/* =========================================
   EXPLORE BUTTON
========================================= */

.ph-area-guide-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    min-width: 225px;

    height: 38px;

    padding: 0 25px;

    background: #253164;

    border: 1px solid #253164;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 2px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


/* =========================================
   BUTTON HOVER
========================================= */

.ph-area-guide-button:hover {
    background: transparent;

    color: #253164 !important;

    transform: translateY(-2px);
}


/* =========================================
   BUTTON ARROW
========================================= */

.ph-area-button-arrow {
    font-size: 16px;

    line-height: 1;

    font-weight: 400;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .ph-area-card {
        flex: 0 0 calc(50% - 2px);
    }


    .ph-area-image {
        height: 400px;
    }


    .ph-area-card-content {
        left: 18px;

        right: 18px;

        bottom: 17px;
    }


    .ph-area-card-content h3 {
        font-size: 20px;
    }


    .ph-area-card-content p {
        font-size: 14px;
    }


    .ph-area-info h2 {
        font-size: 25px;

        letter-spacing: 4px;
    }


    .ph-area-carousel-arrow {
        width: 42px;

        height: 42px;

        margin-top: -21px;
    }


    .ph-area-prev {
        left: 12px;
    }


    .ph-area-next {
        right: 12px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .ph-area-track {
        gap: 0;
    }


    .ph-area-card {
        flex: 0 0 100%;
    }


    .ph-area-image {
        height: 430px;
    }


    .ph-area-card-content {
        left: 18px;

        right: 18px;

        bottom: 20px;
    }


    .ph-area-card-content h3 {
        font-size: 20px;

        letter-spacing: 1.5px;
    }


    .ph-area-card-content p {
        font-size: 14px;
    }


    .ph-area-card::after {
        right: 18px;

        bottom: 17px;

        font-size: 24px;
    }


    /* -------------------------------------
       MOBILE CAROUSEL ARROWS
    ------------------------------------- */

    .ph-area-carousel-arrow {
        width: 38px;

        height: 38px;

        margin-top: -19px;
    }


    .ph-area-carousel-arrow span {
        font-size: 15px;
    }


    .ph-area-prev {
        left: 10px;
    }


    .ph-area-next {
        right: 10px;
    }


    /* -------------------------------------
       INFORMATION
    ------------------------------------- */

    .ph-area-info-inner {
        padding: 35px 20px 45px;
    }


    .ph-area-info h2 {
        font-size: 22px;

        letter-spacing: 3px;

        line-height: 1.3;
    }


    .ph-area-info p {
        margin-top: 16px;

        font-size: 13px;

        line-height: 1.6;
    }


    .ph-area-desktop-break {
        display: none;
    }


    /* -------------------------------------
       BUTTON
    ------------------------------------- */

    .ph-area-guide-button {
        width: 100%;

        max-width: 325px;

        height: 48px;

        padding: 0 18px;

        font-size: 9px;

        letter-spacing: 1.8px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .ph-area-image {
        height: 390px;
    }


    .ph-area-card-content h3 {
        font-size: 18px;
    }


    .ph-area-card-content p {
        font-size: 13px;
    }


    .ph-area-info h2 {
        font-size: 19px;

        letter-spacing: 2.5px;
    }


    .ph-area-info p {
        font-size: 12px;
    }


    .ph-area-guide-button {
        max-width: 325px;
    }


    .ph-area-carousel-arrow {
        width: 36px;

        height: 36px;

        margin-top: -18px;
    }


    .ph-area-carousel-arrow span {
        font-size: 14px;
    }


    .ph-area-prev {
        left: 8px;
    }


    .ph-area-next {
        right: 8px;
    }

}