@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap");

/* Gutenberg Styles */

.is-style-custom-image img {
	border-radius: 91% 9% 89% 11% / 7% 87% 13% 93% !important;
}


/* Global styles
================================================== */

html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.body-inner {
  position: relative;
  overflow: hidden;
}

ul {
  /* list-style-position: inside; */
}

.container {

}
.home {
  margin-top: 0 !important;
}

.home {
  margin-top: 0;
}

a {
  color: var(--secondary);
  font-weight: 400;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a.read-more {
  color: #323232;
}
.fa, .fas {
  font-weight: unset !important;
}
.fas.fa-heart {
  font-weight: 900 !important;
}
section {
  position: relative;
}
.btn-gallery {
  color: var(--white);
  font-weight: 500;
}
a.btn-gallery:hover,
a.btn-gallery:focus {
  color: var(--white);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--primary);
}
.white-background {
  background-color: var(--white);
}
.grey-background {
  background-color: var(--medium-grey);
}
.pd-top {
  padding-top: 80px;
}
.pd-bottom {
  padding-bottom: 80px;
}
.narrow,
.page-content p,
.page-template p,
.single-estateagents p,
.single-job p,
.single-job-container li,
.single-developments p,
.single-projects p {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 25px;
}
.gfield_visibility_hidden {
  display: none;
}
.page-content p,
.page-template p {
  margin-bottom: 25px;
}
.local-area-full-content.local-area-full-content ul {
  padding-left: 18px;
}
.local-area p,
.single-estateagents p {
  margin: auto;
  text-align: center;
  margin-bottom: 25px;
}
.local-area-full-content h4 {
  color: var(--secondary);
  font-weight: normal;
  margin-top: 0;
}
@media(min-width:992px) {
  .local-area-full-content h4 {
      font-size: 24px;
      font-weight: normal;
      margin-bottom: 0.35rem;;
      margin-top: 2rem;
  }    
}
.local-area-full-content ul {
  padding-left: 18px;    
}
.local-area-full-content ul.arrow-right {
  padding-left: 31px;    
}
ul.arrow-right li {
  list-style: none;
}
ul.arrow-right li:before {
  font-family: 'Font Awesome 6 Pro';
  content: "\f058";
  margin: 0 12px 0 -31px;
  color: var(--primary);
  font-size: 17px;
  content: "\f0a9";
  font-weight: bold;
}
.has-text-align-center {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}

/** Padding **/
.page-inner-default-section {
  padding-top: 60px;
}
.ts-padding {
  padding: 60px 0px 60px 0px;
}
.no-padding {
  padding: 0;
}
.pd80 {
  padding-top: 40px;
}
.pd60_inside {
  padding: 40px 0px 0px 0px;
}
.pd50-home {
  padding: 70px 0px 70px 0px;
}
.no-margin {
  margin: 0px;
}
.media > .pull-left {
  margin-right: 20px;
}
.wp-block-image .alignright {
  float: right;
  margin-left: 1em;
  max-width: 50%;
  height: auto;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
.grecaptcha-badge {
  display: none;
}

.module-inactive {
  color: var(--text-light);
  margin: 40px auto;
}

/** Padding End **/

.areas-heading {
  padding-bottom: 50px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gap-60 {
  clear: both;
  height: 60px;
}
.gap-40 {
  clear: both;
  height: 40px;
}
.gap-30 {
  clear: both;
  height: 30px;
}
.gap-20 {
  clear: both;
  height: 20px;
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: 2px solid;
}

.art-cookie {
	position: fixed;
	top:0;
	height: 0px;
	display: none;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
	width: 100%;
	z-index: 99;
	background: var(--charcoal);
	visibility: hidden;
  padding: 15px;
  overflow: hidden;
}
.art-cookie.cookie-grow {
	height: 75px;
	visibility: visible;
}
.art-cookie-inner {
	display: flex;
	align-items: center;
	justify-content: center;
  transition: 0.3s;
  overflow: hidden;
}
.art-cookie p{
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 12px;
  color: white;
  line-height: 1;
}
.art-cookie a {
  color: var(--highlight);
  text-decoration: underline;
}
.art-cookie-inner .art-btn.art-cookie-button {
  all: unset;
	outline: none;
  border: none;
  background: var(--secondary);
  color: white;
  font-size: 13px;
  padding: 8px 22px;
  border-radius: var(--radius);
  cursor: pointer;
}
.art-cookie-inner .art-btn.art-cookie-button::before,
.art-cookie-inner .art-btn.art-cookie-button::after {
  content: none;
}

/* Typography
================================================== */

body, span {
  font-family: "Montserrat", sans-serif;
}

p,
li,
blockquote p {
  font-size: 17px;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 25px;
  letter-spacing: 0.75px;
  color: var(--text);
}

blockquote p {
  font-style: italic;
}

li {
  margin-bottom: 6px;
}

.pull-right {
  margin-bottom: 60px;
}

.pull-right p,
.textwidget p {
  text-align: left;
}

.widget section {
  margin-bottom: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.75px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  color: var(--titles);
  font-weight: 400;
}

h1 {
  font-size: 36px;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 30px;
}
h2 {
  font-size: 36px;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 30px;
}
h4 {
  font-size: 18px;
  line-height: 1.25;
  margin-top: 16px;
  margin-bottom: 16px;
}
h5 {
  font-size: 22px;
  line-height: 1.25;
  margin-top: 12px;
  margin-bottom: 12px;
}

.page-heading h1,
.page-heading h2 {
  margin-top: 0px;
}

.home-page h1 {
  font-size: 66px;
  line-height: 1.1;
  font-weight: 400;
  color: var(--white);
  margin: 0;
}
.areas-heading h2 {
  color: #47354f;
  text-transform: uppercase;
}
.areas-heading h3 {
  color: #47354f;
}
.areas-we-cover-image-grid,
.areas-we-cover-image-grid a {
  display: flex;
  height: 100%;
  position: relative;
}
.areas-we-cover-image-grid img {
  object-fit: cover;
  width: 100%;
  max-width: 475px;
}

.areas-h3 {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}

.areas-h3:hover {
  background: var(--primary-trans);
}

.client_logo h3 {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 40px 55px;
  width: 100%;
  text-align: right;
  background: linear-gradient(
0deg
, rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  text-transform: uppercase;
}

/**** Typography **/

.mb-30 {
  margin-bottom: 30px;
}

/** Hero-module **/
.hero-module {
  width: 100%;
  display: flex;
  height: 700px;
}
.hero-module-image {
  width: 100%;
  height: auto;
}
.hero-module-image::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.hero-module-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero-module-content {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
}
.hero-module-content h1 {
  color: var(--white);
  font-size: 66px;
  font-weight: 400;
  letter-spacing: 2.5px;
  margin: 0;
}
.hero-module-content h4 {
  font-size: 25px;
  margin-top: 18px;
  margin-bottom: 34px;
  color: var(--white);
  text-transform: capitalize;
  font-weight: 300;
}
.hero-module-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .hero-module-btn1,
.hero-module-btn2 {
  min-height: 50px;
  color: white;
  background: var(--highlight);
  display: flex;
  margin: 20px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius);
  font-weight: 600;
  letter-spacing: 1.25px;
  padding: 16px 22px;
}

.hero-module-btn1:hover,
.hero-module-btn2:hover {
  background: var(--highlight-dark);
}

.hero-module-btn1:focus,
.hero-module-btn2:focus,
.hero-module-btn1:active,
.hero-module-btn2:active {
  color: white;
} */

.hero-module a:hover {
  color: white;
}

/** content-module **/
.white-font,
.white-font p {
  color: white;
}
.content-module {
  width: 100%;
  display: flex;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.content-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-module-image {
  width: 100%;
  height: auto;
}
.content-module-image::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.content-module-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.content-module-content {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.content-module-content h1 {
  /* color: var(--white); */
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 2px;
}
.content-module-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.rep-blog-content {
  margin-bottom: 25px;
}
.single_content .content-module {
  padding: 26px;
}
.single_content .content-module h2 {
  margin-bottom: 16px;
}
.single_content .content-module-actions {
  margin-top: 40px;
}
/* .content-module-btn1,
.content-module-btn2 {
  min-height: 50px;
  color: var(--titles);
  background: var(--highlight);
  display: flex;
  margin: 20px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius);
  font-weight: 600;
  letter-spacing: 1.25px;
  padding: 16px 24px;
}

.content-module-btn1:hover,
.content-module-btn2:hover {
  background: var(--highlight-dark);
}

.content-module-btn1:focus,
.content-module-btn2:focus,
.content-module-btn1:active,
.content-module-btn2:active {
  color: white;
}

.content-module a:hover {
  color: white;
} */

/** ACF MAP Google**/
.estate-map {
  width: 60%;
  height: 250px;
  margin: 20px 0;
}

.estate-agent-map {
  width: 100%;
  height: 800px;
  margin: 0px;
}
.estate-map img {
  max-width: inherit !important;
}

.contact-us-map {
  width: 100%;
  height: 800px;
  margin: 0px;
}
.contact-us-map img {
  max-width: inherit !important;
}

/** END Carousel inside property **/

.form-center {
  margin: 0 auto;
  max-width: 40%;
}
.btn.btn-primary {
  color: #323232;
  border-radius: 50px;
  padding: 10px 30px;
  background: none;
  font-size: 18px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 20px;
}

.btn.btn-primary:hover {
  color: var(--white);
}

.btn.btn-primary.white {
  border: 2px solid var(--white);
  color: var(--white);
  margin-right: 20px;
  border-radius: var(--radius);
}

.btn.btn-primary.square {
  border-radius: var(--radius);
  color: var(--white);
}

.btn.btn-primary.solid {
  color: var(--white);
}

.btn.btn-primary.solid.blank:hover {
  color: #333;
}

.btn.btn-primary.solid:hover {
  background: none;
}

ul.circle {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.circle li {
  position: relative;
  margin-left: 30px;
  padding-bottom: 20px;
}

ul.circle li:before {
  content: "\f111";
  font-family: 'Font Awesome 6 Pro';
  font-size: 8px;
  line-height: 8px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: absolute;
  left: -33px;
  top: 5px;
}

ul.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.checklist {
  padding-left: 28px;
}
ul.checklist li {
  padding-left: 10px;
}
ul.checklist li::marker {
  content: "\f058";
  font-family: 'Font Awesome 6 Pro';
  color: var(--highlight);
}

ul.arrow li:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  margin-right: 10px;
}

/** Homepage Services **/

.services-item {
  position: relative;
  height: 450px;
  transition: background-color 1s;
  cursor: pointer;
  background-position: top;
  background-size: cover;
}
.services-item:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.services-item:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: inherit;
  content: " ";
}
.service-heading-item {

}
.service-heading-item h3 {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 40px 55px;
  width: 100%;
  text-align: right;
  background: linear-gradient(
0deg
, rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  text-transform: uppercase;
  left:0;
}

.service-block {
  text-align: center;
}
.service-block h3 {
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.service-block p {
  font-weight: 300;
  font-size: 20px;
}

/** Inner page tabs **/

.section--details .section__actions {
  position: absolute;
  left: 0;
  width: 100%;
  height: 94px;
  z-index: 20;
  background: var(--white);
  will-change: all;
  transfom: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.section ul {
  padding-left: 0;
}
.list-tools {
  padding: 20px 0 15px;
  text-align: center;
}
.list-tools li {
  display: inline-block;
  vertical-align: middle;
}
.list-tools li + li {
  margin-left: 34px;
}
.icon-details {
  width: 19px;
  height: 17px;
}
.icon-location {
  width: 18px;
  height: 25px;
}
.icon-gallery {
  width: 26px;
  height: 20px;
}
.icon-floorplan {
  width: 26px;
  height: 23px;
}
.icon-epc {
  width: 26px;
  height: 26px;
}
.icon-share {
  width: 20px;
  height: 20px;
}
.icon-print {
  width: 20px;
  height: 20px;
}

[class^="icon-"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
[class^="icon-"] svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
.list-tools span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: #6a6a6a;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

/*** Extra Content **/

#extra-content img {
  width: 100%;
  height: auto;
}

/** Image Content and Content Image Sections **/

.three-image {
  width: 100%;
}

.three-image {
  width: 100%;
  position: relative;
}

.three-image-wrapper {
  position: relative;
  width: 100%;
}
.images-card p, .images-card h3 {
  text-align: left;
}
.images-card h3 {
  margin-top: 25px;
  margin-bottom: 15px;
}
.images-card .col-md-4:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: rgba(211, 211, 211, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.images-card {
  position: relative;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: linear;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.images-overlay {
  position: relative;
  margin: 0;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: linear;
}

.images-overlay:hover {
  box-shadow: 0 0rem 1rem 0rem rgba(52, 49, 47, 0.25);
}

.images-card a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}

.images-card .images-overlay:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: var(--primary-trans);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.images-card .images-overlay:after {
  content: "+";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 45px;
  height: 45px;
  font-size: 50px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.images-card:hover .images-overlay:before,
.images-card:hover .images-overlay:after {
  opacity: 1;
  z-index: 1;
}
.images-small-large h4, .images-large-small h4 {
position: absolute;
    z-index: 2;
    color: white;
    bottom: 0;
    padding: 20px 40px;
    width: 100%;
    text-align: left;
    background: linear-gradient( 0deg , rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
    margin: 0;
}
@media(min-width:992px) {
	.images-large-small > div.container:last-child > .images-card {
		margin-bottom: 0;
	}	
}
.hover-excerpt {
  position: absolute;
      z-index: 2;
      color: white;
      display: flex;
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
    align-content: center;
      justify-content: center;
      align-items: flex-start;
      justify-content: center;
      visibility: hidden;
      opacity: 0;
      transition: 0.5s 0.5s;
      flex-direction: column;
    padding: 40px;
  }
  .hover-excerpt p {
    margin:0;
    color: white;
  }
  .normal-excerpt {
    text-align: left;
    width: 100%;
    margin-top: 20px;
  }
  .fade-out-title {
    transition: 0.25s;
  }

.images-text-overlay {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 40px 40px;
  width: 100%;
  text-align: left;
  background: linear-gradient(
0deg
, rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  left: 0;
  transition: 0.5s;
  height: 102.5px;
}

.images-card h4 {
  color: white;
  text-transform: uppercase;
}

.content-image-text-container,
.content-text-image-container {
  display: flex;
  align-items: center;
}
.text-text {
  display: flex;
  align-items: flex-start;
}

.content-images,
.content-text {
  width: 50%;
  display: flex;
  justify-content: center;
}
.content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 0px;
}

.content-text p {
  text-align: left;
}

.content-text-left {
  padding-right: 40px;
}

.content-text-right {
  padding-left: 40px;
}

.text-text img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
  height: auto !important;
}
ul.checklist li {
  list-style: none;
}

.content-button a:focus {
  color: white;
}

.content-button {
  display:flex;
  align-self: flex-start;
  margin-top: 12px;
}
.content-image-left img,
.content-image-right img {
  max-width: 100%;
  align-self: center;
}
@media(max-width:991px) {
  .content-image-left img,
  .content-image-right img {
    height: auto;
  }
  .content-image-text-container.fullwidth .content-text {
    padding-left: 15px;
    padding-right: 15px;
  }   
}

.wide-image img,
.narrow-image img, .three-image {
  width: 100%;
  height: 370px;
  object-fit: cover;
}

.wide-image img {
  object-fit: cover;
}

.three-columns h2 {
  margin-top: 0px;
  margin-bottom: 12px;
}

.three-columns p {
  margin: 6px 0px;
  text-align: left;
}

.three-columns-list-items p {
  font-size: 15px;
}

.three-columns-list {
  display: flex;
  margin-bottom: 26px;
}

.three-columns i {
  margin-right: 20px;
  font-size: 28px;
  color: var(--secondary);
  margin-top: 4px;
}

.three-columns-content {
  margin-bottom: 20px;
  margin-right: 24px;
}

.three-columns-list h3 {
  margin: 0px 0px 10px 0px;
  text-align: left;
  font-size: 20px;
}

.pl-1 {
  padding-left: 13px !important;
}
.page-inner-section {
  padding: 41px 0;
}
.breadcrumbs-section {
  padding: 41px 0;
}
.page-inner-section:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../images/overaly.png);
  content: "";
}
.breadcrumbs {
  margin-left: -10px;
}
.single_breadcrumbs {
  top: 76px;
  background: rgba(0,0,0,0.15);
  z-index: 49;
  width: 100%;
  position: fixed;
  height: 40px;
  display: flex;
  align-items: center;
  transition: 0.5s;
}
.insideheader_breadcrumbs {
  display: inline-block;
  padding: 4px 0px;
  font-size: 13px;
  color: var(--white);
  max-height: 22px;
  overflow: hidden;
  transition: 1s;
}
.insideheader_breadcrumbs a {
  color: var(--white);
  margin-right: 10px;
  margin-left: 10px;
}
.breadcrumb_last {
  margin-left: 10px;
}
.quick-links-results {
  max-width: 100%;
  margin-bottom: 60px;
}

.quick-links-description p {
  max-width: unset;
  width: 100%;
}

/** Single Estate Agent **/

/** New estate agent styling **/
.single-estate-hero {
  width: 100%;
  padding: 100px 0px;
  display:flex;
  flex-direction: column;
  align-items: center;
}
@media(min-width:1200px) {
  .single-estate-hero {
    flex-direction: row;
  }
}

.single-estate-hero #search_keyword_value_agents {
  font-size: 12px;
}
@media(min-width:512px) {
  .single-estate-hero #search_keyword_value_agents {
    font-size: 14px;
  }
}
@media(min-width:555px) {
  .single-estate-hero #search_keyword_value_agents {
    font-size: 17px;
  }
}
@media (max-width: 1199px) {
  .single-estate-hero .cta-buttons {
    margin-left: 0;
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  .single-estate-hero {
    align-items: flex-start;
  }
}

.btn-contact-areas {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.hidden-btn-desktop {
  display: none;
}
.pr2 {
  padding-right: 2px;
  padding-left: 0;
}
.pl2 {
  padding-left: 2px;
  padding-right: 0;
}
.search_icon-estate {
  font-size: 20px;
  cursor: pointer;
}
.btn-estate-agent-search {
  margin-bottom: 20px;
  width: 100%;
  background-color: var(--primary);
  color: var(--white);
  margin-right: 5px;
  padding: 12px 0px;
  border-radius: var(--radius);
  font-size: 19px;
  font-weight: 300;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-estate-agent-search:hover {
  background-color: var(--secondary);
}
.single-estate-office-details {
  padding: 0px;
  color: white;
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  width: 100%;
  padding-bottom: 12px;
}
.single-estate-office-details a {
  color: var(--white);
  font-weight: 300;
  text-decoration: none;
}
.agent-contact-btn {
  margin: 0;
  margin-top: 10px;
}

.page-estate-agent {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
}
.page-estate-title {
  font-size: 32px;
  color: white;
  font-weight: 500;
  margin: 0px;
  letter-spacing: 0.5px;
  line-height: 45px;
}

/** New estate agent styling close**/

.estate-agents-block {
  margin-top: -60px;
}
.page-inner-agent-section {
  min-height: 50vh;
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-inner-agent-section:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../images/overaly.png);
  content: "";
}
.line {
  color: #faed2e;
  margin-left: 20px;
  margin-right: 20px;
}
.insideheader-breadcrumbs-agent {
  padding: 0px;
  color: var(--white);
}
.insideheader-breadcrumbs-agent a {
  color: var(--white);
}


#search_keyword_holder_agents {
  display: flex;
  margin-top: 20px;
  height: 55px;
  justify-content: flex-start;
  align-items: center;
}

#search_keyword_value_agents {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 15px;
  font-size: 17px;
  font-style: italic;
  font-weight: 500;
}

/* #search_keyword_holder_agents {
  margin-top: 40px;
  background: transparent;
  width: 100%;
  max-width: 573px;
  height: 64px;
  box-sizing: border-box;
  position: relative;
  border-radius: 0px;
} */
/* #search_keyword_value_agents {
  padding: 17px;
  margin: 0;
  width: 517px;
  width: calc(100% - 178px);
  width: -moz-calc(100% - 178px);
  width: -webkit-calc(100% - 178px);
  width: -o-calc(100% - 178px);
  border: none;
  background: rgba(0, 0, 0, 0.4);
  font-size: 19px;
  color: var(--white);
  outline: none;
  position: absolute;
  left: 119px;
  top: 0;
  box-sizing: border-box;
  border-left: 1px solid var(--primary);
  font-weight: 300;
} */
@media(min-width: 1200px) {
  .office-details-wrapper {
    padding: 60px;
    border: 1px solid rgba(225,225,225,0.5);
  }
}
@media(max-width: 1199px) {
  .single-estate-office-details {
    border-top: 1px solid #b7a6ab;
    border-bottom: 1px solid #b7a6ab;
    margin-bottom: 40px;
    padding-top: 12px;
  }
}
.cta-buttons {
  width: 100%;
  max-width: 475px;
  margin-left: auto;
}
.btn-agents-sales {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 15px;
  padding: 10px 30px;
  border-radius: var(-radius);
  font-size: 20px;
  font-weight: 600;
}

.btn-agents-lettings {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 15px;
  padding: 10px 30px;
  border-radius: var(-radius);
  font-size: 20px;
  font-weight: 600;
}

.btn-2,
.btn-3 {
  background-color: var(--secondary);
  color: var(--white);
  padding: 17px 17px;
  font-size: 19px;
  font-weight: 300;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  display: flex;
  justify-content: center;
  border-radius: var(--radius);
}
.btn-2 {
  margin-right: 5px;
  width: 50%;
}
.btn-3 {
  width: 50%;
}
.btn-2:hover,
.btn-3:hover {
  background-color: var(--secondary-dark);
}
.btn-4 {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 6px;
  padding: 11px 16px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 300;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  margin-bottom: 20px;
}
.btn-4:hover {
  background-color: var(--secondary-dark);
}

.btn-5 {
  background-color: var(--secondary);
  color: var(--white);
  padding: 11px 16px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 300;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
}
.btn-5:hover {
  background-color: var(--secondary-dark);
}

.estate-block {
  margin-top: 60px;
}
.estate-block h3 {
  text-transform: capitalize;
}
.contactus-box {
}
.contactus {
  background: var(--secondary);
  padding-bottom: 80px;
}
.form-contact {
  color: var(--white);
}

.form-contact h2,
.office-details h2 {
  font-size: 28px;
  color: var(--white);
}
.custom-form {
  font-weight: 300;
  background: transparent;
  padding: 41px;
}
.custom-form .btn-primary {
  background-color: #8e44ad;
  border-color: #8e44ad;
}
.custom-form .form-group {
  position: relative;
  padding-top: 30px;
  margin-bottom: 30px;
}

.custom-form .form-group .form-control:focus {
  border: 0px solid #49a2e7 !important;
}
.custom-form .form-group .animated-label {
  top: 20px;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  font-weight: 300;
  opacity: 0.5;
  cursor: text;
  transition: 0.2s ease all;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-form .form-group .animated-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 45%;
  height: 2px;
  width: 10px;
  visibility: hidden;
  background-color: var(--secondary);
  transition: 0.2s ease all;
}
.custom-form .form-group.not-empty .animated-label {
  top: 0;
  font-size: 12px;
}
.custom-form .form-group .form-control {
  position: relative;
  z-index: 1;
  border-radius: 0;
  border-width: 0 0 1px;
  border-bottom-color: rgba(236, 230, 230, 0.5);
  padding: 3px 0 5px;
  background-color: transparent;
}
.custom-form .form-group .form-control:focus {
  box-shadow: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.custom-form .form-group .form-control:focus ~ .animated-label {
  top: 0;
  opacity: 1;
  color: var(--white);
  font-size: 12px;
}
.custom-form .form-group .form-control:focus ~ .animated-label:after {
  visibility: visible;
  width: 100%;
  left: 0;
}

.office-details {
  color: var(--white);
  padding: 40px;
  background-color: #65152e;
}

.office-details h5 {
  font-size: 28px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 30px;
}

.office-details p {
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
}
/** DEVELOPMENT PAGE  **/

.latest-development {
  margin-right: 0px;
  margin-left: 0px;
}

.development-block {
  text-align: center;
}
.development-block h2 {
  margin: auto;
  margin-bottom: 54px;
  color: white;
  font-size: 28px;
}

.development-grid {
  padding: 0px;
}

.development-grid:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}

.development-grid span {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  width: 100%;
  z-index: 3;
  text-align: center;
  position: absolute;
  top: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.development-grid:hover span {
  display: none;
}
.development-label {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
  background: var(--secondary);
  padding: 6px 12px;
  border-radius: var(--radius);
  z-index: 2;
  box-shadow: 0px 2px 8px -4px rgb(255 255 255 / 25%);
}
.development-label label {
  margin-bottom: 0;
}
.content .content-overlay {
  background: var(--primary-trans);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content .content-overlay.dev-sold-out {
  background: rgb(162 13 13 / 40%);
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.after-heading {
  width: 50%;
  text-align: center;
}
.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
}

.content-details p {
  font-size: 21px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 300;
}

.fadeIn-top {
  top: 20%;
}

/*** Development Single Page **/
.dev-map {
  width: 100%;
  height: 500px;
  margin: 0px;
}
.development-section {
  height: calc(100vh - 100px);
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.development-title {
  transform: translateY(-36px);
}
.development-top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.3);
}
.btn-dev {
  letter-spacing: 0.5px;
  background-color: var(--highlight);
  color: #fff;
  margin-right: 10px;
  padding: 6px 18px;
  border-radius: var(--radius);
  font-size: 17px;
  font-weight: 500;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  min-width: 220px;
}

.btn-dev:hover {
  background-color: var(--highlight-dark);
  color: #fff;
  text-decoration: none;
}
.btn-dev:focus {
  color: #fff;
}
.btn-dev-enquire {
  background-color: var(--primary);
  color: #fff;
  padding: 4px 10px;
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 300;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  border: 0px;
  line-height: 2;
  font-weight: 400;
}

.btn-dev-enquire:hover {
  background-color: var(--secondary);
}

.dev-page-block {
  max-width: 760px;
  margin: auto;
}

.dev-page-info-title-welcome {
  font-weight: 400;
  line-height: 45px;
  color: #fff;
  line-height: 60px;
  font-size: 48px;
  margin-bottom: 18px;
}
.dev-page-info-title {
  font-weight: 400;
}
#dev-content {
  background-color: var(--primary);
}
.dev-content h2 {
  font-weight: 400;
  color: #fff;
}
.dev2-content tr {
  height: 60px;
}
.dev-content p {
  color: #fff;
}
.dev-text {
  padding: 0px 40px;
}
.dev2-content img {
  display: block;
  height: auto;
  max-width: 100%;
}
.dev2-content ul {
  margin: 36px 0;
  padding-bottom: 0;
}
.dev2-content li {
  background: transparent url(../icons/tick.svg) no-repeat left center;
  padding: 6px 0 6px 30px;
  list-style: none;
  margin: 3px 0 3px 0;
}
.development-info {
  display: flex;
}
.development-info-image {
  display: flex;
  align-items: center;
}
.table {
  margin-bottom: 0px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  vertical-align: middle;
  text-align: center;
}
.hidden-desktop {
  display: none;
}
.hidden-mobile {
  display: block;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: var(--white);
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: var(--white);
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: var(--white);
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid var(--white);
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid var(--white);
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.hidden-gallery {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*** Development Single Page **/

/** DEVELOPMENT PAGE CLOSE **/



/** FAQ dropdown **/
.faq-section {
  max-width: 750px;
  margin: auto;
}
.faq-card-header {
  padding: 6px;
  margin-bottom: 3px;
  margin-top: 3px;
  background-color: var(--medium-grey);
}
.faq-card-header:hover,
.faq-dark,
.faq-answer {
  background-color: var(--medium-grey-dark);
}
.faq-card-header {
  border-bottom: 1px solid var(--white);
  border-radius: 6px;
}
.faq-card-header p {
  margin-top: 6px;
  margin-bottom: 6px;
  color: var(--text);
}
.faq-heading a,
.faq-heading a:hover {
  color: var(--text);
  white-space: normal;
  max-width: 97%;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.faq-answer p {
  padding: 10px 25px;
  margin-bottom: 0px;
  font-size: 16px;
  text-align: left;
}
.faq-arrow {
  margin-top: 4px;
  position: absolute;
  right: 30px;
}

/** The Local Area Tab Content **/
.local-area-mobile {
  display: none;
}
.nav-tabs-local {
  display: flex;
  width: 100%;
  height: 75px;
  border-bottom: 2px solid var(--primary);
  flex-direction: column;
  width: max-content;
}

.nav-tabs-local > li {
  margin-bottom: 0px;
  list-style: none;
  display: table-cell;
  text-align: center;
  width: 100%;
  height: 100%;
}

.tab-content-local a {
  color: #23305e;
  text-decoration: underline;
  line-height: 30px;
}
.nav-tabs-local > li > a {
  border-right: 1px solid var(--white);
  border-radius: 0px 0px 0 0;
  background: var(--secondary);
  font-size: 16px;
  font-weight: 300;
  color: var(--white);
  padding: 20px;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}

.nav-tabs-local > li.active > a,
.nav-tabs-local > li.active > a:focus {
  color: var(--white);
  cursor: default;
  background-color: var(--primary);
  display: block;
}

.nav-tabs-local li a:hover {
  background-color: var(--primary);
}

/** The Local Area Tab Content End **/

/** Single Property Close **/

/** Tab **/

.form-control-myclocalarea {
  box-shadow: none;
  font-weight: 300;
  padding: 6px 20px;
  height: auto;
  font-size: 22px;
  border-radius: 0;
  background: var(--primary);
  color: var(--white);
  line-height: 1.428571429;
  vertical-align: middle;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#myLocalArea {
  display: none;
}

#tab-block img {
  display: block;
  height: auto;
  max-width: 100%;
}
.flexslider {
  margin: 0 0 0px;
}
.flex-direction-nav a {
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.8) !important;
}

.flexslider .flex-direction-nav a.flex-prev,
.flexslider .flex-direction-nav a.flex-next {
  display: block;
  opacity: 1;
}
.flexslider .flex-direction-nav a.flex-prev {
  left: 50px;
  text-align: center;
}
.flexslider .flex-direction-nav a.flex-next {
  right: 50px;
  text-align: center;
}

#property_map_canvas {
  height: calc(100vh - 200px) !important;
}



/* Common styles
================================================== */
.bg-light-color {
  background: var(--medium-grey);
}

.estate-block p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}

/* Angle */

.portfolio.angle:before {
  background: var(--medium-grey);
}

.portfolio.angle {
  padding-bottom: 120px;
}

.clients.angle {
  padding: 120px 0;
}

/* Parallax */

.parallax {
  background-attachment: fixed !important;
  padding: 120px 0;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  position: relative;
}
@supports (-webkit-touch-callout: none) {
  .parallax {
    background-attachment: scroll !important;
  }
}

.parallax h2,
.parallax h3 {
  color: var(--white);
}
.parallax .btn {
  color: var(--white);
}

.parallax-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.parallax h3 {
  margin-bottom: 38px;
  font-size: 19px;
  font-weight: 400;
}

.parallax2 {
}
.parallax3 {
}
.parallax .btn.solid {
  margin-left: 10px;
}

/* Deafult title */

.title-icon {
  font-size: 32px;
  margin-right: 15px;
  margin-top: 9px;
  color: #959595;
}

.title-icon.classic {
  margin-top: 0;
}

.title {
  position: relative;
  margin: 0;
  line-height: 32px;
  border-left: 2px solid #e7e7e7;
  display: inline-block;
  padding-left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.title.classic {
  line-height: 40px;
  height: 34px;
}

.title-desc {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  color: #6a6a6a;
}

/* Title style 2 */

.title2 {
  position: relative;
  margin-top: 30px;
}

.title2 .title-desc {
  padding-top: 30px;
}

/* Title border */

.title-border {
  line-height: normal;
  margin-top: 0;
}

.widget-title {
  margin-bottom: 25px;
  font-size: 18px;
}
.textwidget p {
  text-align: left;
}

.post-title {
  font-size: 24px;
  line-height: normal;
}

.post-title a {
  color: #323232;
}

.long-desc {
  font-size: 16px;
}

.head_office p,
.head_office a {
  font-size: 12px;
  color: #dcd9cf;
}

/* Icon pentagon */

.icon-pentagon {
  display: inline-flex;
  justify-content: center;
  align-items: center;  height: 24px;
  width: 40px;
  position: relative;
  color: var(--white);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.icon-pentagon:hover {
  color: rgba(0, 0, 0, 0.5);
}

.icon-pentagon i {
  font-size: 20px;
  line-height: 24px;
}

.service-icon {
  height: 46px;
  width: 90px;
  margin-bottom: 30px;
}
.service-icon:before {
  border-left: 45px solid rgba(0, 0, 0, 0);
  border-right: 45px solid rgba(0, 0, 0, 0);
  top: -30px;
}
.service-icon:after {
  border-left: 45px solid rgba(0, 0, 0, 0);
  border-right: 45px solid rgba(0, 0, 0, 0);
  bottom: -30px;
}

.service-icon i {
  font-size: 36px;
  line-height: 46px;
}

/* Carousel controller */

.carousel-control {
  width: auto;
}
.ts-carousel-controller {
  text-align: center;
  padding-top: 50px;
  z-index: 1;
  position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right,
.owl-controls .owl-prev,
.owl-controls .owl-next {
  cursor: pointer;
  background: #f6f6f6;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #989898;
  opacity: 1;
  top: auto;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
}
.owl-controls .owl-next {
  margin-left: 6px;
}

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
  color: var(--white);
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  display: inline-block;
}

/* Areas Modern Slider */

.areas-we-cover-modern {
  overflow: hidden;
}
#areas-modern-carousel {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#areas-modern-carousel.client-carousel img {
  height: 550px;
  border-radius: var(--radius);
} 
#areas-modern-carousel .owl-nav button.owl-prev {
  right: 45px;
}
#areas-modern-carousel .owl-nav button {
  position: absolute;
  top: -55px;
  background-color: none;
  color: var(--white);
  margin: 0;
  transition: all 0.3s ease-in-out;
}
#areas-modern-carousel .fa-chevron-left {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 26px;
  color: #343434;
  background: none;
}
#areas-modern-carousel .fa-chevron-right {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 26px;
  color: #3c3c3c;
  background: none;
}
#areas-modern-carousel .owl-nav button.owl-prev {
  left: unset;
  right: 45px;
}
#areas-modern-carousel .owl-dots {
  display: none;
}
.areas-modern-title {
  margin-bottom: 55px;
}
#areas-modern-carousel .areas-modern-overlay {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 60px 20px 20px 20px;
  width: 100%;
  text-align: left;
  background: linear-gradient( 0deg , rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  text-transform: uppercase;
  transition: 0.5s;
  height: 110px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
#areas-modern-carousel .client_logo h3 {
  position: relative;
  padding: unset;
  text-align: unset;
  background: unset;
  margin-top: unset;
}
#areas-modern-carousel .areas-we-cover-image:hover {
  background-color: unset !important;
  filter: unset;
  -webkit-filter: unset;
  -moz-filter: unset;
}
#areas-modern-carousel .area-modern-button {
  all: unset;
  margin-top: 16px;
  padding: 12px 20px;
  text-transform: unset;
  font-weight: 600;
  letter-spacing: 1.5px;
  font-size: 13px;
  background: none;
  outline: none;
  border: 2px solid white;
  color: white;
  left: -220px;
  position: absolute;
  transition: 0.25s;
}
#areas-modern-carousel .area-modern-button:hover {
  background: white;
  border: 2px solid white;
  color: var(--primary);
}

@media (max-width: 1200px) {

  #areas-modern-carousel.client-carousel img {
      height: 425px;
  }

}

/* Input form */

.form-control {
  box-shadow: none;
  padding: 6px 20px;
  height: 50px;
  font-size: 22px;
  border-radius: 0;
  background: var(--white);
}

.form-control:focus {
  box-shadow: none;
}

/*-- Pagination --*/

.pagination li a {
  border-radius: 0 !important;
  margin-right: 8px;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  color: var(--white);
  border: 1px solid transparent;
}


/* Slideshow
================================================== */

/*-- Main slide --*/


#main-slide {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main-slide .item img {
  width: 100%;
  -webkit-backface-visibility: hidden;
}

#main-slide .item {
  -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content {
  padding: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  color: var(--white);
}

.slider-content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#main-slide .carousel-indicators {
  bottom: 70px;
}

#main-slide .slides img {
  object-fit: cover;
  height: 100vh;
}

.carousel-indicators li {
  width: 30px !important;
  height: 10px !important;
  margin: 1px !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: none;
  background-repeat: no-repeat;
  text-shadow: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right {
  opacity: 1;
  filter: alpha(opacity=100);
}

#main-slide:hover .carousel-control.left {
  left: 20px;
}

#main-slide:hover .carousel-control.right {
  right: 20px;
}

#main-slide .carousel-control.left span {
  padding: 15px;
}

#main-slide .carousel-control.right span {
  padding: 15px;
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

#main-slide .carousel-control .fa-angle-left {
  left: 0;
}

#main-slide .carousel-control .fa-angle-right {
  right: 0;
}

#main-slide .carousel-control i {
  background: none;

  color: var(--white);
  line-height: 56px;
  width: 56px;
  height: 56px;
  border: 1px solid var(--white);
  border-radius: 100%;
  font-size: 36px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#main-slide .carousel-control i:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

#main-slide .slider-content h2 {
  font-size: 58px;
  text-transform: capitalize;
  color: var(--white);
  font-weight: 600;
}

#main-slide .slider-content p {
  font-size: 25px;
  margin-top: 18px;
  margin-bottom: 34px;
  color: var(--white);
  text-transform: capitalize;
  font-weight: 300;
}

.btn-home-bk {
  background-color: #000 !important;
  color: var(--white) !important;
}

.btn-home-bk:hover {
  background: transparent !important;
  color: #000 !important;
}
.btn--skew {
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
}
.btn--skew > span {
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
  display: inline-block;
}
.slider.btn {
  padding: 10px 35px;
  margin-top: 40px;
  font-size: 24px;
  text-transform: uppercase;
  color: var(--white);
  font-weight: 600;
}

.underline-span {
  background-image: linear-gradient(120deg, #f05222 0%, #f05222 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 116%;
  transition: background-size 0.25s ease-in;
}
.underline-span:hover {
  background-size: 100% 88%;
}

/* .slider.btn:after {
	 content: ' ';
    display: block;
    border: 4px solid #F05222;
    margin-top: -10px;
    width: 96%;
}

*/

.slider.btn.solid {
  margin-left: 15px;
}

.slider-content-left {
  position: relative;
  margin: 0 0 0 40px;
}

.slider-content-right {
  position: relative;
}

/** Homepage Search Box **/
#search_keyword_holder {
  margin: 20px auto 0;
  background: transparent;
  width: 100%;
  max-width: 700px;
  height: 64px;
  box-sizing: border-box;
  position: relative;
  border-radius: 0px;
}

.search_type_selected {
  height: 55px;
  padding: 15px;
  border: 0;
  font-size: 19px;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: 500;
  background: white;
}
#search_submit:hover {
  background-color: var(--secondary-dark);
}


#search_keyword_value {
  font-weight: 300;
  padding: 17px;
  margin: 0;
  width: 517px;
  width: calc(100% - 178px);
  width: -moz-calc(100% - 178px);
  width: -webkit-calc(100% - 178px);
  width: -o-calc(100% - 178px);
  border: none;
  background: var(--white);
  font-size: 20px;
  color: var(--primary);
  outline: none;
  position: absolute;
  left: 119px;
  top: 0;
  box-sizing: border-box;
  /* border-left: 1px solid var(--white); */
}

#search_keyword_value::-webkit-input-placeholder {
  color: #bcaeae;
} /* WebKit, Blink, Edge */
#search_keyword_value:-moz-placeholder {
  color: #bcaeae;
} /* Mozilla Firefox 4 to 18 */
#search_keyword_value::-moz-placeholder {
  color: #bcaeae;
} /* Mozilla Firefox 19+ */
#search_keyword_value:-ms-input-placeholder {
  color: #bcaeae;
} /* Internet Explorer 10-11 */
#search_keyword_value::-ms-input-placeholder {
  color: #bcaeae;
}
#search_submit {
  height: 100%;
  border: 0;
  font-size: 0px;
  width: 80px;
  background:
  var(--secondary)
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAQzAAAEMwBkPhvlwAAACF0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgNC4w6iYndQAAAjJJREFUeJzVl82LTWEYwH9XZhozxuelSWlIY0thw0qNlDQ2Fj6SP4FsLMQSO7uxUGgmY5SklLCxkViQku5NTSyUhjCa0jB3+lncU/PO23XvOee6M81TTz295/n4nfd9n+eeW1BZSFmyoNUXC0A3MADcBT4Av4Fx4DlwBtjUFIFaTwfUZ9aXcfWCuqJBrppa7+HFBoVjeaH2/S+Ay1HysnpO3aH2qFvV4+qDyO+NWmwW4KA6EyQdVLvrJDmsfg387zQD0KW+DJJdTZmoX50K4vblBTgUJCmrnRne5lIQO5Q2Lm7DE4E9BPzK0FDDwI/E3gP0pAmKAXYG9uMMxQFKwLvE3gyszwMQBn3OCCAwmdgFoDMPwGRgd2UEAGgP7EoegLHA3pWxeJHZsTzB7H3IBHAvsI9lBOgHtiT2K+BTqqioLXrVL0krTSdDJk07rVVLQRueyjsHUM8HiSbU/Q2SrFYfRvNjZTMAa5w7Daes/jBti/x61CPq28B3Rt2dtrhKQWt+kvUC94Htwdo3oAz8BDqAjUBfFFcBngDvgbPAn6x3INSiOqpWbCwlda/6NFi7pbblOYJYD6jX1bGo6Hf1kXra2TO/EvmMqh15jqCWbADWUZ1w01R7/SNzB04XcA04GqyNACf512DKcmFSaps6Eu3EiNqe9wjy6DKrHyYNj6NVAKhLrV7EUG6qq+YLgGTbb0cQw/MJQLLtw0nx10aDaj4AUJerN+Limq0NWyKL4r9hS+UvrN4GmDdXC3sAAAAASUVORK5CYII=)
    no-repeat center center;
}

/* #search_submit {
  position: absolute;
  border: none;
  width: 62px;
  height: 62px;
  right: 0;
  top: 0;
  padding: 0;
  text-indent: -99999px;
  cursor: pointer;
  background: var(--primary)
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAQzAAAEMwBkPhvlwAAACF0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgNC4w6iYndQAAAjJJREFUeJzVl82LTWEYwH9XZhozxuelSWlIY0thw0qNlDQ2Fj6SP4FsLMQSO7uxUGgmY5SklLCxkViQku5NTSyUhjCa0jB3+lncU/PO23XvOee6M81TTz295/n4nfd9n+eeW1BZSFmyoNUXC0A3MADcBT4Av4Fx4DlwBtjUFIFaTwfUZ9aXcfWCuqJBrppa7+HFBoVjeaH2/S+Ay1HysnpO3aH2qFvV4+qDyO+NWmwW4KA6EyQdVLvrJDmsfg387zQD0KW+DJJdTZmoX50K4vblBTgUJCmrnRne5lIQO5Q2Lm7DE4E9BPzK0FDDwI/E3gP0pAmKAXYG9uMMxQFKwLvE3gyszwMQBn3OCCAwmdgFoDMPwGRgd2UEAGgP7EoegLHA3pWxeJHZsTzB7H3IBHAvsI9lBOgHtiT2K+BTqqioLXrVL0krTSdDJk07rVVLQRueyjsHUM8HiSbU/Q2SrFYfRvNjZTMAa5w7Daes/jBti/x61CPq28B3Rt2dtrhKQWt+kvUC94Htwdo3oAz8BDqAjUBfFFcBngDvgbPAn6x3INSiOqpWbCwlda/6NFi7pbblOYJYD6jX1bGo6Hf1kXra2TO/EvmMqh15jqCWbADWUZ1w01R7/SNzB04XcA04GqyNACf512DKcmFSaps6Eu3EiNqe9wjy6DKrHyYNj6NVAKhLrV7EUG6qq+YLgGTbb0cQw/MJQLLtw0nx10aDaj4AUJerN+Limq0NWyKL4r9hS+UvrN4GmDdXC3sAAAAASUVORK5CYII=)
    no-repeat center center;
  transition: 0.3s ease;
  outline: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  /* border-left: 1px solid var(--white); */
} */

/** Homepage Search Box End**/

/*-- Animation */
.carousel .item.active .animated1 {
}

.carousel .item.active .animated2,
.flex-active-slide .animated2 {
  -webkit-animation: flipInX 2s ease-in 800ms both;
  animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated3,
.flex-active-slide .animated3 {
  -webkit-animation: flipInX 2s ease-in 800ms both;
  animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated4,
.flex-active-slide .animated4 {
  -webkit-animation: flipInX 2s ease-in 800ms both;
  animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated5,
.flex-active-slide .animated5 {
  -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
  animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6,
.flex-active-slide .animated6 {
  -webkit-animation: bounceIn 1s ease-in 500ms both;
  animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7,
.flex-active-slide .animated7 {
  -webkit-animation: bounceIn 1s ease-in 500ms both;
  animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8,
.flex-active-slide .animated8 {
  -webkit-animation: bounceInDown 1s ease-in 800ms both;
  animation: bounceInDown 1s ease-in 800ms both;
}

/* Flex slider */

.home_video {
  width: 100%;
  height: 800px;
  object-fit: cover;
}
.ts-flex-slider {
  position: relative;
}

.ts-flex-slider .flexSlideshow {
  width: 100%;
  overflow: hidden;
  height: 100vh;
}

.overlay2 {
  position: relative;
}

.overlay2 img {
  width: 100%;
}

.overlay2::before {
  position: absolute;
  content: "";
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.ts-flex-slider .flexslider .slides {
  z-index: 0;
}

.ts-flex-slider .slider-content {
  z-index: 3;
}

.ts-flex-slider .flex-direction-nav a {
  width: 55px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 32px;
}

.ts-flex-slider .flex-direction-nav a.flex-next {
  border-radius: 3px;
}

.ts-flex-slider .flex-direction-nav a.flex-prev {
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .flex-direction-nav {
    display: none;
  }
}

/* Featured box
================================================== */

.owl-carousel-featured .owl-item > div {
  cursor: pointer;
  transition: margin 0.4s ease;
  opacity: 0.4;
}
.owl-carousel-featured .owl-item.center > div {
  cursor: auto;
  margin: 0;
  opacity: 1;
}

.owl-carousel-mobile li {
  margin-bottom: 0;
}

.fa-chevron-right {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 18px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}
.fa-chevron-left {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 18px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}

.owl-nav button {
  position: absolute;
  top: 37%;
  background-color: #000;
  color: var(--white);
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 15px;
}
.owl-nav button.owl-next {
  right: 15px;
}

.feature-icon {
  font-size: 28px;
  margin-top: 5px;
}

.feature-content {
  padding-right: 0px;
  padding-left: 0px;
}

.feature-content h3 {
  margin-top: 0;
  font-size: 18px;
  text-transform: capitalize;
}

/* Feature center */

.feature-center-content .feature-center-icon {
  font-size: 72px;
  margin-bottom: 5px;
  display: inline-block;
}

.feature-center-content h3 {
  font-size: 18px;
}
.featured_button {
  padding-bottom: 43px;
}

.img-block-head p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}
/* Image Block
================================================== */

.image-block {
  /* background: #f4f4f4;*/
}

.img-block-right {
  padding-right: 70px;
  padding-top: 105px;
}

.img-block-head h2 {
  font-size: 18px;
  line-height: normal;
  margin: 5px 0 0 0;
}

.img-block-head h3 {
  font-size: 45px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 30px;
}

.image-block-content {
  text-align: center;
  margin-bottom: 30px;
}

.image-block-content .feature-icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: var(--white);
  border-radius: 100%;
  display: inline-block;
  text-align: center;
}

.image-block-content .feature-content {
  padding-top: 8px;
  text-align: center;
}

.image-block-content .feature-content h3 {
  margin-bottom: 0;
}

/* About us
================================================== */

/* Landing Tab */

.landing-tab {
  position: relative;
  z-index: 10;
}

.landing-tab .nav-tabs {
  border-right: 1px solid #e7e7e7;
  padding: 25px 0;
  border-bottom: 0;
}

.landing-tab .nav-tabs > li.active {
  margin-right: -3px;
}

.landing-tab .nav-tabs > li.active .tab-info h3 {
  color: #323232;
}

.landing-tab .nav-tabs > li {
  padding: 15px 0;
}

.landing-tab .nav-tabs > li > a {
  background: none !important;
  border-radius: 0;
  padding: 0 15px 0;
  color: #6a6a6a !important;
  position: relative;
  border: 0 !important;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.landing-tab .nav-tabs > li > a:hover {
  background: none;
}

.landing-tab .tab-icon {
  font-size: 28px;
  display: inline-block;
}

.landing-tab .tab-info {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 70px;
  top: 50%;
  margin-top: -12px;
}

.landing-tab .tab-info h3 {
  font-size: 18px;
  line-height: normal;
  margin: 0;
  color: #6a6a6a;
}

.landing-tab .tab-pane h3 {
  margin-top: 0;
  line-height: normal;
}

.landing-tab .tab-pane h3.text-center {
  margin-bottom: 25px;
}

.landing-tab .tab-pane {
  padding-left: 40px;
  text-align: justify;
}

.landing-tab .tab-pane i.big {
  font-size: 130px;
  margin-bottom: 12px;
  display: block;
}

/* Featured Tab */

.featured-tab {
  padding: 30px 0;
}

.featured-tab .nav-tabs {
  border-bottom: 0;
}

.featured-tab .nav-tabs > li.active > a {
  color: var(--white);
}

.featured-tab .nav-tabs > li.active > a:after {
}

.featured-tab .nav-tabs > li > a {
  background: #f2f2f2;
  border-radius: 0;
  padding: 0 15px 0;
  color: #323232;
  position: relative;
  border: 0 !important;
  line-height: 52px;
  height: 52px;
  margin-bottom: 3px;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-tab .nav-tabs > li > a:after {
  left: 100%;
  border: transparent solid;
  content: " ";
  position: absolute;
  border-width: 25px;
  top: 50%;
  border-left-color: #f2f2f2;
  margin-top: -25px;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-tab .nav-tabs > li > a:hover {
  color: var(--white);
}
.featured-tab .nav-tabs > li > a:hover:after {
}

.featured-tab .nav-tabs > li.active > a,
.featured-tab .nav-tabs > li.active .tab-info h3,
.featured-tab .nav-tabs > li > a:hover .tab-info h3 {
  color: var(--white) !important;
}

.featured-tab .tab-icon {
  font-size: 28px;
  display: inline-block;
}

.featured-tab .tab-info {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 70px;
  top: 50%;
  margin-top: -12px;
}

.featured-tab .tab-info h3 {
  font-size: 16px;
  line-height: normal;
  margin: 0;
}

.featured-tab .tab-pane img.pull-left {
  margin: 0 30px 10px 0;
}

.featured-tab .tab-pane img.pull-right {
  margin: 0 0 0 15px;
}
.featured-tab .tab-pane h3 {
  margin-top: 0;
  line-height: normal;
  text-align: left;
  font-size: 20px;
}

.featured-tab .tab-pane h3.text-center {
  margin-bottom: 25px;
}

.featured-tab .tab-pane {
  padding-left: 25px;
  text-align: justify;
}

.featured-tab .tab-pane i.big {
  font-size: 230px;
}

/* Portfolio
================================================== */

#main-container.portfolio {
  background: none;
}

/*-- Isotope Portfolio start --*/

#isotope .isotope-item {
  padding: 0;
}

.isotope-nav {
  margin: -80px auto 80px;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 100;
}

.isotope-nav ul {
  list-style: none;
  margin: 0;
}

.isotope-nav ul li {
  float: left;
  margin-right: 10px;
}

.isotope-nav ul li a {
  color: #323232;
  padding: 5px 15px 8px;
  border: 1px solid #ddd;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.isotope-nav ul a.active,
.isotope-nav ul a:hover {
  color: var(--white);
  position: relative;
  border: 1px solid transparent;
}

.isotope-nav ul a.active:after,
.isotope-nav ul a:hover:after {
  position: absolute;
  content: " ";
  width: auto;
  height: auto;
  bottom: -13px;
  margin-left: -8px;
  left: 50%;
  border-width: 7px;
  border-style: solid;
}

#isotope .isotope-item .grid {
  position: relative;
  margin-bottom: -8px;
}

.grid figure {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  background: #3085a3;
  text-align: center;
  width: 100%;
  height: 100%;
}
.grid figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid figure figcaption {
  padding: 2em;
  color: var(--white);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-oscar {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

figure.effect-oscar img {
  display: block;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-oscar figcaption {
  padding: 2.5em;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  content: "";
}

figure.effect-oscar h3 {
  font-size: 18px;
  color: var(--white);
  opacity: 0;
  margin: 25% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

figure.effect-oscar a {
  color: var(--white);
  font-size: 18px;
  margin: 20px 5px 0;
  display: inline-block;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

figure.effect-oscar a.link i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar a {
  opacity: 0;
  -webkit-transition: all 0.35s, -webkit-transform 0.35s;
  transition: all 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

figure.effect-oscar:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover h3,
figure.effect-oscar:hover a {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-oscar:hover figcaption {
  background-color: rgba(0, 0, 0, 0.5);
}

figure.effect-oscar:hover img {
  opacity: 0.4;
}

/* Portfolio box */
.portfolio-box .isotope-nav {
  margin: 0 auto 60px;
  float: none;
}

/* Portfolio details */

.portfolio-static-item {
  padding-bottom: 20px;
}

.portfolio-static-item figure.effect-oscar a {
  margin-top: 70px;
}

.portfolio-static-desc h3 {
  font-size: 16px;
  margin: 5px 0 -5px 0;
  line-height: normal;
}

.portfolio-static-desc a {
  color: #6a6a6a;
}

/* Jobs */

.jobs img {
  width: 100%;
}

.single-job-container h1 {
  text-align: center;
}

/* Team
================================================== */
#meet-the-team {
  margin-bottom: 20px;
}
/* .meet-the-team .text-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
} */
.team-container-inner {
  position: relative;
}
.img-hexagon span {
  position: absolute;
  display: block;
  float: left;
}

.img-top {
  top: 0;
  border-top: 0px solid transparent;
  border-bottom: 75px solid transparent;
}

.img-bottom {
  bottom: 0px;
  border-bottom: 0px solid transparent;
  border-top: 75px solid transparent;
}

.img-hexagon {
  width: 100%;
  height: 375px;
  position: relative;
  display: inline-block;
}
.img-hexagon img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-members {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.team-content h3 {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 6px;
  color: var(--primary);
  text-align: left;
  font-weight: 700;
}
@media(max-width:767px){
  .team-content .art-btn-bio {
    bottom: 157px;
    right: -104px;
    position: relative;
  }
}
.team-content p {
  text-align: left;
}
.pb6 {
  padding-bottom: 40px;
  clear: both;
}

.all-team:hover {
  color: var(--primary);
  border: 2px solid var(--secondary);
  background-color: var(--secondary-trans);
}
.all-team {
  background-color: var(--white);
  color: var(--primary);
  margin-right: 0px;
  margin-top: 12px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 400;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  border: 1px solid var(--primary);
}

.ad-modal {
  width: 1200px;
  max-width: 100%;
}

.ad-modal-wrapper {
  display: flex;
  margin: auto 60px;
}

.art-btn-bio {
  padding: 0;
  background: #cecece40;
  color: white;
  transition: 0.2s;
  position: absolute;
  top: 20px;
  font-weight: 600;
  margin-bottom: 0;
  right: 20px;
  border-radius: 100%!important;
  height: 25px;
  width: 25px;
}

.fas.fa-info-circle {
  font-size: 38px;
  transform: translate(-7px, -7px);
}

.art-btn-bio:hover {
  background: var(--secondary-dark);
  color: white;
}

.ad-bio-contact {
  color: var(--primary);
}

.ad-team-modal h2,
.ad-team-modal h3,
.ad-team-modal h4,
.ad-team-modal h5 {
  margin: 0px;
  font-weight: 400;
}

.ad-team-modal h2 {
  font-size: 26px;
}

.ad-modal-title {
  margin: 0;
}

.ad-modal-inner-content h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  border-bottom: 2px solid var(--secondary);
  width: fit-content;
  padding-bottom: 12px;
  font-size: 500;
}

.ad-modal-inner-content {
  width: 100%;
}

.ad-modal .modal-header {
  padding: 0px;
  min-height: unset;
  border-bottom: unset;
}

.ad-modal .modal-content {
  padding: 40px 20px;
}

.ad-modal-image,
.ad-modal-info {
  padding: 0;
}

.ad-modal-image {
  margin-right: 80px;
}
@media(min-width:992px) {
  .ad-team-modal .ad-modal-image {
    margin-right: 60px;
  }
}

.ad-modal-para {
  margin-bottom: 40px;
}

.ad-modal-info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; 
 }
 @media(min-width:992px) {
   .ad-modal-info {
     justify-content: flex-start; 
    }
 }
 .ad-bio-contact {
  display: flex;
}

.ad-modal-info .fa-phone,
.ad-modal-info .fa-envelope {
  color: var(--secondary);
  font-weight: 900 !important;
  display: flex;
  align-items: center;
}

.ad-modal-info .fa-phone {
  margin-right: 8px;

}

.ad-modal-info .fa-envelope {
  margin: 0px 8px 0px 12px;
}

.ad-team-modal h5 {
  font-size: 16px;
  text-transform: lowercase;
}

.ad-modal-button {
  font-size: 60px;
  margin-top: -40px!important;
  font-weight: 400;
  margin-right: -10px;
}

.ad-modal-footer {
  text-align: center;
}

.ad-modal-close {
  background-color: var(--primary);
  width: 35%;
  padding: 12px;
  color: white;
  font-size: 16px;
}

.ad-modal-close:hover {
  background-color: var(--primary-light);
  color: white;
}

.ad-modal-image img {
  width: 250px;
  height: auto;
  margin-bottom: 20px;
}
.ad-team-modal .ad-modal-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 0;
}

.ad-modal-top {
  height: 300px;
  width: 100%;
}

.ad-modal-para p {
  text-align: left;
  margin: 0 0 0 0;
  width: 100%;
  max-width: 100%;
  font-size: 16px;
}

.ad-team-modal h2 {
  margin-bottom: 14px;
}
.ad-team-modal .ad-modal-wrapper {
  margin: 0;
}

/* Modern Team Page */

.team-modern-hero {
	height: 525px;
    background: var(--primary);
    text-align: center;
    min-height: 300px;
	padding: 120px 15px;
}
.team-modern-hero h1, .team-modern-hero h4 {
	margin: 0;
}
.team-modern-hero h1 {
  color: white;
	margin-bottom: 12px;
	font-size: 50px;
}
.team-modern-hero h4 {
	text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
    width: fit-content;
    margin: auto;
    padding-bottom: 8px;
}
.team-modern {
	margin-top: -180px;
}
.team-content {
	padding: 30px 15px;
}
.team-container-inner {
	box-shadow: 0px 0px 40px 20px rgb(0 0 0 / 2%);
	margin-bottom: 30px;
	transition: 1.5s;
  height: 100%;
}
.team-container-inner:hover {
	box-shadow: 0px 0px 42.5px 22.5px rgb(0 0 0 / 4%);
}
.team-content h3, .team-content p {
	text-align: center;
}
.team-content h3 {
	font-size: 24px;
	font-weight: 500;
	text-transform: capitalize;
	margin-top: 0;
}
.team-content p {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 15px;
	margin-bottom: 24px;
}
.team-content-contact {
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 8px;
  cursor: pointer;
}
.team-content-contact .ad-bio-contact {
	margin: 0px;
	font-size: 14px;
	font-weight: 600;
    text-transform: lowercase;
}
.team-email {
	border: 3px solid #d9d9d9;
    border-radius: var(--radius);
    width: 250px;
    margin: auto;
    max-width: 100%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    transition: 0.25s;
    justify-content: space-between;
    height: 55px;
    position: relative;
	overflow: hidden;
	cursor: pointer;
}
.team-email .ad-bio-contact {
	transition: 1.25s;
	width: 100%;
  margin-left: 12px;  
}
.team-email a {
  width: 100%;
}
.team-content-contact a {
  display: flex;;
}
.team-email-icon {
    height: 52px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary);
    position: absolute;
    left: -60px;
	  transition: 1.25s;
  	color: white;
}
.team-content-contact .fas {
  font-size: 16px;
	margin-right: 6px;
}
.team-content-contact .fa-envelope {
  margin-right: 0px;
}
.team-content-contact .fas.shake {
  animation: shakePhone 1s linear 1;
  -webkit-animation: shakePhone 1s linear 1;
  -moz-animation: shakePhone 1s linear 1;
  -o-animation: shakePhone 1s linear 1;
  -ms-animation: shakePhone 1s linear 1;
}
.team-container-inner img {
	transition: 1.5s;
}
.team-container-inner .img-hexagon {
	overflow: hidden;
	height: 400px;
	background: #d9d9d9;
}

@keyframes shakePhone {
  10% {
    transform: rotateZ(10deg);
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
  }
  20% {
    transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(10deg);
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
  }
  40% {
    transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
  }
  50% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  }
  60% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
  50% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  }
  60% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
  70% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);

  }
  80% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
  90% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  }
  100% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
}

@media (max-width: 767px) {
	.team-container-inner {
		width: 300px;
		margin: auto;
		margin-bottom: 30px;
    max-width: 100%;
	}
}

/* Modern Team Modal */

.page-template-page-team-modern .modal-content {
  background: var(--primary);
}

.page-template-page-team-modern .modal-content h2,
.page-template-page-team-modern .modal-content h3, 
.page-template-page-team-modern .modal-content p,
.page-template-page-team-modern .modal-content h5 {
  color: white;
}

.page-template-page-team-modern .ad-modal-image img {
  width: 100%;
}

.page-template-page-team-modern .ad-modal-wrapper {
 margin: auto 0px;
}

.page-template-page-team-modern .close {
  color: white;
  opacity: 1;
  text-shadow: none;
}

/* Team Close*/


/*** Home Slider **/
.home-scroll {
  z-index: 2;
  width: 100%;
  position: relative;
  text-align: center;
}
.home .fa-angle-down {
  font-size: 40px;
  color: white;
  position: absolute;
  bottom: 35px;
  transition: 1s;
  margin-left: -14px;
}
.pulse {
  transition: 0.5s;
}
.pulse:hover {
  animation: pulse 1s infinite;
  animation-timing-function: linear;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
    100% {
      transform: scale(1);
    }
  }
}
.btn_home {
  border-radius: var(--radius);
  border: none;
  padding: 20px 20px;
  min-width: 240px;
  transition: all 0.5s;
  margin: 20px 10px;
  color: var(--white);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  background: var(--secondary);
  display: flex;
  justify-content: center;
}

.btn_left {
  background-color: var(--primary);
}

.btn_right {
  background-color: var(--secondary);
}

.review-homepage h4 {
  color: white;
  font-size: 17px;
  font-weight: 500;
  margin-right: 8px;
}
.review-homepage {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.review-homepage-stars {
  width: 140px;
  margin-top: 3px;
}

.demo a {
  position: absolute;
  bottom: 50px;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: var(--white);
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: opacity 0.3s;
  width: 100%;
  text-align: center;
}
#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid var(--white);
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: var(--white);
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* Testimonial Page
================================================== */
.testimonials-page {
  background: var(--medium-grey);
}

#testimonial-page {
  max-width: 760px;
  margin: auto;
  margin-top: 60px;
}
.testimonial_inside_left,
.testimonial_inside_right {
  font-size: 17px;
  line-height: 2.5;
  font-weight: 400;
  letter-spacing: 1px;
  color: #504843;
  background: white;
  padding: 65px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  font-style: italic;
}
.testimonial_inside_left .fa,
.testimonial_inside_right .fa {
  font-size: 90px;
  color: rgba(0, 0, 0, 0.05);
  position: absolute;
}
.testimonial_inside_right .fa {
  right: 0px;
  transform: translate(35px, -35px);
}
.testimonial_inside_left .fa {
  left: 0px;
  transform: translate(-35px, -35px);
}
.testimonial_right {
  float: right;
  padding: 0 0 10px 20px;
  position: relative;
}

.testimonial_attribution,
.testimonial_attribution_right {
  display: flex;
}
.testimonial_attribution_right {
  justify-content: flex-end;
}
.testimonial_attribution_right .testimonial_name {
  transform: translate(-30px, -22px);
  margin: 0 !important;
}
.testimonial_attribution .testimonial_name {
  transform: translate(30px, -22px);
  margin: 0 !important;
}
.testimonial_left {
  float: left;
  padding: 0 20px 10px 0;
  position: relative;
}
.testimonial_name {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
  display: flex;
  background: var(--primary);
  padding: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  margin: 0 !important;
}
.testimonial_title {
  color: var(--charcoal);
  font-size: 16px;
  font-weight: 400;
  line-height: inherit;
  margin: 0 !important;
}
.testimonial_company {
  color: var(--secondary);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
}

/* Testimonial Page Close */

/* Testimonial Page Two */

.testimonial-two-wrapper {
  max-width: 1540px;
  margin: auto;
}
.testimonial-two-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.testimonial-two-sizer,
.testimonial-two-card {
  width: calc(50% - 45px);
}
.testimonial-two-card {
  float: left;
}

.testimonials-page-two {
  background: var(--medium-grey);
}
.testimonial-two-card {
  padding: 40px;
  background: white;
  margin-bottom: 80px;
  opacity: 0;
  transition: 0.5s;
  box-shadow: 6px 8px 8px 0px rgba(0, 0, 0, 15%);
  border-radius: var(--radius);
}
.testimonial-two-card p {
  font-size: 14px;
  line-height: 2;
}
.testimonial-two-card p:last-child {
  margin-bottom: 0;
}
.testimonial-two-circle {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  background: var(--primary);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  /* right: 50%; */
  transform: translateX(-50px);
  color: white;
  font-size: 26px;
  font-weight: 500;
  transition: 0.25s;
}
.testimonial-two-name {
  text-align: center;
    margin: 35px 0px;
    border-bottom: 1px solid var(--medium-grey-dark);;
    padding-bottom: 25px;
}
.testimonial-two-card.testimonial-active {
  background: var(--primary);
  box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, 20%);
  transform: translateY(-10px);
}
.testimonial-two-card.testimonial-active p {
 color: white;
}
.testimonial-two-card.testimonial-active .testimonial-two-name {
  color: var(--highlight)
}
.testimonial-two-card.testimonial-active .testimonial-two-circle {
  background: var(--highlight);
  color: var(--primary);
  font-weight: 600;
  transform: translateX(-50px) scale(1.1);
}

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

  .testimonials-page-two {
  padding-left: 40px;
}

}

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

.testimonial-two-card {
  width: 100%;
  }
    .testimonials-page-two {
      padding-left: 20px;
  padding-right: 20px;
}
}





/* Testimonial
================================================== */

.testimonial {
  padding: 20px 0 0;
  text-align: center;
  position: relative;
}
.testimonial .content {
  padding: 25px 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--white);
  position: relative;
  border: 0px solid var(--white);
  border-top: 0px none;
}
.testimonial .testimonial-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #e74c3c;
}
.testimonial .testimonial-title small {
  display: block;
  color: var(--medium-grey);
  font-size: 12px;
  margin-top: 10px;
}
.testimonial .description {
  font-size: 22px;
}

.testimonial-slide .testimonial-content h3.name {
  font-size: 22px;
  color: var(--highlight);
  margin: 10px 0;
  font-weight: 500;
  font-size: 18px;
}

.testimonial-slide .testimonial-content h3 span {
  display: block;
  font-size: 14px;
  color: var(--white);
  font-weight: 400;
  margin-top: 10px;
}

.testimonial-slide .testimonial-text {
  padding-top: 30px;
  display: inline-block;
  position: relative;
  color: var(--white);
  text-transform: initial;
  font-size: 25px !important;
  font-weight: 300;
  min-height: 115px;
  max-width: 75%;
  margin-bottom: 16px;
  line-height: 1.5;
}
/* Owl buttons */
.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-slide.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: var(--secondary-trans);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
  border: 1px solid white;
}
.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 4px rgb(225 225 225 / 35%);
}
.testimonial-quote {
  position: absolute;
  top: 30px;
}
.testimonial-quote img {
  max-width: 100%;
}
.testimonial-slide .owl-dots {
  margin-top: 30px;
}


/* Recent Post
================================================== */

.post-img-wrapper {
  position: relative;
}

.post-img-overlay {
  position: relative;
  display: inline-block;
}

.post-img-overlay::before {
  position: absolute;
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0);
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.post-img-overlay:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
}

.post-img-overlay a {
  position: absolute;
  right: 0;
  color: var(--white);
  background: #666666;
  padding: 15px 20px;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.post-img-overlay a.link {
  right: 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.post-img-overlay:hover a.link {
  left: 0;
  right: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.post-img-overlay a.view {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.post-img-overlay:hover a.view {
  bottom: 0;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.recent-post {
  padding: 0 15px;
}
.recent-post .post-body h3 {
  font-size: 18px;
  margin-bottom: 3px;
  font-weight: 700;
}

.recent-post .post-body h3 a {
  color: #323232;
}

.recent-post .post-body .post-meta a {
  font-weight: 400;
  font-size: 13px;
}

.recent-post .post-body .post-meta span,
.recent-post .post-body .post-meta span i {
  padding-right: 5px;
}

.recent-post .post-excerpt {
  padding-top: 10px;
}

.recent-post .post-excerpt a.read-more {
  padding: 6px 18px;
  border-width: 1px;
  font-size: 12px;
  margin-top: 10px;
}
/*** Contact Us V2 **/

.cotactv2_box {
  border: 1px solid #d1d1d1;
  margin-bottom: 20px;
  padding: 0px 10px 0;
  background-color: var(--white);
  box-shadow: 1px 2px 10px #dedede;
}

.cotactv2_box h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  margin-top: 30px;
  text-transform: uppercase;
  border-bottom: 4px solid var(--secondary);
  line-height: 46px;
  margin-bottom: 30px;
}
.contact_heading {
  color: #47354f;
  font-weight: 600;
  font-size: 18px;
}
.cotactv2_box p {
  margin: 7px 0 20px;
  text-align: left;
}

.cotactv2_box a {
  color: #47354f;
  text-decoration: underline;
}
.contact_us_map_office {
  width: 100%;
  height: 250px;
  margin: 0px;
  padding: 0px;
}

/* Contact Cards Section */

.office-card {
  padding: 20px;
  background: white;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
}
.office-card-content {
  height: 100%;
}
.office-card h4 {
  text-transform: lowercase;
  margin: 0;
  margin-bottom: 12px;
  color: var(--secondary);
}

.office-card h3 {
  margin: 0;
  margin-bottom: 8px;
  color: var(--primary);
  font-size: 21px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 8px;
}
.office-card p {
  margin-bottom: 12px;
  height: 56px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.75;
  text-align: left;
}
.office-card-telephone {
  font-size: 16px;
}
.office-card-email {
  font-size: 13px;
}
.mobile-contact {
  display: none;
}

/* Contact
================================================== */

.mt-4 {
  margin-top: 2rem;
}
.contact-us-page {
  padding: 0px;
}
.contact-bg {
  background: var(--primary);
}
.contact-padding {
  display: flex;
  align-items: center;
  min-height: 800px;
  padding: 5% 10%;
}
.contact_block {
  width: 100%;
}
.contact_block p {
  font-size: 18px;
  color: var(--white);
  text-align: left;
}
.contact_block a[href^="tel"], .contact_block a[href^="mailto"]  {
  color: var(--white);
  text-decoration: none;
}
.single-estate-office-details a[href^="tel"]  {
  color: var(--white);
  text-decoration: none;
  font-weight: 300;
}
.opening-hours-container {
  display: flex;
  background: var(--medium-grey);
  padding: 30px 35px;
  width: 100%;
  margin-top: 35px;
  max-width: 500px;
}
.opening-hours-logo {
  display:flex;
  align-items: center;
  margin-right: 35px;
}
.opening-hours-logo i {
  font-size: 140px;
  color: var(--primary);
}
.opening-hours-info p, .contact_block .opening-hours-info h4 {
  color: var(--primary);
}
.contact-address-container {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.contact-logo-wrapper {
  height: 60px;
  width: 60px;
  background: var(--medium-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 35px;
  min-width: 60px;
}
.contact-logo-wrapper i {
  font-size: 28px;
  margin: 0px;
  color: var(--primary);
}
.contact_block h4 {
  color: var(--white);
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  margin-top: 0px;
}
.contact_block p {
  margin-bottom: 0px;
  font-weight: 500;
}
.contact_block h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}
.contact_line {
  border-width: 6px;
  border-color: #333333;
  width: 6%;
  padding-top: 20px;
  padding-bottom: 0px;
}

#contact-form {
  margin-top: 25px;
}
#contact-form label {
  font-weight: normal;
}

.map-wrapper {
  position: relative;
}

.map {
  height: 400px;
  z-index: 1;
}

.contact-info-inner h3 {
  margin-bottom: 25px;
  font-size: 24px;
  color: var(--white);
}

.contact-info h3 {
  margin-top: 42px;
  font-size: 24px;
}

.contact-info p {
  font-size: 18px;
}

.contact-info i {
  font-size: 18px;
  margin-right: 10px;
}

/* Contact inside Map */
.contact-info-inner {
  position: absolute;
  color: var(--white);
  top: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  padding: 25px 30px;
  max-width: 400px;
  max-height: 400px;
  text-align: left;
}

.contact-info-inner p {
  overflow: hidden;
  margin-bottom: 25px;
}

.contact-info-inner p strong {
  display: block;
}

.contact-info-inner i {
  margin-right: 20px !important;
  font-size: 24px;
  margin-top: 5px;
}

/* Footer
================================================== */
.valuation_bottom {
  display: none;
}
.footer-sticky {
  display: none;
}
.footer-sticky {
  position: fixed;
  padding: 5px;
  bottom: 0;
  width: 100%;
  background-color: var(--medium-grey);
  z-index: 2;
}
.head_office a {
  color: var(--white);
}

.footer {
  background: #2e2e2e url(../images/footer-bg.jpg) no-repeat center 0;
  background-size: cover;
  color: var(--white);
  font-size: 14px;
}

.footer-menus {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.footer-menus section {
  width: 100%;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-map {
  padding-bottom: 60px;
}

.footer2 {
  background: var(--color-footer-top-bar);
}

.footer .social-icon {
  padding: 10px 0 20px;
}

.acordion-master h2 {
  border-bottom: 1px solid var(--charcoal);
  padding: 10px 0px;
  cursor: pointer;
  color: #dedede;
  font-size: 15px;
  font-weight: 300;
}
.acordion-master .fa-chevron-down {
  font-size: 18px;
  margin-left: 5px;
  transition: all 1s;
  vertical-align: middle;
}
.acordion-master .active {
  transform: rotate(180deg);
  transition: all 1s;
}

.acordion-master .contenido-mostrar p {
  margin-top: 0px;
}
.acordion-master .hidden-block {
  display: none;
}

.trustpilot {
  margin-top: 20px !important;
}

.trustpilot-mobile {
  display: none;
}

.owl-carousel-footer-logos {
  padding: 0;
}

.owl-carousel-footer-logos .owl-nav button.owl-next {
  right: 0;
}

.owl-carousel-footer-logos .owl-nav button.owl-prev {
  left: 0;
}

.owl-carousel-footer-logos .fa-chevron-right,
.owl-carousel-footer-logos .fa-chevron-left {
  width: unset;
  color: var(--charcoal);
  background: transparent;
}


.owl-carousel-footer-logos .owl-nav button {
  top: 39%;
}

/* Latest Post */

.footer-widget .latest-post-image img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 4px solid rgba(255, 255, 255, 0.5);
}

.footer-widget .latest-post-content h4 a {
  color: var(--white);
}

.latest-post-items {
  margin-bottom: 10px;
}

.latest-post-image img {
  width: 70px;
  height: 60px;
}

.footer-widget .post-meta,
.footer-widget .post-meta a {
  color: var(--white);
}

.latest-post-content h4 {
  font-size: 18px;
  line-height: normal;
}

/* Image Gallery */

.valuation_bottom {
  display: none;
}
.footer-sticky {
  display: none;
}
.footer-sticky {
  position: fixed;
  padding: 5px;
  bottom: 0;
  width: 100%;
  background-color: var(--medium-grey);
  z-index: 10;
}

.footer-widget .img-gallery {
  margin-top: 5px;
  display: inline-block;
}

.img-gallery a.thumb-holder {
  overflow: hidden;
  position: relative;
}

.img-gallery a.thumb-holder img {
  margin: 0 15px 15px 0;
  display: inline-block;
  width: 95px;
  height: 85px;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.img-gallery a.thumb-holder:hover img {
  opacity: 0.7;
}

.footer2 .img-gallery a.thumb-holder img {
  width: 90px;
  height: 75px;
}

/* Footer about us */

.footer-about-us h4 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
}

.subscribe {
  margin-top: 20px;
}

.subscribe input.form-control {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.subscribe .input-group-addon {
  background: none;
  border-radius: 0;
  border: 0;
  padding: 0;
}

.subscribe button {
  padding: 13px 20px;
  color: var(--white);
}

.subscribe button:hover {
  background: #222;
  color: var(--white);
}

.subscribe button i {
  font-size: 20px;
}

/* Footer links */

.footer ul {
  padding: 0;
}

.footer ul li {
  list-style: none;
  line-height: 1.5;
}

.footer ul li a,
.footer .textwidget p,
.footer .textwidget p a {
  color: var(--white);
  font-size: 16px;
}

.footer ul.arrow li {
  width: 50%;
  float: left;
}

ul.arrow li:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  margin-right: 10px;
  font-size: 14px;
}

ul.arrow2 li:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  margin-right: 10px;
  font-size: 14px;
}

/* Copyright
================================================== */

.copyright-info {
  display: flex;
  align-items: center;
}

.copyright-info img {
  height: 30px;
}

.footer-social {
  position: relative;
  z-index: 10;
}

.footer-social .icon-pentagon i {
  font-size: 18px;
}

/* Footer sytle 2 */

.footer2 .social-icon {
  padding-bottom: 15px;
}


#back-to-top {
  right: 40px;
  top: auto;
  z-index: 10;
  -webkit-backface-visibility: hidden;
}

#back-to-top.affix {
  bottom: 60px;
}

#back-to-top .btn.btn-primary {
  border-radius: 100%;
  padding: 0;
  font-size: 18px;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
  color: var(--white);
  opacity: 0.5;
}

#back-to-top .btn.btn-primary:hover {
  color: var(--white);
  opacity: 1;
}

/* Sub pages
================================================== */

/* Banner area */

#banner-area {
  position: relative;
}

.banner-title-content {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
}

.banner-title-content h2 {
  color: var(--white);
  font-size: 36px;
}

.banner-title-content .breadcrumb {
  background: none;
  color: var(--white);
  font-weight: 700;
  font-size: 16px;
}

.banner-title-content .breadcrumb a:hover {
  color: #ccc;
}

/* About Us */

.about-message {
  background: var(--white);
  min-height: 500px;
}

.about-message ul li a {
  color: #6a6a6a;
}
.about-message p {
  font-size: 17px;
  line-height: 32px;
}

/** Blog **/
.container.container-blog {
  max-width: 970px;
  margin-right: auto;
  margin-left: auto;
}
.blog-home h1 {
  font-size: 38px;
  line-height: 45px;
  text-transform: capitalize;
}
.inner-heading,
.form-category {
  display: inline-block;
  margin-bottom: 40px;
}
.inner-heading {
  font-size: 22px;
  font-weight: 300;
}
.form-category select {
  padding: 8px;
  text-transform: lowercase;
  height: 50px;
  border-bottom: 1px solid #1a1f21;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size: 22px;
  font-weight: 300;
  width: 180px;
  color: #333;
  background: transparent;  
}
.blog-block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 30px;
}
.blog-box {
  margin-bottom: 30px;
  display: flex;
}
.blog-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
}

.blog-content {
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  /* height: -webkit-fill-available; */
}
.blog-image {
  min-height: 370px;
  height: 370px;
  overflow: hidden;
}
.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.blog-image img:hover {
  transform: scale(1.1);
}
.blog-image-inside img {
  height: 370px;
  width: 100%;
  object-fit: cover;
}
.blog-content h4 {
  font-size: 18px;
  /* letter-spacing: 1px; */
  margin: 16px 0px 12px;
  line-height: 1.5;
}
.blog-content p {
  font-size: 14px !important;
  margin-bottom: 0;
  text-align: left;
  display:none;
}
.blog-container a {
  color: #1a1f21;
  font-weight: 700;
}
.blog-container a:hover {
  text-decoration: underline;
}
.blog-bottom {
  display: flex;
  justify-content: space-between;
  /* margin-top: auto; */
}
.home_read_time {
  color: var(--secondary);
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}
.author_details {
  display: flex;
  justify-content: center;
  align-items: center;
}
.author_details_single {
  padding: 1rem 0rem;
  min-height: 60px;
  /* width: 100%; */
}
.single_content {
  margin: auto;
  margin-top: 10px;
  max-width: 750px;
}
.home_read_more {
  padding-right: 20px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.home_read_more a {
  font-weight: 400;
  font-size: 16px;
}

.post_author_home {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 100%;
  margin-right: 7px;
}
.post_author_name_home {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  padding-bottom: 0px;
}

.blog-link,
.blog-link a {
  margin-top: 20px;
  font-weight: 600;
  color: var(--text-light);
}

.blog-link a {
  color: var(--primary);
}

.blog-link a:hover {
  color: var(--secondary);
  border-bottom: 1px solid var(--secondary);
}

.single_category {
  font-weight: 800;
}

.blog-premade-image {
  margin-bottom: 25px;
}

.blog-premade-image img {
  width: 100%;
}

/** Author **/

.awr.cat {
  box-shadow: 0 0rem 1rem 0rem rgba(52, 49, 47, 0.25);
  background-color: rgb(248, 248, 248);
  float: left;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}
.right h4 {
  margin-top: -4px;
  margin-bottom: 10px;
}
.blog-user-info {
  padding: 20px;
  min-height: 220px;
  display: flex;
}
.awr.cat .left {
}
.left {
  float: left;
  width: 16%;
}
.avatar {
  display: block;
}
.alignnone {
  margin: 10px;
}
.awr.cat .right {
  width: 84%;
  padding-left: 15px;
}
.right {
  display: flex;
  flex-direction: column;
}
.awr.cat h6 {
  font-weight: 700;
  margin-top: 0px;
}
.awr.cat p {
  margin-top: 0;
  margin-bottom: 0rem;
  font-size: 14px;
}
.awr.cat a {
  font-weight: 500;
}
.blog-user-read-social {
  background-color: var(--primary);
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.blog-user-read-all {
  display: flex;
  justify-content: space-between;
}

.all_author_post {
  display: flex;
  align-self: center;
}
.all_author_post a {
  color: white;
  border-left: 4px solid white;
  padding-left: 6px;
}

.post_author {
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px #e5e5e5 solid;
  background-clip: content-box;
  margin-right: 12px;
  float: left;
}
.post_author_name {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 26px;
  float: left;
}
.read_time {
  float: right;
  padding-top: 14px;
}

.post_date {
  color: var(--text-light);
  font-size: 14px;
  font-weight: 600;
}
.end_post {
  border-width: 3px;
  border-color: #333333;
  width: 10%;
  padding-top: 20px;
  padding-bottom: 0px;
}

.author-title {
  font-size: 48px;
  font-weight: 400;
  width: 100%;
}
.author_arrow {
  font-size: 18px;
  padding-right: 0;
  display: flex;
}
.author_arrow a {
  color: var(--white);
}
.mt-10 {
  margin-top: 9rem;
}

.follow-on {
  text-align: right;
  font-size: 14px;
  margin-top: 10px;
}
.follow-on span {
  font-weight: 600;
}

.related_post_block {
  background-color: var(--medium-grey);
}

/*** Sidebar Recent Post Widget **/
.pps {
  margin-bottom: 10px;
}
.left_block {
  float: left;
}
.txt {
  padding-left: 9px;
  padding-top: 9px;
  position: relative;
  width: 81%;
}

.pps a {
  color: #368626;
  display: block;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.4em;
}

.tim .wti {
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 38px;
  width: 38px;
}

/* Social Sharing Icons Single Post*/
.sidenav-holder {
  position: sticky;
  top: 140px;
  margin-top: 60px;
}

.affix_single {
  top: 130px;
  width: 50px;
}
.share_post {
  display: none;
}
.share_post {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 10px 0px 10px 0px;
}
.share_post span {
  vertical-align: super;
  font-weight: 600;
}
.affix-bottom {
  position: absolute;
}
.share {
  text-align: center;
  width: 100%;
  font-weight: bold;
}
#wrapper_social {
  padding-bottom: 0px;
  text-align: center;
}
@media(min-width:1200px) {
  #wrapper_social {
    display: flex;
    flex-direction: column;
  }
}
.sharing-icon {
  padding: 20px 10px;
  font-size: 26px;
  color: var(--primary);
  opacity: 0.5;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}

.sharing-icon:hover {
  transform: translateY(-5px);
  opacity: 1;
}

.fb_square {
  color: #6788ce;
}
.twitter_square {
  color: #29c5f6;
}
.in_square {
  color: #3a9bdc;
}

/* End Social Sharing Icons Single Post*/

/* Areas We Cover */

.areas-we-cover-image:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

a.full-block-link {
  font-size: 36px;
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  text-align: center;
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.title-desc3 {
  padding-top: 30px;
}
.title-desc3 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  color: #6a6a6a;
}

/* Call to Action */

.call-to-action {
  color: var(--white);
  padding: 40px 0;
}

.call-to-action.dark {
  background: #2a2d32;
}

.call-to-action h3 {
  color: var(--white);
  float: left;
  margin: 10px 0 0;
  font-size: 20px;
}

.call-to-action .btn.btn-primary.white:hover {
  background: #000;
}

.call-to-action .btn.btn-primary.solid {
  margin-left: 15px;
}

/* Career */

.panel.panel-default {
  background: var(--medium-grey);
}

h4.panel-title {
  position: relative;
  padding-left: 30px;
}

h4.panel-title a:before,
h4.panel-title a.collapsed:before {
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  z-index: 0;
  font-size: 16px;
  left: 0;
  padding: 0 5px;
  text-align: center;
}

h4.panel-title a:before {
  content: "\f056";
}

h4.panel-title a.collapsed:before {
  content: "\f055";
}

.panel-body ul {
  padding-left: 35px;
}

.panel-body p {
  max-width: 100%;
  text-align: left;
}

.panel-group .btn.btn-primary.solid:hover {
  color: #333;
}

/* Testimonial */

.ts-testimonial-content {
  position: relative;
  padding: 30px 30px 15px 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #e7e7e7;
  margin-bottom: 40px;
}

.ts-testimonial-content:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 45px;
  border-style: solid;
  border-width: 40px 0px 0 30px;
  border-color: #e7e7e7 transparent;
  display: block;
  width: 0;
  z-index: 1;
}

.ts-testimonial-content img {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.ts-testimonial-text {
  padding-left: 110px;
}

.ts-testimonial-author {
  position: absolute;
  bottom: -60px;
  left: 90px;
}

.ts-testimonial-author h3.name {
  font-size: 14px;
  margin: 10px 0 0;
}

.ts-testimonial-author h3 span {
  display: block;
  font-size: 13px;
  margin-top: -10px;
  text-transform: capitalize;
  color: #555;
}

/* Faq Page */

.faq-box {
  margin-bottom: 45px;
}

.faq-box h4 {
  margin-bottom: 25px;
}

/*** Page Valuation **/

.valuation-page-circle {
  color: var(--primary);
  background: var(--white);
  border-style: solid;
  border-color: var(--secondary);
  border-width: 8px;
  width: 130px;
  height: 130px;
  line-height: 117px;
  border-radius: 500px;
  font-size: 60px;
  display: inline-block;
}
.valuation-box {
  border: 1px solid #d1d1d1;
  margin-bottom: 20px;
  padding: 25px 25px 0;
  background-color: var(--white);
  box-shadow: 1px 2px 10px #dedede;
}

.valuation-box h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.valuation-button {
  background-color: var(--secondary);
  color: var(--white);
  margin-bottom: 25px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: 500;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--primary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--primary) inset;
  text-transform: uppercase;
}
.valuation-button:hover {
  background-color: var(--secondary-dark);
  color: var(--white);
}
/*** Page Valuation Close**/

/* Page Valuation Two Boxes */

.valuation-two-boxes {
  min-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.valuation-two-boxes-headings {
  margin-bottom: 40px;
}

.valuation-two-boxes-container {
  min-height: 90vh;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 25%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 15px 125px 15px;
}

.valuation-two-boxes h1,
.valuation-two-boxes p {
  color: white;
  text-align: center;
  text-shadow: 1px 1px rgb(0 0 0 / 50%);
}

.valuation-two-boxes p {
  font-size: 22px;
}

.valuation-two-boxes h1 {
  font-size: 43px;
  font-weight: 500;
}

.valuation-two-box {
  box-shadow: none;
  border: none;
  border-radius: var(--radius);
  padding: 45px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.valuation-two-box button {
  margin-top: auto;
}

.valuation-two-box h2 {
  font-size: 22px;
  text-align: center;
}

.valuation-two-box p {
  color: var(--text);
  font-size: 16px;
  text-shadow: none;
}

/* Page Valuation Two Boxes Close */

/* 404 page */

.error-button {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 0px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 500;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
}
.error-button:hover {
  background-color: var(--secondary);
}

/* 404 page End */

/* Blog
================================================== */

/* Blog Listing */

.post {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid var(--medium-grey);
}

.post.post-last {
  border-bottom: 0;
}

.post-image-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.blog-date {
  position: absolute;
  top: 50px;
  left: 0;
  color: var(--white);
  border-radius: 0 25px 25px 0;
  padding: 5px 15px;
  font-weight: 700;
}

.blog-date a {
  color: var(--white);
}

.post-footer .btn.btn-primary {
  font-size: 12px;
  padding: 8px 20px;
  margin-top: 15px;
}

/* Blog Single */

.post-meta {
  color: #959595;
  font-weight: 400;
  font-size: 13px;
}
.post-meta span {
  padding-right: 10px;
}

.post-meta a {
  color: #959595;
}

.post-meta-author a,
.post-meta-cats a {
  color: #323232;
}

.entry-content {
  padding: 20px 0 10px;
}

/* Blog author */

.about-author {
  background: #f2f2f2;
  padding: 15px 20px;
  margin: 20px 0;
}

.author-img img {
  width: 120px;
  height: 120px;
  margin-right: 30px;
  border-radius: 100%;
  margin-top: 20px;
}

.author-url span a {
  color: #959595;
}

.author-info h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
}

.author-info h3 span {
  font-size: 14px;
  color: #959595;
  border-left: 1px solid #afafaf;
  padding-left: 8px;
  margin-left: 5px;
}

/* Blog post comments */

.comments-counter {
  font-size: 18px;
}
.comments-counter a {
  color: #323232;
}

.comments-list {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}

.comments-list .comment {
  border-bottom: 1px solid #cecece;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.comments-list .comment.last {
  border-bottom: 0;
}
.comments-list img.comment-avatar {
  width: 84px;
  height: 84px;
  margin-right: 30px;
  border-radius: 100%;
}

.comments-list .comment-body {
  margin-left: 120px;
}

.comments-list .comment-author {
  margin-bottom: 0;
}

.comments-list .comment-date {
  font-style: italic;
  color: #959595;
  margin-bottom: 20px;
}

.comments-list .comment-reply {
  text-transform: uppercase;
  color: #323232;
}

.comments-reply {
  list-style: none;
  margin: 0 0 0 70px;
}

.comments-form .btn.btn-primary {
  padding: 10px 20px;
}

.comments-form label {
  font-weight: normal;
  color: #959595;
}

/* Sidebar */

.sidebar h3.widget-title {
  font-size: 18px;
  line-height: normal;
  margin-top: 0;
}

.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar-right {
  padding-left: 20px;
}

/* Blog search */

.sidebar #search .input-group-btn .btn.btn-primary {
  padding: 11px 12px;
}

/*-- Blog tab widget --*/

.widget-tab .nav-tabs {
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}

.widget-tab .nav-tabs > li:first-child {
  margin-left: 10px;
}

.widget-tab .nav-tabs > li > a {
  background: #f2f2f2;
  color: #323232;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 3px 3px 0 0;
  margin-right: -1px;
  border: 1px solid #e7e7e7;
  border-bottom: 0;
}

.widget-tab .nav-tabs > li.active > a {
  background: var(--white);
  color: #323232;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}

.widget-tab .tab-content {
  border-top: 0;
  padding: 10px 0 0;
}

.widget-tab .posts-thumb img {
  display: block;
  width: 85px;
  height: 65px;
  margin-right: 20px;
}

.widget-tab .posts-avator img {
  display: block;
  width: 62px;
  height: 62px;
  margin-right: 20px;
  border-radius: 100%;
}

.widget-tab h4.entry-title {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 5px;
}
.widget-tab h4.entry-title a {
  color: #323232;
}

.widget-tab .post-meta span {
  padding-right: 5px;
}

.widget-tab ul.posts-list li {
  padding-bottom: 10px;
}

/*-- Blog category widget --*/

.widget-categories ul.category-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget-categories ul.category-list li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widget-categories ul.category-list li:hover {
  padding-left: 10px;
}

.widget-categories ul.category-list li a {
  color: #323232;
}

.widget-categories ul.category-list li:last-child {
  border-bottom: 0;
}

.widget-categories ul.category-list li .posts-count {
}

/*-- Blog tags widget --*/

.widget-tags ul > li {
  float: left;
  margin: 6px;
}

.widget-tags ul > li a {
  background: #f2f2f2;
  color: #6a6a6a;
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widget-tags ul > li a:hover {
  color: var(--white);
}

/* Landing page
================================================== */

/* Header */

.landing-header.header-bgnone {
  background: rgba(0, 0, 0, 0.8);
}

.landing-header.header-bgnone ul.navbar-nav > li:hover > a,
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
}

.hero-section {
  height: 100%;
  background-image: url(../images/landing/main-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top center;
  padding-bottom: 0;
  padding-top: 200px;
  overflow: hidden;
}
.hero-section .container {
  height: 100%;
}

.hero-content {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
}

.hero-text {
  display: table-cell;
  vertical-align: bottom;
  color: var(--white);
  padding-right: 50%;
  width: 100%;
  padding-bottom: 10%;
}

.hero-title {
  font-size: 40px;
  line-height: 50px;
  color: var(--white);
}

.hero-description {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 30px;
  color: var(--white);
}

.hero-images {
  display: block;
  position: absolute;
  bottom: 80px;
  right: 0;
  width: 50%;
  max-height: 100%;
}

.hero-images img {
  display: block;
  position: relative;
  max-height: 100%;
  width: auto;
}

.hero-buttons a.btn {
  color: var(--white);
  padding: 15px 50px;
}

.hero-buttons a.btn.solid {
  margin-left: 10px;
}

.hero-buttons a i {
  margin-left: 5px;
}

/* Facts */

.landing_facts {
  color: var(--white);
  padding: 50px 0;
}

.landing_facts .facts i {
  font-size: 36px;
}

.landing_facts .facts-num span {
  font-size: 56px;
}

/* Video and video background */

.video-embed {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
  background-color: #000000;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-background-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

iframe {
  border: 0;
}

.youtube-video {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-inline: auto;
}

.youtube-block {
  margin-bottom: 25px;
}

/* Screenshot image */

.app-gallery .grid {
  display: block;
  margin: 0 15px 20px;
  padding: 5px;
}

.app-gallery figure.effect-oscar a {
  margin: 125px 5px 0;
}

.app-gallery figure.effect-oscar figcaption::before {
  border: 0;
}

.client-carousel {
  padding-right: 0px;
  padding-left: 0px;
}
.client-carousel img {
  display: block;
  width: 100%;
  height: 370px;
  object-fit: cover;
}
.pd40-footer-bottom {
  padding-bottom: 30px;
}
.pd80-footer {
  padding-top: 40px;
}
.footer_logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_logo ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.footer_logo img {
  width: 100%;
}
.owl-carousel-footer-logos .owl-item.active img {
  opacity: 1;
}
@media(min-width:992px) {
 .footer_logo ul {
  gap: 40px;
 }
}
.footer_logo ul li {
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  /* filter: grayscale(1);
  opacity: 0.8; */
}

/* Elements page
================================================== */

.testimonial.elements .testimonial-text,
.testimonial.elements .testimonial-content h3.name,
.testimonial.elements .testimonial-content h3 span {
  color: #323232;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial.elements
  .testimonial-slide.owl-theme
  .owl-controls
  .owl-page
  span {
  border: 1px solid #e7e7e7;
}

/* Style Swithcer
================================================== */

.style-switch-wrapper {
  position: fixed;
  top: 100px;
  right: -250px;
  width: 250px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.75);
  border-bottom-right-radius: 4px;
  padding: 20px 20px;
  z-index: 1000;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.style-switch-wrapper h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.style-switch-wrapper.active {
  right: 0;
}

.style-switch-button {
  position: absolute;
  top: 0;
  right: 250px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.75);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 1000;
  cursor: pointer;
}

.style-switch-button i {
  color: var(--white);
  position: relative;
  line-height: 1;
  top: 15px;
  left: 15px;
  font-size: 20px;
}

.style-switch-wrapper button {
  width: 30px;
  height: 30px;
  border-radius: 100% !important;
  margin-bottom: 5px;
  color: var(--white);
  display: inline-block;
  padding: 0 !important;
  margin-right: 2px;
  border: 0 !important;
}

a.close-styler {
  color: var(--white) !important;
  padding: 7px 20px !important;
  margin-right: 6px;
}

.style-switch-wrapper button:active,
.style-switch-wrapper button:focus {
  border: 2px solid var(--white);
}

.style-switch-wrapper #preset1 {
  background-color: #49a2e7;
}

.style-switch-wrapper #preset2 {
  background-color: #81c83c;
}

.style-switch-wrapper #preset3 {
  background-color: #ee3b24;
}

.style-switch-wrapper #preset4 {
  background-color: #ffc400;
}

.style-switch-wrapper #preset5 {
  background-color: #334f96;
}

.style-switch-wrapper #preset6 {
  background-color: #8c42ba;
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.2
*/

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
  color: var(--white);
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 28px;
  height: 8px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: var(--white);
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

/* Owl buttons */
.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--secondary-trans);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--secondary-dark);
}

/* Global styles
================================================== */

a {
  color: var(--secondary);
}

a.read-more:hover {
  color: var(--primary);
}

/* Typography
================================================== */

.btn.btn-primary {
  border: 2px solid var(--charcoal);
  border-radius: var(--radius);
}

.btn.btn-primary:hover {
  background: var(--primary-trans);
}

.btn.btn-primary.solid {
  background: #49a2e7;
}

ul.circle li:before {
  color: #49a2e7;
}

/* Common styles
================================================== */

.heading:hover .title-icon {
  color: #49a2e7;
}

h2.entry-title a:hover {
  color: #49a2e7;
}

/* Icon pentagon */

.icon-pentagon {
  /* background: none repeat scroll 0 0 var(--primary-dark); */
  background: none repeat scroll 0 0 var(--color-footer-top-bar);
  /* border-radius: 50%; */
  height: 42px;
  width: 42px;
}

.icon-pentagon:before {
  border-bottom: 10px solid #49a2e7;
}

.icon-pentagon:after {
  border-top: 10px solid #49a2e7;
}

.service-icon:before {
  border-bottom: 30px solid #49a2e7;
}

.service-icon:after {
  border-top: 30px solid #49a2e7;
}

/* Carousel controller */

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
  background: #49a2e7;
}

/* Input form */

.form-control:focus {
  border: 1px solid #49a2e7 !important;
}

/* Flex Slider */

.portfolio-slider .flex-direction-nav a:hover,
.second-slider .flex-direction-nav a:hover {
  background: #49a2e7;
}

/* Pagination */

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  background: #49a2e7;
}


/* Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
  background-color: #49a2e7;
}

#main-slide .carousel-control i:hover {
  background: #49a2e7;
}

/* Image Block
================================================== */

.image-block-content .feature-icon {
  background: #000000;
}

/* Portfolio
================================================== */

.isotope-nav ul li a {
  border: 1px solid #49a2e7;
}

.isotope-nav ul a.active,
.isotope-nav ul a:hover {
  background: #49a2e7;
}

.isotope-nav ul a.active:after,
.isotope-nav ul a:hover:after {
  border-color: #49a2e7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

/* Feature box
================================================== */
.feature-icon {
  color: #49a2e7;
}

.feature-center-icon {
  color: #49a2e7;
}

/* About us
================================================== */

/* Featured Tab */

.featured-tab .nav-tabs > li.active > a {
  background: #49a2e7;
}

.featured-tab .nav-tabs > li.active > a:after {
  border-left-color: #49a2e7;
}

.featured-tab .nav-tabs > li > a:hover {
  background: #49a2e7;
  color: var(--white);
}
.featured-tab .nav-tabs > li > a:hover:after {
  border-left-color: #49a2e7;
}

/* Testimonial
================================================== */

.testimonial-slide .testimonial-text:before {
  color: #f05222;
}

.testimonial-slide .testimonial-text:after {
  color: #f05222;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span {
  background: #f05222;
}

/* Recent Post
================================================== */

.post-img-overlay a:hover {
  background: #49a2e7;
}

/* Accordion css */

.accordion-container {
  background: var(--primary);
  padding: 80px 15px;
}
.ac-heading > h2 {
    margin-bottom: 40px;
}
.faqs-nested .ac {
  max-width: 970px;
  margin: auto;
  background: var(--primary);
  color: white;
  border: none;
  border-bottom: 1px solid var(--highlight);
}
.faqs-nested .ac-main-container {
  padding-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.faqs-nested .ac-header {
  color: white;
}
.faqs-nested .ac-heading p, .ac-heading h2 {
  color: white;
  text-align: center;
}
.faqs-nested .ac .ac-panel .ac-text {
  font: unset;
}
.faqs-nested .ac .ac-trigger {
  color: white;
  border: none;
  font: unset;
  font-size: 2rem;
  padding-left: 0;
}
.faqs-nested .ac-inner .ac .ac-trigger {
  text-transform: unset;
  font-size: 18px;
  padding: 18px 0px;
  padding-right: 45px;
}
.faqs-nested .ac-panel {
  display: flex;
  align-items: flex-start;
}
.faqs-nested .ac .ac-outer .ac-panel .ac-text,
.ac-panel p {
  text-align: left;
  padding: 0;
  line-height: 2;
  padding-bottom: 12px;
  font-size: 22px;
  color: var(--highlight);
}
.faqs-nested .ac .ac-inner .ac-panel .ac-text {
  color: white; 
  line-height: 2;
  padding: 12px 0px 22px 0px;
}
.faqs-nested .ac .ac-trigger:focus {
  color: white;
}
.faqs-nested .ac-main-text {
  max-width: 380px;
}
.faqs-nested .ac-inner {
  padding-bottom: 40px;
  max-width: 380px;
  margin-left: auto;
}
.faqs-nested .ac-inner .ac:last-child {
  border-bottom: none;
}
.faqs-nested .ac-outer:last-child {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .faqs-nested .ac-main-container {
  align-items: flex-start;
  flex-direction: column;
}
.faqs-nested .ac-main-text {
  max-width: 100%; 
}
.faqs-nested .ac-inner {
  margin: auto;
  max-width: 100%;
}
}

/* Footer
================================================== */
/* .privacy-terms {
  font-size: 12px;
  padding-top: 12px;
  margin-bottom: -20px;
} */

.privacy-terms a {
  color: var(--white);
  font-weight: 300;
}
#copyright {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 8px;
}
@media(min-width:1200px) {
 #copyright {
  flex-direction: row;
  justify-content: space-between;
 }
}
.copyright-info {
 display: flex;
 justify-content: center;
 align-items: center;
}
@media(min-width:1200px) {
 .copyright-info {
  justify-content: flex-end;
 }
}
.copyright-info p,
.copyright-info p a {
 font-weight: 300;
}
.copyright-info img {
  max-width: 34px;
  position: relative;
  top: -4px;
  width: auto;
}

.copyright-info a:hover {
  color: var(--white);
}

.footer2 .copyright-info a {
  /* color: #d64f2d; */
}

#back-to-top .btn.btn-primary:hover {
  background: var(--highlight);
}

.footer-about-us h4 {
  color: #d64f2d;
}

.footer-widget .latest-post-content h4 a:hover {
  color: #d64f2d;
}

.subscribe button {
  background: #49a2e7;
}

/* Blog Item page
================================================== */

.post-meta a:hover {
  color: #49a2e7;
}

.author-url span a:hover {
  color: #49a2e7;
}

.comments-counter a:hover {
  color: #49a2e7;
}

.comments-list .comment-reply:hover {
  color: #49a2e7;
}

/*-- Blog sidebar --*/

.widget-tab .nav-tabs > li.active > a {
  background: #49a2e7;
}

.widget-tab h4.entry-title a:hover {
  color: #49a2e7;
}

.widget-tags ul > li a:hover {
  background: #49a2e7;
}

/* Landing page
================================================== */

.landing-header.header-bgnone ul.navbar-nav > li:hover > a,
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
  color: #49a2e7;
}

.features-content .features-icon {
  color: #49a2e7;
}

.landing_facts {
  background: #49a2e7;
}

.landing-tab .nav-tabs > li.active {
  border-right: 5px solid #49a2e7;
}

.landing-tab .nav-tabs > li.active > a i {
  color: #49a2e7;
}

.landing-tab .nav-tabs > li > a:hover {
  color: #49a2e7 !important;
}

.landing-tab .tab-pane i.big {
  color: #49a2e7;
}

.app-gallery.owl-theme .owl-controls .owl-page.active span {
  background: #49a2e7;
}

.landing_page_clients {
  background: #49a2e7;
}

/* Misc */

.title-border {
  border-bottom: 2px solid #49a2e7;
}

.post-title a:hover {
  color: #49a2e7;
}

.portfolio-static-desc a:hover {
  color: #49a2e7;
}

.client-carousel .item a:hover {
}

.footer ul li a:hover {
  opacity: 1;
}

.call-to-action {
  background: #49a2e7;
}

.blog-date {
  background: #49a2e7;
}

.widget-categories ul.category-list li a:hover {
  color: #49a2e7;
}

.about-message ul li a:hover {
  color: #49a2e7;
}
/** Content with Sidebar **/
.widget {
  margin-bottom: 40px;
}
.sidebar-nav {
  margin-bottom: 20px;
  position: sticky;
  top: 100px;
  margin-top: 10px;
}
.sidebar-nav ul {
  list-style-type: none;
}
.sidebar-title:after {
  content: "";
  width: 60px;
  height: 2px;
  background: var(--secondary);
  display: block;
  margin-top: 15px;
}
.sidebar-left ul {
  list-style-type: none;
  padding: 10px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 25px;
}
.sidebar-left li ::before,
.sidebar-nav .menu li ::before {
  position: absolute;
  margin-top: 11px;
  left: 10px;
  display: inline-block;
  content: "";
  border-top: 2px solid var(--secondary);
  border-left: 2px solid var(--secondary);
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sidebar-left a {
  color: var(--titles);
  text-decoration: underline;
  font-weight: 300;
}
.sidebar-left a:hover {
  text-decoration: none;
  color: var(--secondary);
}
.arrange-viewing-sidebar-left {
  background-color: transparent;
  color: var(--primary);
  margin-right: 0px;
  padding: 15px 0px;
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: 600;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--secondary) inset;
  width: 100%;
  border: 1px solid var(--primary);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.arrange-viewing-sidebar-left:hover {
  background-color: var(--secondary-trans);
  border: 1px solid var(--secondary);
}
.sidebar-banner {
  margin-bottom: 20px;
}
.sidebar-banner p {
  text-align: left;
}
.centered {
  padding: 10px 20px;
  background: rgb(239, 82, 34, 0.9);
  width: 100%;
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.socials .facebook {
  background: #3c5a99;
}
.socials .twitter {
  background: #5fa9dd;
}
.socials .linkedin {
  background: #3a9bdc;
}
.socials .googleplus {
  background: #de4b43;
}
.socials a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--white);
  font-size: 2em;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}
.socials a:hover {
  text-decoration: none;
}
.socials li {
  display: flex;
  text-indent: 0;
}
.socials ul {
  list-style: none;
  padding: 0px;
}
/** Content with Sidebar Close **/

/** Responsiveness **/

@media (min-width: 1201px) and (max-width: 1430px) {
  .navbar-nav.navbar-center {
    left: 42%;
  }

  .about-message-home h3 {
    line-height: initial;
  }
  .about-wrapper-top {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 1200px) {
  .wide-image img,
  .narrow-image img, .three-image {
    height: 190px;
  }
  .img-hexagon, .team-container-inner .img-hexagon {
    height: 275px;
  }
  .opening-hours-container {
    padding: 20px 25px;

  }
  .opening-hours-logo i {
    font-size: 40px;
  }
  .share_button_holder {
    width: 100%;
  }

}

@media (min-width: 993px) and (max-width: 1200px) {
  .btn-3 {
  }
  .btn-2,
  .btn-3 {
    padding: 20px 32px;
    font-size: 16px;
  }
  .page-estate-agent {
    font-size: 25px;
  }
  .page-info-title {
    font-size: 32px;
  }
  .share_post {
    display: block;
  }
  .btn-4,
  .btn-5 {
    font-size: 18px;
    padding: 11px 10px;
  }
  .mt-4 {
    margin-top: 2.5rem;
  }
  .arrange-viewing {
    padding: 10px 11px;
  }
  .list-tools span {
    margin-left: 1px;
    letter-spacing: 0em;
    font-size: 13px;
  }
  .about-message-home h3 {
    line-height: initial;
  }
  .about-wrapper-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  .page-info-agent h1 {
    font-size: 34px;
  }


}
@media (max-width: 992px) {
  .page-info-agent h1 {
    font-size: 34px;
  }
}

@media (max-width: 992px) {
  body {
    margin-top: 77px;
  }
  .sidebar-nav {
    position: relative;
    top: 0;
  }
  .testimonial-slide .testimonial-text {
    font-size: 19px !important;
    max-width: 95%;
  }
  .testimonial-slide .testimonial-content h3.name {
    font-size: 20px;
  }
  .home-page h1, .hero-module-content h1 {
    font-size: 45px;
  }
  #main-slide .slider-content h3, #main-slide .slider-content p, .hero-module-content h4 {
    font-size: 22px;
  }
  .home_video {
    height: 100%;
  }
  .demo {
    display: none;
  }
  .ea-padding {
    padding: 100px 0px 60px 0px;
  }
  .footer ul.arrow li {
    width: 100%;
    float: none;
  }
  .sidebar-title:after {
    margin-top: 10px;
  }
  .contact-us-map {
    height: 450px;
  }
  .col-custom-8,
  .col-custom-4 {
    width: 100%;
  }
  .page-inner-sales-section {
    padding: 65px 0px 15px 0px;
  }
  .page-inner-section {
    padding: 50px 0;
  }
  #logo {
  }
  .insideheader_breadcrumbs {
    font-size: 13px;
  }
  .list-tools {
    text-align: center;
  }
  .list-tools span {
    display: none;
  }
  .about-message-home h3 {
    line-height: initial;
    font-size: 28px;
  }
  .pd50-home {
    padding: 40px 0px 40px 0px;
  }
  .about-wrapper-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  #search_keyword_holder {
    max-width: 94%;
    margin: 60px auto 0;
  }
  #search_keyword_value {
    font-size: 16px;
  }
  .slider.btn {
    padding: 0px 22px;
    font-size: 16px;
  }
  #search_keyword_holder_agents {
    max-width: 100%;
  }
  .cta-buttons {
    text-align: center;
    margin-top: 56px;
    max-width: 540px;
  }
  .line {
    margin-left: 12px;
    margin-right: 12px;
  }
  .single-estate-office-details {
    text-align: left;
  }
  .single-estate-hero {
    flex-direction: column;
  }
  .cta-buttons {
    margin-left: unset;
  }
  .btn-2,
  .btn-3 {
    width: 50%;
  }
  .page-inner-agent-section {
  }
  .trustpilot {
    padding-left: 15px;
  }

  .footer .widget-title {
    height: unset;
  }
  .content-button {
    margin-bottom: 40px;
  }
  .images-card {
    padding: 0;
  }
}
@media (min-width: 768px) {
  /** New Tab **/
  .panel-heading {
    display: none;
  }
  .panel {
    border: none;
    box-shadow: none;
  }
  .panel.panel-default {
    padding: 0px 40px;
  }
  .panel-collapse {
    height: auto;
  }
  .panel-collapse.collapse {
    display: block;
  }

  .video-section {
    padding: 100px 0;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-top: 11px;
  }
  .form-inline .form-group {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 990px) {
  .testimonial .content:before,
  .testimonial .content:after {
    width: 43%;
  }
}
@media only screen and (max-width: 640px) {
  .testimonial:before {
    left: 46%;
  }
  .testimonial .content {
    padding: 30px 35px;
  }
  .testimonial .description {
    font-size: 14px;
  }
  .no-padding-mb {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1540px;
  }
  /* Dropdown animation */

}

/* Medium Devices, Desktops */
@media (min-width: 992px) {
  .video-section {
    padding: 120px 0;
  }

  .flexslider .slides img,
  .ts-flex-slider .flexSlideshow {
    /**	height: 100vh;
		overflow: hidden;
	**/
  }
  
}
@media all and (device-width: 768px) and (device-height: 1024px) {
  .parallax {
    background-attachment: scroll !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .share_post {
    display: block;
  }
  
   .blog-image-inside img {
    min-height: 300px;
  }

  /* Common */
  .parallax {
    padding: 60px 0;
  }

  /* Slideshow */

  .slider.btn {
    padding: 5px 25px;
    margin-top: 5px;
    font-size: 16px;
  }

  #main-slide .carousel-indicators {
    bottom: 20px;
  }

  /* Cd Hero Slider */

  .cd-hero-slider .cd-btn {
    margin-top: 15px !important;
    font-size: 12px !important;
  }
  .cd-slider-nav ul li.video {
    display: none;
  }

  .cd-slider-nav {
    bottom: 40px !important;
  }

  /* Portfolio */

  .isotope-nav {
    margin: 0 auto 40px;
  }

  figure.effect-oscar figcaption {
    padding: 1.5em;
  }
  figure.effect-oscar figcaption::before {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
  }
  figure.effect-oscar h3 {
    margin-top: 0;
    font-size: 16px;
  }

  /* Feature */

  .feature-content h3,
  .feature-center-content h3 {
    font-size: 14px;
    line-height: normal;
  }

  /* Featured tab */
  .featured-tab .tab-pane img {
    width: 45%;
  }

  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }

  .featured-tab .tab-pane,
  .landing-tab .tab-pane {
    text-align: left;
  }

  /* Team */

  .team {
    padding-bottom: 50px;
  }

  /* Pricing */

  .plan {
    margin-bottom: 60px;
  }

  /* Testimonial */

  .testimonial-content {
    padding: 0 30px;
  }

  /* Recent post */
  .recent-post {
    padding-bottom: 40px;
  }

  /* Back to top */

  #back-to-top.affix {
    bottom: 35px;
  }

  /* Video block */

  .video-block-head {
    margin-top: 30px;
  }

  /* Call to action */

  .call-to-action .btn.btn-primary {
    font-size: 12px;
  }

  /*-- Landing ---*/

  .hero-text {
    width: 95%;
  }
  .hero-title {
    font-size: 36px;
  }
  .hero-buttons a.btn {
    padding: 10px 20px;
  }

  .app-gallery figure.effect-oscar a {
    margin-top: 105px;
  }

  /* Blog single */
  .blog-post {
    padding-bottom: 40px;
  }
}

/* Small Devices Potrait */
@media (max-width: 767px) {
  body {
     margin-top: 77px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  p,
  li,
  blockquote p {
    font-size: 15px;
  }
  /** New Tab **/
  .local-area-mobile {
    display: block;
  }
  .pdb40-tablet {
    padding-bottom: 30px;
  }
  .tab-content-local .tab-pane-local {
    display: block;
  }
  .nav-tabs-local {
    display: none;
  }
  .panel-title a {
    display: block;
    color: var(--white);
    font-weight: 300;
    text-decoration: none;
  }
  .panel-title a:hover {
    text-decoration: none !important;
  }
  .panel-default > .panel-heading {
    color: #333;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .local {
    margin-top: 0px !important;
  }
  .panel-heading {
    border-bottom: 0px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
  .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
  .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
  /** New Tab Close **/

  .blog-home h1:after {
    margin-top: 3px;
  }
  /** developments **/
  .btn-dev {
    margin-bottom: 20px;
  }
  .dev-text h2,
  .dev-text p {
    text-align: center;
  }
  /** developments close **/
  .page-info-title {
    font-size: 32px;
  }
  .single_block li {
    background-size: 3%;
  }
  .home_read_more {
    bottom: 12px;
  }
  .home-page h1, .hero-module-content h1 {
    font-size: 38px;
  }
  #main-slide .slider-content h3,
  .hero-module-content h4,
  #main-slide .slider-content p {
    font-size: 20px;
  }
  .footer_logo ul li {
    width: 170px;
    display: block;
    margin-bottom: 20px;
  }
  .footer {
    padding-top: 30px;
  }
  .acordion-master {
    margin: 0px;
  }
  .home_video {
    height: inherit;
    object-fit: cover;
    min-height: 640px;
  }


  .blog-container {
    min-height: auto;
  }
  .author_details {
    position: relative;
  }
  .demo,
  .hidden-valuation {
    display: none !important;
  }

  .read_time {
    font-size: 12px;
  }

   #copyright {
    /* padding: 80px 0; */
  }
  
  .footer-sticky {
    display: block;
  }
  #myLocalArea {
    display: block;
  }
  .estate-map {
    width: 100%;
  }

  .fees_apply a {
    float: none;
  }
  .single_propery_type {
    padding: 0px;
  }
 
  .footer_logo {
    margin-right: 0px;
  }
  .acordion-master h2 {
    font-size: 14px;
    margin: 0;
  }

  .slider.btn {
    display: inline-block !important;
  }
  #search_keyword_holder {
    display: none;
  }
  .angle:before {
    height: auto;
  }
  .slider.btn {
    padding: 0px 10px;
    font-size: 15px;
  }

  /* Common */
  .parallax {
    padding: 60px 0;
  }
  .style-switch-button {
    display: none;
  }

  .heading {
    text-align: center;
  }

  .heading .title-icon {
    float: none !important;
    margin: 0 0 20px;
    display: inline-block;
  }

  h2.title {
    font-size: 28px;
    border-left: 0;
  }

  .title-desc {
    line-height: normal;
    padding: 6px 55px 0;
  }

  .btn.btn-primary {
    padding: 8px 22px;
  }

  .areas-heading h3 {
    font-size: 28px;
  }
  .areas-heading h2 {
    font-size: 28px;
  }

  /* Slideshow */

  #main-slide .slider-content h2 {
    font-size: 18px;
    line-height: normal;
  }
  .slider.btn {
    display: none;
  }

  #main-slide .carousel-control {
    display: none;
  }

  #main-slide .carousel-indicators {
    bottom: 0;
  }

  .about {
    padding-top: 40px;
  }

  .about.angle:before {
    position: relative;
  }

  .service-content {
    display: inline-block;
    margin-bottom: 30px;
  }

  .isotope-nav {
    margin: 0 auto 40px;
  }

  .isotope-nav ul li a {
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
  }

  figure.effect-oscar h3 {
    margin-top: 25%;
  }

  #isotope .isotope-item .grid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .img-block-right {
    padding-right: 50px;
  }

  .img-block-head h2 {
    font-size: 16px;
  }

  .img-block-head h3 {
    font-size: 28px;
  }

  .image-block-content {
    padding: 0;
  }

  .featured-tab {
    padding: 0 30px;
  }

  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }

  .featured-tab .tab-pane,
  .landing-tab .tab-pane {
    text-align: left;
    padding-left: 0;
    padding-top: 30px;
  }

  .facts {
    padding-bottom: 20px;
  }

  .facts-num span {
    font-size: 48px;
    margin-top: 20px;
  }

  .facts i {
    font-size: 32px;
  }

  .team {
    /* padding-bottom: 50px; */
  }

  .plan {
    margin-bottom: 60px;
  }

  .testimonial-content {
    padding: 0 30px;
  }

  .recent-post {
    padding-bottom: 40px;
  }

  .footer-widget {
    min-width: 50%;
  }

  .copyright-info {
    font-size: 13px;
  }

  #back-to-top {
    right: 20px;
  }
  #back-to-top.affix {
    bottom: 40px;
  }
  .call-to-action .btn.btn-primary {
    float: none !important;
    margin-top: 20px;
  }

  .hero-section {
    padding-top: 90px;
  }

  .hero-text {
    width: 100%;
    padding-right: 0;
  }
  .hero-title {
    font-size: 36px;
  }
  .hero-buttons a.btn {
    padding: 10px 20px;
  }

  .app-gallery figure.effect-oscar a {
    margin-top: 105px;
  }

  .hero-images img {
    display: none;
  }

  .landing_facts .facts-num span {
    font-size: 48px;
    margin-top: 20px;
  }

  .landing_facts .facts i {
    font-size: 30px;
  }

  /* Blog single */
  .blog-post {
    padding-bottom: 40px;
  }
  /*hero module */
  .hero-module-actions {
    flex-direction: column;
  }
  .hero-module-btn1,
  .hero-module-btn2 {
    min-width: 80%;
  }
  .content-text p {
    text-align: center;
  }
  .content-button {
    margin: auto;
    margin-bottom: 40px;
  }
  .ad-modal-image,
  .ad-modal-info,
  .ad-modal-title,
  .ad-modal-para {
    text-align: center;
  }
  .ad-modal-info {
    margin-top: 40px;
  }
  .ad-modal-image img {
    width: 100%;
    height: auto;
  }
  .page-template-page-content .mortgage-calculator {
    text-align: center;
  }
  .page-template-page-content .mortgage-calculator::placeholder {
    text-align: center;
  }
  .page-template-page-content .mortgage-calculator input {
    text-align: center;
  }
  .img-hexagon .team-container-inner .img-hexagon{
    /* height: 600px; */
    max-width: 300px;
    height: auto;
  }
  .team-content h3 {
    text-align: center;
  }
  .team-content p {
    text-align: center;
  }
  .images-card p {
    text-align: center;
  }
}


.review-section 
.gform_title {
  display: none;
}
.review-section 
.gform_wrapper.gravity-theme 
.gfield_label {
  display: none;
}
.review-section 
.gform_wrapper {
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.review-section 
.gform_legacy_markup_wrapper 
.top_label .gfield_label, 
.review-section 
.gform_legacy_markup_wrapper legend.gfield_label {
  display: none;
}

.review-section 
.gform_wrapper.gravity-theme 
.gfield input.large, 
.review-section .gform_wrapper.gravity-theme 
.gfield select.large,
.review-section 
.gform_wrapper.gravity-theme 
.gfield textarea.medium {
  border: 1px solid #d5d5d5;
}
.review-section #gform_15 {
  display:none;
}
#gform_submit_button_15 {
  top: 0;
  left: 0;
  width: 100% !important;
  border: 0;
  border-radius: var(--radius);
  background: var(--primary);
  font-size: 17px !important;
  padding: 12px 60px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--white);
}

.review-section input#input_15_4 {
    width: 100%;
    height: 40px;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.review-section input#input_15_5 {
    width: 100%;
    height: 40px;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.review-section textarea#input_15_2 {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.review-section .gform_confirmation_message {
  text-align: center;
  font-size: 17px;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 25px;
  letter-spacing: 0.75px;
  color: var(--text);
}

.star-rating {
  position: relative;
  width: 100%;
  background: transparent;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

.rating-star {
   font-size: 26px;
   cursor: pointer;
   color: #dabd18b2;
   transition: filter linear .3s;
}

.rating-star:hover {
   filter: drop-shadow(1px 1px 4px gold);
}

.star-rating-result .fas {
    font-weight: 900 !important;
}

.review-section {
    width: 100%;
    display: none;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.review-section p {
  text-align: center;
}

.review-form-container h3 {
  margin-bottom: 20px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px !important;
    width: 100%;
}

.review-form-container h3:after {
  text-align: center;
    content: '';
    height: 2px;
    width: 10%;
    background: #4c8b33;
    position: absolute;
    left: calc(50% - 5%);
    bottom: -5px;
}

.review-validation {
  text-align: center;
  color: var(--text);
}

.review-final-text {
  padding: 20px;
  border-radius: var(--radius);
  font-size: 14px;
  font-style: italic;
  background: #fafafa;
  margin-top: 40px;
}
.review-copy {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.review-copy-btn {
  display: none;
  margin: auto;
  margin-top: 20px;
  background: #fafafa;
  box-shadow: 0px 0px 6px 2px #e5e5e5;
  color: var(--text);
}
.review-copy-btn:focus {
    border: 0;
    outline: none;
}
.review-copy-btn:hover {
    background: #f5f5f5;
    box-shadow: 0px 0px 2px 1px #e5e5e5;
}
.content-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.review-copy-success {
  display:none;
  margin: 0px auto 20px auto;
  color: var(--titles); 
  width: 100%;
  text-align: center;
}
.review-copy-failed {
 display: none;
}
.review-container {
    margin: auto;
    padding: 60px 0px;
    min-height: calc(100vh - 77px);
    /* min-height: 800px; */
    display: flex;
    align-items: center;
    z-index: 1;
}
 
.review-form input[type="submit"] {
 display:none;
}

.review-form-container {
  max-width: 850px;
  background: white;
  padding: 50px;
  border-radius: var(--radius);
  box-shadow: 0px 10px 8px 4px rgba(0, 0, 0, 0.15);
  margin: auto 20px;
}

.review-form-container h3 {
 margin-top: 0;
 padding:0;
 text-align: center;
}

.review-form {
	border-radius: var(--radius);
}

.review-form input[type='text'], .review-form input[type='email'], .review-form select, .review-form textarea, .review-form button {
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #efefef;
	border-radius: 6px;
    padding: 12px;
}

.review-form-container .control label {
    display: none ;
}


@media screen and (max-width: 767px) {
  .review-form-container {
    padding: 20px;
    position: relative;
}
.review-form {
    position: relative;
    width: 90%;
    margin: auto;
}
.review-container {
    height: unset;
    min-height: unset;
}
}

.select {
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 6px;
  cursor: pointer;
  background-color: #ddd;
  margin-bottom: 10px;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
}
input:focus,
select:focus {
  outline: none;
}
.select select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  margin-bottom: 0 !important;
}
select, .select::after {
  grid-area: select;
}
.select:after {
  content: "";
  width: 0.8em;
  height: 0.5em;
  background-color: #134633;
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  -ms-grid-column-align: end;
      justify-self: end;
  position: relative;
  right: 8px;
  -webkit-clip-path: polygon(100% 20%, 50% 100%, 0 20%, 20% 0, 50% 50%, 80% 0);
          clip-path: polygon(100% 20%, 50% 100%, 0 20%, 20% 0, 50% 50%, 80% 0);
}
.review-form input[type='email'] {
  background-clip: padding-box;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

@media only screen and (max-width: 480px) {
  body {
    /* margin-top: 84px;
     */
     margin-top: 77px;
  }
  .pull-right {
    width: 100%;
  }
  /** Footer Valuation **/
  .valuation_bottom {
    display: none;
    padding: 5px;
    margin: 0 auto;
    position: fixed;
    bottom: 0px;
    left: 0;
    height: auto;
    background-color: var(--medium-grey);
    width: 100%;
    z-index: 20;
  }
  .btn-2,
  .btn-3 {
    margin-bottom: 20px;
    width: 100%;
  }
  .page-info-title {
    font-size: 24px;
  }
  .page-estate-agent {
    font-size: 22px;
  }
  /** developments **/
  .hidden-mobile {
    display: none;
  }
  .hidden-desktop {
    display: block;
  }
  .dev2-content ul {
    padding: 0px;
  }
  .btn-dev {
    width: 80%;
    margin-bottom: 20px;
    padding: 11px 30px;
  }
  /** developments close **/
  .page-inner-sales-section {
    padding: 65px 0px 15px 0px;
  }
  .overlay-content {
    top: 14%;
  }
  .single_block li {
    background-size: 6%;
  }
  .overlay ul li a {
    font-size: 18px;
  }
  .page-inner-default-section {
    padding-top: 20px;
  }
  .share_post {
    display: block;
  }
  .ribbon {
    top: 26.9px;
  }
  .pd50-home {
    padding: 0px 0px 0px 0px;
  }
  .footer_logo ul li {
    width: 120px;
  }
  .pd40-footer-bottom {
    padding-bottom: 0px;
  }
  .ad_btn {
    min-width: 120px;
    margin: 10px 7px;
    padding: 14px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .slider-buttons a {
    display: flex;
  }
 
  .read_time {
    float: none;
  }
  .inner-heading {
    font-size: 22px;
    margin-bottom: 0px;
  }
  .author-title {
    font-size: 22px;
  }
  .btn-5,
  .btn-4 {
    padding: 11px 20px;
    font-size: 18px;
    width: 100%;
  }
  .contact_block {
    padding-left: 0px;
  }
  .contact-padding {
    padding-left: 20px;
    padding-bottom: 39px;
  }
  .estate-map {
    width: 100%;
  }
  .navbar-toggle {
    margin-right: 0px;
  }

  .testimonial:before {
    font-size: 30px;
    top: 0;
  }
  .header2 {
  }
  .insideheader_breadcrumbs {
    padding: 5px 0px;
  }
  .acordion-master h2 {
    font-size: 10px;
  }
  .footer {
    padding-top: 30px;
  }
  .acordion-master {
    margin: 0px;
  }
  #search_keyword_holder {
    display: none;
  }
  .angle:before {
    position: relative;
  }
  .slider.btn {
    margin-top: 11px;
  }
  .about-message-home {
    padding-left: 15px;
    padding-right: 15px;
  }
  .title-desc {
    padding: 0px 0px 0 !important;
  }
  section {
    padding: 0px 0;
  }
  .development-block h2 {
    font-size: 32px;
  }
  .pd80 {
    padding-top: 0px;
  }
  .service-row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .ts-padding {
    padding: 0px;
  }
  /* Slideshow */
  .line {
    display: none;
  }
  .ea_number {
    display: block;
  }
  .ea-padding {
    padding: 110px 0px 30px 0px;
  }
  .btn-2,
  .btn-3 {
    margin-bottom: 20px;
    width: 100% !important;
  }
  .padding_m {
    padding-left: 15px;
    padding-right: 15px;
  }
  .single-estate-office-details {
    font-size: 16px;
    text-align: left;
  }
  #search_keyword_holder_agents {
    display: none;
  }
  .estate-agents-block {
    margin-top: 22px;
  }
  .cta-buttons {
    margin-top: 30px;
  }
  .office-details h5 {
    font-size: 20px;
  }
  .office-details p {
    font-size: 16px;
  }
  .office-details {
    padding: 20px;
  }
  .nav-tabs-local > li > a {
    border-bottom: 1px solid #e8d5d5;
    border-right: 0px solid #e8d5d5;
  }
  .nav-tabs-local > li {
    float: none;
  }
  h1 {
    font-size: 24px;
    line-height: inherit;
  }
  .col-centered h2 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 17px;
    line-height: 20px;
  }
  .blog-home h1:after {
    margin-top: 3px;
  }
  .blog-home h1 {
    font-size: 24px;
    line-height: inherit;
  }
  .form-control {
    height: 43px;
    font-size: 18px;
  }
  .hidden-btn-desktop {
    display: block;
  }
  .hidden-btn-mobile {
    display: none;
  }
  .valuation-button {
    width: 100%;
  }
  .mobile-contact {
    display: block !important;
  }
  .desktop-contact {
    display: none;
  }
}

@media screen and (max-width: 991px) {
   .content-image-text-container {
    flex-direction: column;
  }
  .content-text-image-container {
   flex-direction: column-reverse;
  }
  .content-images,
  .content-text {
    width: 100%;
  }
  .content-text.content-text-left h2,
  .content-text.content-text-right h2 {
   margin-top: 30px;
  }
  .content-text-left,
  .content-text-right {
    padding: 0px;
    max-width: 750px;
    text-align: left;
    margin: auto;
  }
  .wide-image img,
  .narrow-image img,
  .three-image {
    height: 100%;
    min-height: 465px;
    object-fit: cover;
  }
  .development-info {
    flex-direction: column;
  }
  .art-btn-bio {
    padding: 0;
    background: #cecece40;
    color: white;
    transition: 0.2s;
    position: absolute;
    top: 12px;
    font-weight: 600;
    margin-bottom: 0;
    right: 12px;
    border-radius: 100%!important;
    height: 25px;
    width: 25px;
  }
  .ad-modal-wrapper {
    flex-direction: column;
    margin: 0;
  }
  .ad-modal-image {
    margin: 0px auto 20px auto;
  }
  .ad-modal-image img {
    max-width: 250px;
  }
  .ad-modal-inner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ad-modal-para p {
    text-align: center;
    font-size: 15px;
  }
.fas.fa-info-circle {
  font-size: 30px;
  transform: translate(-3px, -3px);
  }


}

@media screen and (max-width: 767px) {
  .pd-bottom {
    padding-bottom: 60px;
  }
  .pd-top {
    padding-top: 60px;
  }
  :is(.content-text) :is(h2,h3,h4,h5,h6) {
    text-align: center;
  }
  .wide-image img,
  .narrow-image img,
  .three-image {
    height: 100%;
    min-height: 375px;
    object-fit: cover;
  }
}

@media screen and (max-width: 480px) {
  .pd-bottom {
    padding-bottom: 50px;
  }
  .pd-top {
    padding-top: 50px;
  }
  .wide-image img,
  .narrow-image img,
  .three-image {
    height: 100%;
    min-height: 300px;
    object-fit: cover;
  }
}
.contact_block p {
  font-size: 15px;
}

/* New Footer Styles */
.footer .acordion-master h2 {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: normal;
  color: var(--text);
}
.footer .acordion-master ul li a {
  color: var(--text);
}
.footer .acordion-master {
  margin-left: 15px;
}
.footer2 {
  background-color: rgb(255 255 255);
}
/* Footer Top */
.footer-top {
}

/* Footer Middle */
.footer-middle-container {
  background-color: var(--color-footer-background);
}
@media(min-width:992px) {
  .footer-middle-bar {
    width: 100%;
    height: 130px;
    background: var(--color-footer-top-bar);
    position: absolute;
  }
}
.footer-middle {
  padding-bottom: 40px;
}
@media(max-width:991px) {
  .footer-middle {
    padding-top: 40px;
  }
}
.footer-middle h3.widget-title {
  color: white;
}

@media(min-width:992px) {
  .footer-middle h3.widget-title {
    height: 130px;
    margin: 0;
    padding-top: 60px;
    margin-bottom: 70px;
  }
}
.footer-area p {
  text-align: left;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  height: auto;
}
.footer-area .footer-office-subheading {
  font-weight: 600;
}
.footer-middle ul li a, .footer-middle .textwidget p, .footer-middle .textwidget p a, .footer-middle, .footer-area p {
  color: var(--text);
}
.footer-middle a:hover,
.footer-middle a:focus {
  color: var(--secondary);
}
.footer-middle .textwidget p:last-child {
  margin-bottom: 0;
}

/* Footer Bottom */
.footer-bottom {
  background: var(--color-footer-bottom-bar);
  color: var(--text);
  text-align: center;
}
.footer-bottom a:hover,
.footer-bottom a:focus {
  color: var(--secondary);
}
@media(max-width:767px) {
  .footer-bottom {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
@media(min-width:768px) {
  .footer-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media(min-width:768px) {
  .footer-bottom .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer-bottom p {
  font-size: 15px;
  margin: 0;
}
.footer-bottom a {
  font-size: 15px;
  color: var(--text);
}
.footer-bottom small {
  font-size: 15px;
  font-weight: 300;
}

.menu-popular-searches-footer-1-container ul li a {
  font-size: 14px;
}

/* Footer office contact */
.footer-office-wrapper {
  margin-bottom: 20px;
}
.footer-office-wrapper p {
  line-height: 1.5;
}


/* Social Media */
.footer-middle h3.widget-title.social-title {
  height: auto;
  font-size: 16px;
  margin-bottom: 37px;
  padding-top: 50px;
}
ul.footer-social.unstyled {
  display: flex;
  flex-wrap: wrap;
}
ul.footer-social.unstyled li {
  padding-right: 4px;
}

/* Jobs */
.single-job-container img {
  width: 100%;
  height: auto;
  max-width: 750px;
  display: flex;
  margin: auto;
}

.ui-datepicker {
  background: white;
    padding: 20px;
    border-radius: var(--radius);
}

.ui-datepicker td {
  border: 1px solid #d5d5d5;
  padding: 6px;
}

.ui-datepicker span,
.ui-datepicker a {
display: flex;
justify-content: center;
}

.ui-datepicker select {
  width: 100%;
  padding: 6px;
  margin-bottom: 4px;
}

@media(max-width: 991px) {
  .text-text {
    flex-direction: column;
  }
}

.valuation-page-circle {
  color: var(--primary);
  background: var(--white);
  border-style: solid;
  border-color: var(--secondary);
  border-width: 8px;
  width: 130px;
  height: 130px;
  line-height: 117px;
  border-radius: 500px;
  font-size: 60px;
  display: inline-block;
}

.page-image-sidebar .valuation-box {
  border: none;
  margin-bottom: 20px;
  padding: 40px;
  background-color: var(--medium-grey);
  box-shadow: none;
  text-align: center;
}

.page-image-sidebar .valuation-box p{
  text-align: center;
}

.valuation-box h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 20px;
}
.valuation-button {
  background-color: var(--secondary);
  color: var(--white);
  margin-bottom: 25px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: 500;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--primary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--primary) inset;
  text-transform: uppercase;
}
.valuation-button:hover {
  background-color: var(--secondary-dark);
  color: var(--white);
}
/*** Page Valuation Close**/

/* Legal Term Styles */
.legal-terms h2,.legal-terms h3,.legal-terms h4,.legal-terms h5,.legal-terms h6 {
  font-family: Arial;
}
.legal-terms h2 {
  font-size: 20px;
  line-height: 1.25;
  text-transform: capitalize;
  color: var(--titles);
  font-weight: 700;
  letter-spacing: 0;
}
.legal-terms h3 {
  font-size: 18px;
  line-height: 1.25;
  text-transform: capitalize;
  color: var(--titles);
  font-weight: 700;
  letter-spacing: 0;
}
.legal-terms p,
.legal-terms li,
.legal-terms th,
.legal-terms td,
.legal-terms tr {
  font-size: 16px;
  font-family: Arial;
  letter-spacing: 0;
}
.legal-terms ul {
  padding-left: 16px;
  padding-bottom: 20px;
  list-style-position: outside;
}
.legal-terms table ul {
  padding-left: 0;
}
.legal-terms .table tbody.text-left > tr > td {
  text-align: left;
}
.legal-terms li a,
.legal-terms p a {
  text-decoration: underline;
}
.legal-terms ol {
  counter-reset: item;
}
.legal-terms ol > li {
  counter-increment: item;
}
.legal-terms ol ol > li {
  display: block;
}
.legal-terms ol ol > li:before {
  content: counters(item, ".") ". ";
  margin-left: -20px;
}
/* End Legal Term Styles */

.page-image-sidebar td {
  border: 1px solid grey;
  padding: 6px;
 }

 .page-image-sidebar .gform-inpage p.gf_progressbar_title {
    font-size: 18px;
    color: var(--highlight);
    font-weight: 600;
    margin-bottom: 0px;
}

.page-image-sidebar .sidebar-img {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  height: 100%;
  width: 400px;
 }

 .page-image-sidebar .sidebar-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
 }

 .page-image-sidebar {
  position: relative;
  max-width: 1800px;
}

 .page-image-sidebar-content {
  max-width: 1540px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
 }

 .page-image-sidebar h1, 
 .page-image-sidebar-content p {
  text-align: left;
  margin-left: 0;
 }


 .page-image-sidebar h1 {
  font-weight: 800;
 }

 .valuation-box-container {
  display: flex;
  gap: 40px;
  max-width: calc(1540px - 25%);
  margin-bottom: 80px;
 }
.page-image-side-content-subheading {
  margin-bottom:80px;
}
 .page-image-side-content-subheading p {
  max-width: calc(1540px - 25%);
  font-size: 22px;
 }

 @media (min-width: 1300px) {
  .page-image-sidebar-content {
   /* max-width: 780px; */
   margin-right: 440px;
   margin-left: auto;
  }
 
 }

 @media (max-width: 992px) {
  .valuation-box-container {
   flex-wrap: wrap;
   justify-content: center;
  }
  .page-image-sidebar .valuation-box {
    padding: 40px 14px;
  }
  .page-image-side-content-subheading p {
    font-size: 18px;
}
 
 }
 

 @media (max-width: 1300px) {
  .visible-lg {
    display: none!important;
  }
 
 }
 
 @media (max-width: 1200px) {
 .page-image-sidebar h1, 
 .page-image-sidebar-content p {
  text-align: center;
  margin-left: auto;
 }
}

 @media (min-width: 1650px) {
  .page-image-sidebar-content {
   /* max-width: 780px; */
   margin-right: unset;
   margin-left: unset;
   margin: auto;
  }
 }
 .rep-stats{
  padding: 20px;
  text-align: center;
}
.rep-stats-wrapper {
  font-size: 75px;
  color: var(--secondary);
}

/* New Styles For Image Text Module */
.content-image-text-container.fullwidth .content-text-left {
  display: flex;
  margin-left: auto;
}
.content-image-text-container .content-text {
  max-width: 750px;
}
.content-image-text-img {
    object-fit: cover;
}
@media(min-width:992px) {
  .content-image-right {
    order: 1;
  }  
}
@media(min-width:992px) and (max-width:1600px) {
  .content-text {
       padding: 0 30px;
  }
}
.page-template .content-text p,
.single-estateagents .content-text p {
  margin-left: 0;
}
/* End New Styles For Image Text Module */

/* Team Member Repeatable */
.team-member-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 30px;
}
.team-member-item {
  width: 100%;
  max-width: 347.5px;
}
/* End team Memember Repeatable */

p.form-privacy-statement {
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
}
:is(.single-post) .container-blog .single_content :is(h2,h3,h4,h5,h6) {
  margin-top: 45px;
  margin-bottom: 10px;
}
.single-post figure {
  margin-top: 25px;
  margin-bottom: 25px;
}
.valuation-box-container .valuation-box {
  flex: 1;
}

/* Art Multi Content Module Header section */
.art-module-multi-header {
  padding-left: 15px;
  padding-right: 15px;
}
.art-module-multi h1,
.art-module-multi h2 {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.art-module-multi .art-module-multi-header h3 {
  color: white;
  margin: 0;
}
.art-module-multi-header p:last-child {
  margin-bottom: 0;
}

/* Art Multi Content Module with image slider over cards */
.art-module-multi--img-hover .art-module-multi-content {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.art-module-multi--img-hover .art-module-multi-content:before {
  content: '';
  position: absolute;
  top: 0; 
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
@media(min-width:992px) {
  .art-module-multi--img-hover .art-module-multi-content:hover:before {
    top: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .art-module-multi--img-hover .art-module-multi-content:before {
    position: absolute;
    top: 87%; 
    transition: .5s ease-in-out;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient( 0deg , rgb(0 0 0) 75%, rgb(0 0 0 / 0%) 100% );    
  }
}

.art-module-multi--img-hover .art-module-multi-content-txt {
  position: absolute;
  width: 100%;
  padding: 0 60px;
  top: 87%;
  transition: .5s ease;
  height: 100%;
}
@media(max-width:991px) {
  .art-module-multi--img-hover .art-module-multi-content .art-module-multi-content-txt {
    transform: translate(0, -50%);
    top: 50%;
    justify-content: center;
  }
  .art-module-multi--img-hover .art-module-multi-content .art-module-multi-content-img-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    background: transparent;
    border: none;
  }

}
.art-module-multi--img-hover .art-module-multi-content:hover .art-module-multi-content-txt {
  transform: translate(0, -50%);
  top: 50%;
  justify-content: center;
}
.art-module-multi--img-hover .art-module-multi-content:hover .art-module-multi-content-img-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  background: transparent;
  border: none;
}
.art-module-multi--img-hover .art-module-multi-content-txt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.art-module-multi--img-hover .art-module-multi-content-txt h2,
.art-module-multi--img-hover .art-module-multi-content-txt h3 {
  color: white;
  margin: 0;
}
.art-module-multi.art-module-multi--img-hover .art-module-multi-content-container .art-module-multi-content-txt h2 {
  font-size: 1.1em;
  margin-top: 0;
}
.art-module-multi--img-hover .art-module-multi-content-txt p {
  color: white;
  font-size: clamp(16px, 1em, 2vw);  
}
@media(min-width:992px) {
  .art-module-multi--img-hover .art-module-multi-content-txt p {
    opacity: 0;
    visibility: hidden;
    transition: 0.25s 0.4s;
  }
  .art-module-multi--img-hover .art-module-multi-content:hover .art-module-multi-content-txt p {
    opacity: 1;
    visibility: visible;
  }  
}
.art-module-multi-carousel .owl-prev,
.art-module-multi-carousel .owl-next {
  top: 25%;
}
.art-module-multi--img-hover .art-module-multi-carousel .owl-prev, 
.art-module-multi--img-hover .art-module-multi-carousel .owl-next {
  top: 45%;
}
/* Art Multi Content Module */
.art-module-multi {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.art-module-multi h2 {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.art-module-multi div[class*="columns-"] .art-module-multi-content-txt h2 {
  text-align: inherit;
  margin-top: 20px;
}
.art-module-multi-content-img img {
  width: 100%;
  height: auto;
}
.art-module-multi-content-icon i {
  font-size: 100px;
  color: var(--highlight);
}

.art-module-multi-content.align-left .art-btn-group {
  margin-left: 0;
}
.art-module-multi-content-txt p {
  text-align: inherit;
}
.art-module-multi-content-container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1540px;
  margin: 20px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

/* Content Columns */
.art-columns {
  display: grid;
}
@media(min-width:768px) {   
  .art-columns-2,
  .art-columns-4 {
      grid-template-columns: repeat(2, 1fr);
  }
  .art-columns-5,
  .art-columns-6 {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width:992px) {
  .art-columns-3 {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width:1200px) {
  .art-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }  
}
@media(min-width:1400px) {   
  .art-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media(min-width:1600px) {   
  .art-columns-6 {
      grid-template-columns: repeat(6, 1fr);
  }
}

/* Overlay */
.art-overlay { 
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.art-overlay p { 
  color: white;
}

/* Service Cards */
.services-cards .art-module-multi-content-container {
  /* align-items: stretch; */
}
.services-cards .art-module-multi-content {
  border: 2px solid var(--highlight);
  padding: 10px 30px 40px 30px;
  background-color: white;
  max-width: 364px;
}
.services-cards .art-module-multi-content p,
.services-cards .art-module-multi-content li {
  width: 100%;
  font-size: 18px;
}
.services-cards .art-module-multi-content p {
  /* text-align: center; */
}
.services-cards .art-module-multi-content ul {
  margin-bottom: 30px;
  padding-left: 18px;
}
.art-module-multi-content li {
  text-align: left;
}
.services-cards .art-module-multi-content h3 {
  color: #8f6639;
  /* text-align: center; */
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .services-cards .columns-4 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: stretch;
  }
}
@media (min-width: 1630px) {
  .services-cards .columns-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
  }
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) {
  background-color: #191919;
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) h3 {
  color: #f5bf83;

}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) p,
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) li {
      color: white;
}
.services-cards .art-module-multi-content-container .art-module-multi-content .content-btn {
  max-width: 100%;;
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) .content-btn {
  color: #f5bf83;
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) .content-btn:hover,
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) .content-btn:focus {
  color: white;
}

/* Helpers */
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center,
.align-centre {
    text-align: center;
}
.narrow-modern-calculators-wrapper input::placeholder {
  opacity: 0.5;
}
#skip a {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
#skip a:focus {
  position: absolute;
  width: auto;
  height: auto;
  display: inline-block;
  z-index: 999;
  background: white;
  padding: 15px;
  top: 0;
  left: 0;
  border-radius: 6px;
}
.faqs-splittable .ac-main-text.ac-main-text p,
.faqs-splittable .ac-main-text.ac-main-text li {
  font-size: 18px;
}
.contact_us_map_office iframe {height:848px;}