/** Common **/
html,
body {
	color: #484848;
	font-family: 'Roboto', sans-serif;
	}
html {
	background-color: whitesmoke;
}

body { 
	max-width: 2000px;
	margin: 0 auto;
	background-color: white;
	-webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.2); 
}
h1, h2, h3, h4, h5 {
	color: #441569;
	font-weight: 300;
	line-height: 1.2;
	margin: 1rem 0;
}
p {
	font-weight: normal;
	margin: 1rem 0;
	}
a { 
	color: #60C2B1;
	}
/*ul,
ol { margin: 1em 0; }*/
.row { margin: 0 auto; max-width: 950px; padding: 0 30px; }
.row--wide { max-width: none; }
.text--center { text-align: center; }
.text--tertiary { color: #60C2B1; }
.text--large { font-size: 1.6em; }
.inner-padding { padding-bottom: 10%; padding-top: 10%; }
.inner-padding--small { padding-bottom: 5%; padding-top: 5%; }
.inner-padding--large { padding-bottom: 15%; padding-top: 15%; }
.inner-margin { margin-bottom: 10%; margin-top: 10%; }
.inner-margin--top { margin-top: 10%; }
.inner-margin--small { margin-bottom: 5%; margin-top: 5%; }
.inner-margin--large { margin-bottom: 15%; margin-top: 15%; }
.section-gap { margin-bottom: 12px; margin-top: 12px; }
.background--offwhite { background-color: #e9e9e9; }
.background--dark { background-color: #1C1C1C; color: white; }
.background--primary { background-color: #0B004A; color: white; }
.background--primary-image-01 { 
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	color: white;
}
.background--secondary { background-color: #441569; color: white; }
.background--secondary-image-01 { 
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	color: white;
}
.background--tertiary { background-color: #60C2B1; color: #414a48; }
.background--tertiary-image-01 {
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	color: #414a48;
}
.background--tertiary a,
.background--tertiary-image-01 a { color: #441569; }
.background h1,
.background h2,
.background h3,
.background h4,
.background h5,
.background--primary h1,
.background--primary h2,
.background--primary h3,
.background--primary h4,
.background--primary h5,
.background--primary-image-01 h1,
.background--primary-image-01 h2,
.background--primary-image-01 h3,
.background--primary-image-01 h4,
.background--primary-image-01 h5,
.background--secondary h1,
.background--secondary h1,
.background--secondary h2,
.background--secondary h3,
.background--secondary h4,
.background--secondary h5,
.background--secondary-image-01 h1,
.background--secondary-image-01 h2,
.background--secondary-image-01 h3,
.background--secondary-image-01 h4,
.background--secondary-image-01 h5,
.background--tertiary h1,
.background--tertiary h2,
.background--tertiary h3,
.background--tertiary h4,
.background--tertiary h5,
.background--tertiary-image-01 h1,
.background--tertiary-image-01 h2,
.background--tertiary-image-01 h3,
.background--tertiary-image-01 h4,
.background--tertiary-image-01 h5,
.background--dark h1,
.background--dark h2,
.background--dark h3,
.background--dark h4,
.background--dark h5 {
color: inherit;
}
.background--offwhite .video__play { border-color: #484848; }
.background--hover { -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease;}
.background--hover:hover.background--tertiary { background-color: #53a597; }
.clear { clear: both; }
.button { background-color: #0b004a; border: none; border-radius: 6px; color: white !important; display: inline-block; padding: 0.4em 1em; text-align: center; text-decoration: none; font-weight: 100; cursor: pointer; }
.button--block { display: block; text-align: center; }
.button--large { font-size: 1.8rem; border-radius: 10px; }
.button--small { font-size: 0.8rem; border-radius: 5px; }
.button--white { background-color: white; color: #441569 !important; }
.button--tertiary { background-color: #60C2B1; }
.button--danger { background-color: darkred; }
.arrow { position: relative; }
.arrow::after { content: "";  position: absolute; bottom: 100%; left: 50%; width: 300px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.arrow--bottom::after { bottom: initial; top: 100%; -webkit-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); }
.arrow--left::after { bottom: initial; top: 50%; -webkit-transform: translateX(-50%) rotate(180deg); transform: translateY(-50%) rotate(-90deg); left: -114px; width: 200px; }
input { max-width: 100%; font-family: inherit; }
.video {}
.video__play { font-size: 60px; border: 3px solid white; border-radius: 50%; width: 70px !important; height: 70px; padding: 20px 16px 20px 20px; text-align: center; cursor: pointer; }
.video video { max-width: 100%; max-height: 300px; display: none; margin: 0 auto; }
.video--active .video__play { display: none; }
.video--active video { display: block; }
/** Header **/
.section-bar { border-bottom: 1px solid white; background-color: #808080; overflow: hidden; }
.section-bar__inner { margin: 0 -17px; }
.section-bar__link {opacity: .4; float: left; width: 50%; text-decoration: none; transform: skew(-34deg); }
.section-bar__link__inner { transform: skew(34deg); }
.theme--lettings .section-bar__link--lettings { opacity: 1; }
.theme--sales .section-bar__link--sales { opacity: 1; }
.top-bar {
font-size: 14px;
overflow: visible;
padding: 7px 0;
}
.top-bar_menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.top-bar_menu li {
display: inline-block;
}
.top-bar_menu li + li {
margin-left: 1em;
}
.top-bar_menu a {
color: inherit;
text-decoration: none;
}
.top-bar_menu a:hover {
text-decoration: underline;
}
.top-bar_menu--social-links {
float: left;
}
.top-bar_menu--additional-links {
float: right;
}
.top-bar_menu--additional-links i {
color: #60C2B1;
}
.top-bar__report {
margin: -10px 0 -15px;
position: relative;
top: 4px;
border-radius: 0 0 10px 10px;
}
.top-bar__report i {
color: inherit;
}
.top-bar__report a {
display: block;
padding: 10px 15px;
}
.top-bar__report a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.1);
}
.site-header {
padding: 20px 0;
overflow: auto;
border-bottom: 1px solid whitesmoke;
}
.header_logo {
float: left;
}
.header_logo img {
max-width: 384px;
}
.header_menu {
float: right;
font-weight: 300;
margin-top: 44px;
}
.header_menu .menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.header_menu .menu .menu-item {
display: inline-block;
}
.header_menu .menu .menu-item + .menu-item {
margin-left: 1em;
}
.header_menu .menu .menu-item a {
color: inherit;
position: relative;
text-decoration: none;
z-index: 2;
}
.header_menu .current-menu-item,
.header_menu .current-page-ancestor,
.header_menu .current_page_ancestor {
background-color: #0b0b4a;
border-radius: 4px;
color: white;
padding: 6px 13px;
position: relative;
}
.header_menu .current-menu-item::after,
.header_menu .current-page-ancestor::after,
.header_menu .current_page_ancestor::after {
-webkit-transform: rotate(45deg) translateX(-50%);
background-color: #0b0b4a;
bottom: -14px;
content: "";
height: 25px;
left: 50%;
position: absolute;
transform: rotate(45deg) translateX(-50%);
width: 25px;
z-index: 0;
}
.header_menu .my-account {
border-radius: 8px;
margin-bottom: -4px;
}
.header_menu .my-account a {
display: block;
padding: 6px 20px;
color: white !important;
font-weight: 600;
font-size: 14px;
}
.theme--sales .header_menu .current-menu-item,
.theme--sales .header_menu .current-page-ancestor,
.theme--sales .header_menu .current_page_ancestor,
.theme--sales .header_menu .current-menu-item::after,
.theme--sales .header_menu .current-page-ancestor::after,
.theme--sales .header_menu .current_page_ancestor::after {
background-color: #441569;
}
.header_menu .sub-menu {
display: none;
}
.header_submenu {
margin-top: -21px;
padding: 1em 0;
background-color: #efefef;
overflow: auto;
color: #0b004a;
font-weight: 100;
font-size: 14px;
line-height: 2;
}
.header_submenu ul {
list-style-type: none;
margin: 0px;
padding: 0;
float: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 84px;
}
.header_submenu--lettings-about-us ul { margin-right: 590px; }
.header_submenu--landlords ul { margin-right: 530px; }
.header_submenu--tenants ul { margin-right: 125px; }
.header_submenu--prospective-tenants ul { margin-right: 432px; }
.header_submenu--current-tenants ul { margin-right: 260px; }
.header_submenu--about-us ul { margin-right: 350px; }
.header_submenu--buying ul { margin-right: 256px; }
.header_submenu--selling ul { margin-right: 180px; }
.header_submenu--news ul { margin-right: 236px; }
.header_submenu ul li.active {
font-weight: bold;
}
.header_submenu ul li a {
color: inherit;
text-decoration: none;
margin-right: 1em;
}
/** Mobile Header **/
.mobile-header {
display: none;
overflow: auto;
padding: 12px 0;
}
.mobile-header__logo {
float: left;
max-width: 256px;
}
.mobile-header__logo img {}
.mobile-header__button {
float: right;
line-height: 0;
font-size: 30px;
margin: 12px 0;
cursor: pointer;
}
.mobile-header__button i {}
.mobile-menu {
display: none;
position: fixed;
top: 0;
left: 100%;
z-index: 100;
width: 100%;
height: 100%;
overflow: auto;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.mobile-menu--active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.mobile-menu .menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.mobile-menu .menu-item {}
.mobile-menu .menu-item a {
display: block;
padding: 0.4em 1em;
text-decoration: none;
border-bottom: 1px solid #6b3794;
color: inherit;
}
.mobile-menu .sub-menu {}
.mobile-menu .sub-menu .menu-item {}
.mobile-menu .sub-menu .menu-item a {}
.mobile-menu__close {
padding: 0.6em;
border-bottom: 1px solid white;
cursor: pointer;
}
/** Footer **/
.site-footer { padding: 3em 0; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.site-footer .row,
.footer_legal .row { max-width: 1400px; }
.site-footer ul { padding: 0; list-style-type: none; }
.site-footer__column-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }
.site-footer__column { width: 25%; }
.site-footer__column--column-4 { text-align: right; }
.site-footer__contact i { color: #60C2B1; margin-right: 0.6em; }
.site-footer__social { font-size: 24px; margin-top: 1.4em; }
.site-footer__social li { display: inline-block; margin-left: 0.6em; }
.footer_legal { background-color: #343434; color: white; font-size: 13px; padding: 10px 0; text-align: right; }
.footer_legal ul { line-height: 1; list-style-type: none; margin: 0; padding: 0; }
.footer_legal ul li { display: inline-block; }
.footer_legal ul li + li { border-left: 2px solid white; margin-left: 0.6em; padding-left: 0.6em; }
.footer_legal a { color: #60C2B1; text-decoration: none; }
/** Page > Lettings > Landlords **/
.page-id-48 {}
.landlords__packages-container .panel-grid-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.landlords__packages-container .so-panel { width: 48%; }
.landlords__package { padding: 15% 10%; height: 100%; text-align: center; }
.landlords__package .textwidget div { text-align: center; }
/** Page > Landlords **/
.landlord-news { margin: 1em 0; }
.landlord-news__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.landlord-news__column { width: 31%; padding: 3%; }
.landlord-news__column__inner { overflow: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.landlord-news__divider { border-left: 1px solid grey; }
.landlord-news__title { margin: 0; }
.landlord-news__date { margin: 0.5em 0; color: #60c2b1; font-size: 0.8em; }
.landlord-news__text { margin: 0; font-size: 0.8em; }
.landlord-news form { font-size: 14px; text-align: center; }
.landlord-news form input[type="email"] { font-size: 14px; font-family: inherit; text-align: inherit; }
/** Page > Selling **/
.selling__myval {}
.selling__myval iframe { border: 0; width: 100%; height: 800px; }
/** Page > Why Let With Us **/
.why-let-with-us__links .so-panel { display: inline-block; width: 230px; margin: 2rem; vertical-align: middle; }
/** Posts > News Archive **/
article.post { margin: 2em 0; }
article.post .entry-image { line-height: 0; }
article.post .entry-image img {}
article.post .entry-details { padding: 2% 5%; overflow: auto; }
.nav-links {}
.nav-links a { text-decoration: none; color: inherit; display: block; padding: 10px 20px; }
.nav-previous, .nav-next {background-color: #5cc3b1;width: 48% !important;color: white;}
/** Page > Contact **/
.contact__details h2 { font-weight: normal; margin: 0; }
.contact__details h2 + p { margin-top: 0; }
.contact__details i { color: #60C2B1; margin-right: 4px; }
.contact__opening-times { padding: 1em 3em; }
.contact__contact-form { padding: 3% 10%; margin-bottom: -20%; }
.contact__contact-form__left { float: left; width: 47%; }
.contact__contact-form__right { float: right; width: 47%; }
.contact__contact-form form { text-align: left; }
.contact__contact-form form label {}
.contact__contact-form form input[type="text"],
.contact__contact-form form input[type="email"],
.contact__contact-form form textarea { width: 100%; }
.contact__contact-form form textarea { height: 6.5em; }
.contact__map { line-height: 0; }
/** Page > News **/
.news-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.news-container article.post { width: 48%; background-color: whitesmoke; }
.news-container article.post .entry-meta,
.news-container article.post .entry-footer { display: none; }
/** Page > News > Archive **/
.blog .post-container { display: flex; flex-flow: wrap; justify-content: space-between; }
.blog article.post { background-color: whitesmoke; width: 48%; }
/** Page > Search **/
.search article { background-color: whitesmoke; padding: 1em 2em; margin: 2em 0; border-left: 6px solid #4e256c; }
/** Posts > Single **/
.single article.post .entry-details { padding: 0; }
/** Template > Landing Page **/
.landing-page-top {
	background-position: 50% 50%;
	background-size: cover;
	height: 70vh;
	overflow: hidden;
	position: relative;
	}
.landing-page-top a { color: inherit; text-decoration: none; }
.landing-page-top_inner { -webkit-transform: translateY(-50%); position: relative; top: 50%; transform: translateY(-50%); z-index: 1; }
.landing-page-top_column-container { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.landing-page-top_column { position: relative; width: 33.3333%; }
.landing-page-top_column img { padding-right: 15%; }
.landing-page-top_column--column-1 {a
width: 50%;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
.landing-page-top_column--column-2 {
width: 25%;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.landing-page-top_column--column-3 {
width: 25%;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.landing-page-top_overlay {
background-color: rgba(255, 255, 255, 0.8);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.landing-page-top_column_link {
color: white;
display: block;
position: relative;
z-index: 1;
}
.landing-page-top_column_link h1 {
color: white;
position: relative;
z-index: 1;
}
.landing-page-top_column-stripe {
-webkit-transform: translateY(-50%) translateX(-50%) rotate(34deg);
-webkit-transition: background-color 500ms ease;
background-color: rgba(0, 0, 0, 0.2);
height: 200vh;
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%) rotate(34deg);
transition: background-color 500ms ease;
width: 83.1%;
z-index: 0;
}
.landing-page-top_column-stripe--letting { background-color: rgba(11, 0, 74, 0.8); }
.landing-page-top_column-stripe--sale { background-color: rgba(68, 21, 105, 0.8); }
.landing-page-top_column_link:hover .landing-page-top_column-stripe--letting { background-color: rgba(11, 0, 74, 1); }
.landing-page-top_column_link:hover .landing-page-top_column-stripe--sale { background-color: rgba(68, 21, 105, 1); }
.landing-page-bottom { display: -ms-flexbox; display: -webkit-box; display: flex; height: 30vh; -ms-flex-flow: wrap; flex-flow: wrap; }
.landing-page-bottom_column { padding: 1em 2em; text-decoration: none; }
.landing-page-bottom_column_inner { -webkit-transform: translateY(-50%); overflow: auto; position: relative; top: 50%; transform: translateY(-50%); }
.landing-page-bottom_column--column-1 { width: 17%; }
.landing-page-bottom_column--column-2 { width: 17%; }
.landing-page-bottom_column--column-3 { width: 38%; }
.landing-page-bottom_column--column-4 { width: 28%; }
.landing-page-bottom_column--column-1,
.landing-page-bottom_column--column-2 { line-height: 1.2; }
.landing-page-bottom__icon { display: inline-block; font-size: 40px; }
.landing-page__logos { text-align: center; }
.landing-page__logos img { margin: 20px; max-width: 180px; width: auto; display: inline-block; vertical-align: middle; max-height: 64px; }
/** Template > Introduction **/
.introduction_search {
	background-position: 50% 50%; 
	background-size: cover;
}
.introduction_content { position: relative; }
.introduction_content_text { width: 65%; }
.introduction_content_cta { color: white; font-size: 36px; height: 100%; position: absolute; right: 0; text-decoration: none; top: 0; width: 33.3333%; }
.introduction_content_cta_inner { -webkit-transform: translateY(-50%); line-height: 1.2; position: relative; top: 50%; transform: translateY(-50%); }
.introduction_content_cta_bottom-text { font-size: 20px; }
.introduction_content_cta form {font-size: 16px;max-width: 350px;margin: 0 auto;text-align: center;}
.introduction_content_cta form input[type="email"] {width: 100%;font-size: 0.9em;padding: 6px 10px;border: 0;text-align: inherit;font-family: inherit;}
.featured-property {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.featured-property__column {
padding: 2%;
width: 33.3333%;
}
.featured-property__column--title {
font-size: 28px;
line-height: 1.4;
text-align: center;
}
.featured-property__column--title i {
font-size: 2em;
}
.featured-property__column--title__inner {
-webkit-transform: translateY(-50%);
position: relative;
top: 50%;
transform: translateY(-50%);
}
.featured-property__column--details {
background-color: #060029;
}
.featured-property__features {
list-style-type: none;
margin: 0;
padding: 0;
}
.featured-property__features li {
display: inline-block;
}
.featured-property__features li + li {
margin-left: 1em;
}
.featured-property__column--image {
overflow: hidden;
position: relative;
}
.featured-property__column--image img {
-webkit-transform: translateX(-50%) translateY(-50%);
height: auto;
left: 50%;
max-height: 200%;
max-width: 200%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
}
/** Shortcode - Testimonials **/
#testimonial-slider { position: relative; }
.testimonial-slider__text { font-style: italic; }
.testimonial-slider__name {}
.testimonial-slider__slide { padding: 0 4em; box-sizing: border-box; }
#testimonial-slider .swiper-container { margin: 0 auto; max-width: 1000px; padding: 0 60px; }
#testimonial-slider .swiper-button-next,
#testimonial-slider .swiper-button-prev { background: none; font-size: 28px; height: auto; line-height: 0; top: 50%; width: auto; }
#testimonial-slider .swiper-button-next { right: 35px; }
#testimonial-slider .swiper-button-prev { left: 35px; }
#testimonial-slider .swiper-pagination { position: static; }
#testimonial-slider .swiper-pagination-bullet { margin: 0 2px; }
#testimonial-slider .swiper-pagination-bullet-active { background-color: #0B004A; }
/** Shortcode > Meet The Team **/
.meet-the-team {}
.meet-the-team__container {
-ms-flex-flow: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.meet-the-team__member {
margin: 1em 0;
width: 48%;
}
.meet-the-team__member__image {
line-height: 0;
position: relative;
padding-top: 100%;
}
.meet-the-team__member__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.meet-the-team__member__details {
padding: 0.5em 1em;
}
.meet-the-team__member__name {
margin: 0.5em 0 0;
}
.meet-the-team__member__position {
font-weight: bold;
margin: 0 0 0.5em;
color: #60c2b1;
font-size: 14px;
}
.meet-the-team__member__email {
color: #5fc2b1;
margin: 0.5em 0;
}
.meet-the-team__member__bio {
font-size: 14px;
}
.meet-the-team__member__bio p {
margin: 1em 0;
}
/** Shortcode > Our History **/
.our-history__period {
overflow: hidden;
}
.our-history__period .row {
position: relative;
padding-left: 60px;
}
.our-history__period--odd {
padding: 1em 0;
}
.our-history__period--even {
background-color: whitesmoke;
padding: 1em 0;
}
.our-history__period h2 {
position: relative;
}
.our-history__period h2::after {
background-color: #0b004a;
border-radius: 100%;
content: "";
height: 20px;
left: -39px;
position: absolute;
top: 4px;
width: 20px;
}
.our-history__period .row::after {
background-color: #0b004a;
content: "";
height: 200%;
left: 30px;
position: absolute;
top: -50%;
width: 2px;
}
.our-history__period:first-of-type .row:after {
top: 10px;
}
.our-history__period:last-of-type .row:after {
height: 100px;
top: -90px;
}
/** Page > Book a valuation **/
.book-a-valuation__form form { background-color: rgba(255,255,255,0.5); padding: 5% 10%; border-radius: 6px; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1); }
/** Part > Lettings Footer **/
.lettings-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }
.lettings-footer a { text-decoration: none; }
.lettings-footer__icon { display: block; font-size: 40px; line-height: 1.4; margin: 0 auto 1rem; }
.lettings-footer__column { overflow: visible; padding: 3% 4.5%; width: 25%; }
.lettings-footer__column:nth-child(2) .animate { -webkit-transition-delay: 250ms; transition-delay: 250ms; }
.lettings-footer__column:nth-child(3) .animate { -webkit-transition-delay: 500ms; transition-delay: 500ms; }
.lettings-footer__column:nth-child(4) .animate { -webkit-transition-delay: 750ms; transition-delay: 750ms; }
.lettings-footer__column__inner { -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; position: relative; top: 50%; }
/** Part > Tenants Footer **/
.tenants-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }
.tenants-footer a { text-decoration: none; }
.tenants-footer__column { padding: 3% 4.5%; width: 25%; }
.tenants-footer__column:nth-child(2) .animate { -webkit-transition-delay: 250ms; transition-delay: 250ms; }
.tenants-footer__column:nth-child(3) .animate {-webkit-transition-delay: 500ms; transition-delay: 500ms; }
.tenants-footer__column:nth-child(4) .animate { -webkit-transition-delay: 750ms; transition-delay: 750ms; }
.tenants-footer__column__inner { -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; position: relative; top: 50%; }
.tenants-footer__icon { display: inline-block; font-size: 40px; line-height: 1.4; }
/** Parts > Tenants CTA **/
.tenants-cta a { text-decoration: none; color: inherit; }
.tenants-cta__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }
.tenants-cta__column { width: 25%; padding: 2%; }
.tenants-cta__column__inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: auto; }
.tenants-cta__icon { font-size: 60px; }
/** Part > Sales Footer **/
.sales-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }
.sales-footer a { text-decoration: none; }
.sales-footer__column { overflow: visible; padding: 3% 4.5%; width: 25%; }
.sales-footer__column__inner { -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; position: relative; top: 50%; }
.sales-footer__icon { display: inline-block; font-size: 40px; line-height: 1.4; }
/** Part > Property Search Form **/
.search-form {}
.search-form__navigation { text-align: center; }
.search-form__navigation__tab { display: inline-block; padding: 0.5em 2em; border-radius: 5px 5px 0 0; margin: 0 0.1em; font-size: 1.2em; }
.search-form__navigation__tab--active { opacity: 1; color: white; }
.search-form__form { padding: 2em 5em; border-radius: 5px; }
.search-form__form--active { display: block; }
.form_input-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 1em 0; }
.form_input-container .form_input { width: 30%; }
.form_input label { display: block; margin-bottom: 0.4em; }
.form_input input,
.form_input select,
.form_input option {
padding: 0.3em 1em;
font-family: inherit;
border: 0;
background: white;
border-radius: 3px;
width: 100%;
margin: 0 auto;
max-width: 400px;
display: block;
}
/** Partial > Compact Content **/
.compact-content { display: -webkit-box; display: -ms-flexbox; display: flex; }
.compact-content__main { width: 40%; max-width: 500px; }
.compact-content__sub { width: 60%; }
.compact-content__title { padding: 10px 30px; border: 2px solid white; border-width: 1px 0; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; cursor: pointer; position: relative; }
.compact-content__arrow { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.compact-content__content { display: none; padding: 30px 50px; }
.compact-content__title--active { background-color: #5cc3b1; }
.compact-content__title--active i { display: none; }
.compact-content__content--active { display: block; }
/** Partial > Sold Properties **/
.sold-properties {}
.sold-property__property { margin: 2em 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.sold-property__property__image { width: 50%; position: relative; overflow: hidden; }
.sold-property__property__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.sold-property__property__image__container {}
.sold-property__property__details { padding: 6% 4%; width: 50%; }
.sold-property__property__title {}
.sold-property__property__attributes { margin: 1em 0; padding: 0; list-style-type: none; }
.sold-property__property__attributes li { display: inline-block; margin-right: 1em; }
.sold-property__property__description {}
/** Partial > Mortgage Calculator **/
.mortgage-calculator {}
.mortgage-calculator__form { background-color: rgba(0, 0, 0, 0.4); padding: 2% 10%; margin: 1.4em 0 1em; }
.mortgage-calculator__form__left { float: left; width: 48%; }
.mortgage-calculator__form__right { float: right; width: 48%; }
.mortgage-calculator__form__input { margin: 1em 0; }
.mortgage-calculator__form__input label { display: block; margin-bottom: 2px; }
.mortgage-calculator__form__input input,
.mortgage-calculator__form__input option,
.mortgage-calculator__form__input select { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0.4em 1em; font-family: inherit; border-radius: 3px; }
.mortgage-calculator__form__output { font-size: 2em; }
.mortgage-calculator__terms { opacity: 0.4; font-size: 0.8em; }
.mortgage-calculator__terms p {}
/** Part > Best Of Both Diagram */
.best-of-both { display: flex; align-items: center; justify-content: center; }
.best-of-both__image { padding: 18% 0; overflow: hidden; position: relative; }
.best-of-both img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.best-of-both ul { list-style-type: none; margin: 1em 0; padding: 0; }
.best-of-both ul li { margin: 0; padding: 0; }
.best-of-both__left,
.best-of-both__right { z-index: 1; padding: 1em; width: 30%; }
.best-of-both__left { margin-right: -8%; }
.best-of-both__middle { width: 50%; }
.best-of-both__middle__inner { background-color: rgba(0,0,0,0.2); overflow: auto; padding: 10% 20%; }
.best-of-both__right { margin-left: -8%; }
/** Part > Our Coverage **/
.our-coverage {}
.our-coverage__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.our-coverage__area { width: 30%; margin: 1em 0; cursor: pointer; }
.our-coverage__area__image { line-height: 0; }
.our-coverage__area__image img {}
.our-coverage__area__name {}
.our-coverage__area__panel { display: none; z-index: 2; cursor: initial; }
.our-coverage__area__panel__close-button { cursor: pointer; font-size: 1.4em; top: 30px; right: 30px; position: absolute; }
.our-coverage__area--active .our-coverage__area__panel { display: block; padding: 20px 0; position: absolute; width: 100%; left: 0; z-index: 3; border: 1px solid white; border-width: 1px 0; }
/** Part > Savings Calculator **/
.savings-calculator { border: 2px solid #441569; border-radius: 4px; display: flex; }
.savings-calculator__left,
.savings-calculator__right { padding: 3%; width: 50%; }
.savings-calculator__right { background-color: white; border-radius: 2px; color: #441569; }
.savings-calculator__input { font-family: inherit; padding: 0.2em 0.6em !important; text-align: center; font-size: 1.2em; width: 100%; }
.savings-calculator__range { vertical-align: middle; }
.savings-calculator__range-value { vertical-align: middle; margin-left: 1em; }
.savings-calculator__terms { font-size: 12px; }
/** Partial > Properties **/
.properties { }
.properties__result-count { background-color: whitesmoke; font-weight: bold; padding: 20px 20px; border-left: 6px solid #ceebee; margin: 1rem 0; display:table; width:100%;}
.properties__container { display: flex; justify-content: space-between; flex-flow: wrap; }
.properties__item { margin: 1em 0; background-color: whitesmoke; width: 48%; }
.properties__item__image { line-height: 0; position: relative; overflow: hidden; }
.properties__item__image img { height: 300px; object-fit: cover; width: 100%; }
.properties__item__sold { position: absolute; top: 10%; right: -10%; transform: rotate(45deg); background-color: #441569; line-height: 1; text-align: center; width: 200px; padding: 10px 0 9px; color: white; }
.properties__item__sold--letting { background-color: #0b004a; }
.properties__item__details { padding: 10px 30px; }
.properties__item__title { }
.properties__item__summary { font-size: 0.9em; }
.properties__item__address { font-size: 0.9em; }
.properties__item__overview { margin: 1rem 0; padding: 0; list-style-type: none; display: flex; justify-content: space-between; }
.properties__item__overview li { background-color: rgba(0,0,0,0.05); padding: 4px 10px; width: 31%; text-align: center; border-radius: 6px; }
.properties__item__distance { margin-top: -1rem; }
/** Part > Application Form **/
.form__children-container__close { cursor: pointer; }
.form__children-container__close:hover { color: darkred; }
/** Property details **/
.property-details__images img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
max-width: none;
height: 100%;
width: auto;
}
.property-details__images__container { position: relative; padding: 0 60px; }
.property-details__images__wrapper {
position: relative;
padding-top: 74%;
overflow: hidden;
}
.property-details__images__container .swiper-container {}
.property-details__images__container .swiper-wrapper {
height: auto;
margin-bottom: 1em;
}
.property-details__images__container .swiper-slide {background-color: lightgrey;height: auto;}
.property-details__images__container .swiper-button-prev,
.property-details__images__container .swiper-button-next { background: none; height: auto; font-size: 44px; transform: translateY(-50%); }
.property-details__images__container .swiper-pagination {   position: static; }
.property-details__images__container .swiper-pagination-bullet { margin: 0 2px; }
.property-details__images__container .swiper-pagination-bullet-active { background: #5cc3b1; }
.property-details__overview { font-size: 1.2em; }
.property-details__overview__icon { color: rgba(0,0,0,0.4); margin-right: 0.4em; }
.property-details__overview ul { list-style-type: none; margin: 0; padding: 0; }
.property-details__overview ul li { background-color: whitesmoke; border-radius: 10px; display: inline-block; padding: 0.6em 1.2em; margin: .5em .5em; }
/** Tables **/
.table--styled { font-size: 14px; line-height: 1.4; border: 1px solid #f2f2f2; }
.table--styled tr { border: 1px solid #f2f2f2; border-width: 1px 0; }
.table--styled tr:hover { background-color: rgba(0, 0, 0, 0.05); }
.table--styled th { background-color: #e6e6e6; font-size: 1.4em; font-weight: normal; color: #0b004a; }
.table--styled td {}
.table--styled th,
.table--styled td { padding: 0.6em 1em; }
/** Forms **/
.form--styled {
background-color: whitesmoke;
padding: 1em 2em;
border-radius: 6px;
}
.form--styled label {
display: block;
font-size: 12px;
color: grey;
margin-left: 2px;
margin-bottom: 2px;
}
.form__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 1em 0;
}
.form__conditional { margin: 1rem 0; border-left: 6px solid rgba(0,0,0,0.1); padding-left: 1em; display: none; }
.form__conditional--active { display: block; }
.form__container--adult { margin: 1em 0; background-color: rgba(0,0,0,0.05); padding: 20px 30px; }
.form--styled i { font-size: 1.5em; line-height: 1.7; color: #ff8f8f; }
.form--styled input,
.form--styled select,
.form--styled option,
.form--styled textarea {
font-family: inherit;
font-size: 14px;
padding: 0.4em 1em;
display: block;
width: 100%;
border-radius: 4px;
}
.form--styled input[type="checkbox"] { display: inline-block; width: auto; }
.form__title { margin: 2em 0 1em; }
.form__input { width: 100%; }
.form__input--10 { width: 9%; }
.form__input--20 { width: 19%; }
.form__input--30 { width: 29%; }
.form__input--33 { width: 32.3333%; }
.form__input--40 { width: 39%; }
.form__input--50 { width: 49%; }
.form__divider {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin: 2em 0;
width: 100%;
}
/** Responsive **/
@media (max-width: 1200px) {
/* Header */
.site-header { text-align: center; }
.header_logo { float: none; }
.header_menu { float: none; margin-top: 1em; }
.header_submenu ul { margin: 0 auto; float: none; width: 300px; text-align: center; }    
}
@media (max-width: 1100px) {
/* Landing Page */
.landing-page-bottom { height: auto; }
.landing-page-bottom_column { width: 33.3333%; }
.landing-page-bottom_column--column-4 { width: 100%; }
/* Featured Properties */
.featured-property__column { width: 50%; }
.featured-property__column--image { width: 100%; padding: 12% 0; }
.featured-property__column--image img { max-height: none; width: 100%; }
/* Page Footers */
.tenants-cta__column,
.tenants-footer__column,
.sales-footer__column,
.landlords-footer__column,
.lettings-footer__column {
width: 50%;
min-height: 250px;
}
/* Footer */
.site-footer {
text-align: center;
}
.site-footer__column-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer__column {
width: 33.3333%;
}
.site-footer__column--column-4 {
text-align: inherit;
}
}
@media (max-width: 800px) {
/* Common */
.row {
padding: 0 5%;
}
/* Header */
.site-header {
display: none;
}
.header_submenu {
margin: 0;
padding: 0;
}
.header_submenu .row {
padding: 0;
}
.header_submenu ul {
height: auto;
display: block;
width: auto;
}
.header_submenu li {
float: left;
width: 50%;
text-align: center;
border: 1px solid white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mobile-header,
.mobile-menu {
display: block;
}
/* Landlords */
.landlords__packages-container .panel-grid-cell {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.landlords__packages-container .so-panel {
width: 100%;
margin: 1em 0;
}
.landlords__package {
padding: 5%;
}
/* Landing Page */
.landing-page-top { height: auto; }
.landing-page-top_inner { -webkit-transform: none; transform: none; }
.landing-page-top_column-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
.landing-page-top_column { width: 100%; }
.landing-page-top_column_link h1 { color: inherit; }
.landing-page-top_column-stripe { display: none; }
.landing-page-bottom_column { width: 100%; padding: 5%; }
.landing-page__logos img { max-width: 100px; }
/* Introduction */
.introduction_content_text { width: 100%; }
.introduction_content_cta { position: static; display: block; width: 100%; padding: 3%; }
.introduction_content_cta_inner { -webkit-transform: none; transform: none; position: static; }
/* Featured Properties */
.featured-property { text-align: center; }
.featured-property__column { width: 100%; background: none; }
/* Testimonial Slider */
#testimonial-slider .swiper-container { padding: 0; }
#testimonial-slider .swiper-button-next,
#testimonial-slider .swiper-button-prev { display: none; }
/* Meet The Team */
.meet-the-team__member { width: 100%; }
/* Header */
.top-bar { display: none; }
/* Footer */
.site-footer { padding: 5% 0; }
.site-footer__column { width: 100%; }
.site-footer__column img { max-width: 300px; width: 100%; }
.footer_legal { text-align: center; }
.footer_legal ul li { display: block; margin: 1em 0 !important; border: 0 !important; padding: 0 !important; }
/* Landlord News */
.landlord-news__container { display: block; }
.landlord-news__column { width: 100%; margin: 1em 0; }
.landlord-news__divider { display: none; }
.landlord-news__column__inner { position: static; -webkit-transform: none; transform: none; }
/* Search Form */
.search-form { text-align: center; }
.search-form__form { padding: 5% 8%; }
.form_input-container { display: block; margin: 0; }
.form_input-container .form_input { width: 100%; margin: 1em 0; }
/** Our Coverage **/
.our-coverage__area { width: 48%; }
/** Posts **/
.blog .post-container { display: block; }
.blog article.post { width: auto; }
/** Properties **/
.property-details__images__container { padding: 0; }
.form__input--10,
.form__input--20,
.form__input--30,
.form__input--33,
.form__input--40,
.form__input--50 { width: 100%; margin: 6px 0; }
}
@media (max-width: 500px) {
/* Page Footers */
.tenants-cta__column,
.tenants-footer__column,
.sales-footer__column,
.landlords-footer__column,
.lettings-footer__column { width: 100%; min-height: 200px; }
/** Our Coverage **/
.our-coverage__area { width: 100%; }
}