@font-face {
    font-family: 'Cambo-Regular';
    src: url('../fonts/Cambo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'AkkuratPro-Regular';
    src: url('../fonts/AkkuratPro-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Cambon-Regular';
    src: url('../fonts/Cambon-Regular.otf') format('opentype');
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: AkkuratPro-Regular;
    color: #24201f;
}
.ptop-5{
    padding-top:4rem;
}
p{
    font-size:18px;
    Color:#413c3b!important;
    line-height:31px;
    font-weight:400!important;

}
.hero-img-height-fix{
    width:300px;
    height:200px!important;
}
.hero-img-height-fix img{
    width:100%;
    height:auto;
}


a {
  color: #14c871;
  text-decoration: none;
}

a:hover {
  color: #206bfb;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Cambon-Regular;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background-image: linear-gradient(225deg,#115A70 ,#183E48);
    border-color: #ff6f4f;
    color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
   background-image: linear-gradient(225deg,#115A70 ,#183E48);
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
}

#header.header-scrolled {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 12px 0;
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
}

#header .logo a {
  color: #5f687b;
}

#header .logo img {
    height: auto;
    width: 11%;
  /*height: 60px;*/
  /*max-height:100%;*/
}

@media (max-width: 991px) {
  #header {
    padding: 12px 0;
  }
  #header .logo img {
    height: auto;
    width: 17%;
    /* height: 60px; */
    /* max-height: 100%; */
}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px;
        font-family: AkkuratPro-Regular;
        font-size: 16px;
        font-weight: 700;
        Color: #24201f;
        white-space: nowrap;
        transition: 0.3s;
    }

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

        .navbar a:hover,
        .navbar .active,
        .navbar .active:focus,
        .navbar li:hover > a {
           
            Color: #24201f;
        }

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 10px 25px;
  margin-left: 30px;
  border-radius: 4px;
  line-height: 1;
  color: #5f687b;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #cdd1d9;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  background: #206bfb;
  color: #fff;
  border-color: #206bfb;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #16df7e;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #5f687b;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(73, 80, 94, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #5f687b;
}

    .navbar-mobile a:hover,
    .navbar-mobile .active,
    .navbar-mobile li:hover > a {
        color: #24201f;
        
    }

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
  padding: 10px 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #16df7e;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100%;
  background: #fff;
  /*padding-top: 82px;*/
}
.container-fluid{
    padding:40px;

}

#hero h1 {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #24201f;
}

#hero h2 {
  color: #24201f;
  margin: 10px 0 30px 0;
  font-size: 24px;
}

#hero .btn-get-started {
    font-family: AkkuratPro-Regular;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 11px;
    border-radius: 7px;
    transition: 0.5s;
    background-image: linear-gradient(225deg,#115A70 ,#183E48);
    border-color: #115A70;
    color: #fff !important;
    /* box-shadow: 0 8px 28px #ff6a00;*/
}

    #hero .btn-get-started:hover {
        background-image: linear-gradient(225deg,#115A70 ,#183E48);
        border-color: #115A70;
        color: #fff !important;
        box-shadow: 0 8px 28px #347B8A;
    }

#hero .btn-watch-video {
  font-size: 16px;
  display: inline-block;
  transition: 0.5s;
  margin-left: 25px;
  color: #5f687b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#hero .btn-watch-video i {
  color: #949cac;
  font-size: 32px;
  line-height: 0;
  margin-right: 8px;
}

#hero .btn-watch-video:hover i {
  color: #16df7e;
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
  #hero {
    height: 100vh;
  }

  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }

  #hero .hero-img {
    text-align: center;
  }

  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero {
    height: auto;
  }

  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  /*padding: 60px 0;*/
  overflow: hidden;
}

.section-bg {
  background-color: #f9f9fa;
}

.section-title {
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #5f687b;
  position: relative;
  z-index: 2;
}

.section-title span {
  position: absolute;
  top: 30px;
  color: #f0f1f3;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 0;
}

.section-title p {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

@media (max-width: 575px) {
  .section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .section-title span {
    font-size: 38px;
  }
}

/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services {
  padding: 0;
}

.featured-services .icon-box {
  padding: 20px;
  color: #5f687b;
  background: #f9f9fa;
  border-radius: 4px;
  border: 1px solid #f9f9fa;
  transition: 0.3s;
  height: 100%;
}

.featured-services .icon {
  margin: 0 0 15px 0;
}

.featured-services .icon i {
  color: #16df7e;
  font-size: 36px;
}

.featured-services .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
}

.featured-services .title a {
  color: #5f687b;
  transition: 0.3s;
}

.featured-services .icon-box:hover {
  border-color: #eaecef;
}

.featured-services .icon-box:hover .title a {
  color: #16df7e;
}

.featured-services .description {
  line-height: 24px;
  font-size: 14px;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: #16df7e;
  background-size: cover;
  padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

    .cta .cta-btn {
        font-family: AkkuratPro-Regular;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 4px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid #fff;
        color: #fff;
    }

.cta .cta-btn:hover {
  background: #206bfb;
  border-color: #206bfb;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  border-top: 3px solid #16df7e;
  border-bottom: 3px solid #16df7e;
  padding: 30px;
  width: 100%;
  background-color: #f9f9fa;
}

.contact .info i {
  font-size: 20px;
  color: #16df7e;
  float: left;
  width: 44px;
  height: 44px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #5f687b;
}

.contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #949cac;
}

.contact .info .social-links {
  padding-left: 60px;
}

.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  margin-right: 10px;
}

.contact .info .social-links a:hover {
  background: #16df7e;
  color: #fff;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #16df7e;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #16df7e;
  border-bottom: 3px solid #16df7e;
  padding: 30px;
  background-color: #f9f9fa;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #16df7e;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #16df7e;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #206bfb;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f9f9fa;
  min-height: 40px;
  margin-top: 82px;
}

.breadcrumbs h2 {
  font-size: 36px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #778196;
  content: "/";
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 58px;
  }

  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background-color: #f3f4f6;
  color: #5f687b;
  font-size: 14px;
  position: relative;
}

#footer .footer-top {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 80px 0;
}

    #footer .footer-top h3 {
        font-size: 36px;
        font-weight: 700;
        color: #5f687b;
        position: relative;
        font-family: 'Cambon-Regular';
        padding-bottom: 0;
        margin-bottom: 0;
    }

#footer .footer-top p {
  font-size: 15px;
  font-style: italic;
  margin: 30px 0 0 0;
  padding: 0;
}

#footer .footer-top .footer-newsletter {
  text-align: center;
  font-size: 15px;
  margin-top: 30px;
}

#footer .footer-top .footer-newsletter form {
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  text-align: left;
  border: 1px solid #e4e6ea;
}

#footer .footer-top .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-top .footer-newsletter form input[type=submit] {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #16df7e;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #206bfb;
}

#footer .footer-top .social-links {
  margin-top: 30px;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #eaecef;
  color: #5f687b;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #16df7e;
  color: #fff;
  text-decoration: none;
}

#footer .footer-bottom {
  border-top: 1px solid #d9dce2;
  z-index: 2;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer .copyright {
  float: left;
}

#footer .credits {
  float: right;
  font-size: 13px;
}

@media (max-width: 992px) {

  #footer .copyright,
  #footer .credits {
    float: none;
    -moz-text-align-last: center;
    text-align-last: center;
  }
}
.combobox .combobox-input-wrapper > .combobox-input {
    border: none;
    background: #fff;

}
.combobox .combobox-input-wrapper {
    height: 48px;
    border: 1.5px solid #dbd9d8;
    border-radius: 4px;
    transition: border-color .25s ease;
    background: #fff;
}
#home-types-combobox-btn {
    background: #fff !important;
    border: 1.5px solid #dbd9d8;
    margin-left:20px;
}

#drop-first-sec {
    background: #fff !important;
    border: 1.5px solid #dbd9d8;
    padding: 15px 20px 10px 20px;
    margin-left: 20px;
    border-radius: 4px;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.btn-sm.btn-block{
    margin-top:20px!important;
}
.dropdown-img{
    width:100%;
    border-radius:50%;
}
.card {
    top: 3%;
    width: 50%;
    padding: 20px;
    left: 32%;
    
}
 #hero .header-h1 {
    font-size: 72px!important;
    font-weight: 900;
    font-family: Cambon-Regular!important;
    line-height: 90px;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.sunrise-text-gradient {
    color: #f73a3d;
    background: #ee0979;
    background: -webkit-linear-gradient(right,#ee0979,#ff6a00);
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sunrise-text-highlight:before {
    content: "";
    position: absolute;
   /* height: 70%;*/
    top: 20%;
    left: -1%;
    right: -1%;
    z-index: -1;
    border-radius: 3px;
    /*background-color: #ffd9d1;*/
}
.font-subtitle {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #24201f;
}
.home-page-hero__properties {
    display: grid;
    grid-area: properties;
    gap: 20px;
    grid-template-columns: repeat(2,minmax(250px,1fr));
    grid-template-rows: max-content;
    margin-bottom: -5rem;
}
.home-page-hero__properties__wrapper:first-child {
    height: 200px;
}
/*.home-page-hero__properties__property {
    cursor: pointer;
    height: 100%;
    position: relative;
    transition: box-shadow .25s ease !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}*/
.imgs {
    display: block;
    margin: 0 auto;
    transition: 0.8s;
    border-radius:16px;
}
.pd-top{
    padding-top:20px!important;
}
.pt-40{
    padding-top:40px;
}
 .header-h2 {
    font-size: 48px!important;
    line-height: 62px;
    font-weight: 900;
    font-family: Cambon-Regular;
}
.sunrise-text-highlight {
    position: relative;
    white-space: nowrap;
}
    .sunrise-text-highlight:before {
        content: "";
        position: absolute;
        height: 70%;
        top: 20%;
        left: -1%;
        right: -1%;
        z-index: -1;
        border-radius: 3px;
        /*background-color: #347B8A;*/
    }
.sunrise-text-gradient {
    color: #115A70 ;
    background: #183E48;
    background: -webkit-linear-gradient(right,#183E48,#115A70);
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card-hover{
    padding:24px;
}
.pt-10{
    padding-top:10px;
}
    .card-hover:hover {
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border-radius:18px;
    }
.btn-gradient {
    width: 100%;
    max-width: 20rem;
    font-weight: 700;
    background-image: linear-gradient(225deg,#115A70 ,#183E48);
    border-color: #347B8A;
    color: #fff !important;
   padding: 10px 11px;
}
.bg-cream {
    background-color: #f6f2ed !important;
    border-radius:18px;
    padding-top:3rem;
     padding-bottom:3rem;
}
 .header-h3 {
    font-size: 32px;
    font-family: Cambon-Regular;
    line-height: 40px;
    font-weight: 800;
}
 .pt-100{
     padding-top:109px;

 }
 .pt-80{
     padding-top:80px;
 }
#sectin-3-mragin-left{
    margin-left:60px;
}
.pb-100{
    padding-bottom:100px;
}
img{
    width:100%;
}
h5 {
    font-weight: 700;
    color: #24201f;
}
.pt-20{
    padding-top:20px;
}
.header-xl {
    font-family: Cambon-Regular;
    line-height: 1.2;
    font-weight: 800;
    font-size: 40px;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
 .market-select-container {
    bottom: -75px;
    right: -15px;
    position: relative;
    z-index: 2;
}
 #market-select {
    width: 250px;
}

.form-group {
    margin-bottom: 1rem;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
 #market-select select {
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #dbd9d8;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
}

 .market-select-container .custom-select {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    height: 56px;
    border: none;
    border-radius: 4px;
    padding: 12px 24px;
    background-position-x: calc(100% - 24px);
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
#best-value-in-town thead th {
    border: 0;
    height: 75px;
    vertical-align: inherit;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
 .tbl-row td {
    padding: 1rem;
    font-size: 15px;
}
#best-value-in-town thead th {
    border: 0;
    height: 75px;
    vertical-align: inherit;
}
#best-value-in-town #market-select {
    width: 250px;
}

.form-group {
    margin-bottom: 1rem;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
#best-value-in-town .tbl-row td:not(:first-child) {
    text-align: center;
    width: 200px;
}
#best-value-in-town .tbl-row td {
    padding: 1rem;
    font-size: 18px;
}
#best-value-in-town .tbl-liolive {
    /* background-image: url('../img/liolive logo.PNG');*/
    background: #f7f7f7 url('../img/liolive1.PNG') no-repeat 50%;
    background-size: 150px;
   
   
}
#best-value-in-town .tbl-row td:nth-child(2) {
    background-color: #f7f7f7;
}
.header-h2 {
    font-size: 48px!important;
    line-height: 62px;
    font-weight: 900;
    font-family: Cambon-Regular;
}
.ankle-section__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 300px;
}

.white--bg {
    background-color: #fff;
}

.br-8 {
    border-radius: 8px !important;
}
.ankle-section__bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #f6f2ed;
    height: 500px;
    padding: 2rem;
}

.br-16 {
    border-radius: 16px;
}
.home-page-hero__properties {
    display: grid;
    grid-area: properties;
    gap: 20px;
    grid-template-columns: repeat(2,minmax(250px,1fr));
    grid-template-rows: max-content;
    margin-bottom: -5rem;
}
.home-page-hero__properties__property {
    cursor: pointer;
    height: 100%;
    position: relative;
    transition: box-shadow .25s ease !important;
   /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%);*/
}
.home-page-hero__properties__location {
    position: absolute;
    transition: opacity .2s ease;
    display: flex;
    align-items: center;
    opacity: 0;
    top: 8px;
    left: 8px;
    height: 26px;
    z-index: 1;
    text-transform: uppercase;
    border-radius: 4px;
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: 3px 6px 1px 6px;
    font-size: 11px;
    letter-spacing: 1px;
}
.home-page-hero__properties__price {
    position: absolute;
    transition: opacity .2s ease;
    opacity: 0;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: inline;
    border-radius: 4px;
    color: #008746;
    background: #e5f6ee;
    padding: 3px 6px 1px 8px;
    font-size: 14px;
    font-weight: 700;
}
.home-page-hero__properties__details {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: opacity .2s ease;
    white-space: nowrap;
    opacity: 0;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 1;
    border-radius: 4px;
    color: #6d6d6d;
    background: #fff;
    padding: 8px 12px 6px 12px;
    font-size: 14px;
}
.options-list-wrapper {
   /* opacity: 0;*/
    max-width: 570px;
    animation: 0.6s ease 0s 1 normal forwards running fadeAndScrollDown;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(219, 217, 216);
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 24px;
    z-index: 1001;
    overflow: hidden auto;
    margin-top: 1rem;
}
    .options-list-wrapper .options-list .option.selected {
        background: rgba(208, 217, 250, 0.5);
        border-color: transparent;
        box-shadow: rgb(74 108 237) 0px 0px 0px 1.5px;
    }

    .options-list-wrapper .options-list .option {
        cursor: pointer;
        transition: background 0.15s ease 0s, border-color 0.3s ease 0s;
        width: 100%;
    }

.rounded-borders {
    border-radius: 4px;
}
.options-list-wrapper .options-list .option {
    cursor: pointer;
    transition: background 0.15s ease 0s, border-color 0.3s ease 0s;
    width: 100%;
}
.options-list-wrapper .options-list .option {
    cursor: pointer;
    transition: background 0.15s ease 0s, border-color 0.3s ease 0s;
    width: 100%;
}
.img-width{
    width:120%;
}
@media (max-width: 768px) {
    .home-page-hero__properties {
        margin-bottom: 0;
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    .container-fluid{
    padding:20px;

}
.article-card__detail {
    position: relative;
    margin: 24px;
    height: 100%!important;
    overflow: hidden;
}
    .article-card {
    display: block;
    width: 100%!important;
    min-width: 100%!important;
    height: 100%!important;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow .25s ease;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    margin-bottom: 40px;
    margin-right: 30px;
    text-decoration: none !important;
}
    .home-page-hero__properties__wrapper{
margin-top:20px;
    }
    #sectin-3-mragin-left{
        margin-left:0px!important;
    }
    .img-width {
        width: 100%!important;
    }
    #best-value-in-town .market-select-container {
        bottom: 0;
        right: 0;
    }
    #best-value-in-town #market-select {
        width: 100%;
    }
    #best-value-in-town .tbl-row td {
        padding: 10px!important;
        font-size: 14px;
    }
    .home-page-2023 .container {
        padding: 0 1.25rem;
    }
    #best-value-in-town thead th:nth-child(3) {
        display: none;
    }
    #best-value-in-town .tbl-row > :nth-child(3) {
        display: none;
    }
    #best-value-in-town .tbl-liolive {
        /* background-image: url('../img/liolive logo.PNG');*/
        background: #f7f7f7 url('../img/liolive1.PNG') no-repeat 50%;
        background-size: 80px!important;
    }
   
}
.reputation-hero-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-radius: 16px;
    background-color: #f6f2ed;
}
@media screen and (max-width: 1380px) and (min-width: 992px) {
    .reputation-hero-left-block {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media screen and (max-width: 1380px) and (min-width: 992px) {
    .reputation-hero-left-image {
        height: 560px;
        margin-top: -24px;
    }

}

.reputation-hero-left-image {
    z-index: 10;
    width: 100%;
    height: 625px;
    max-width: none;
    background-image: url('../img/about-liolive.jpg');
    margin-top: -40px;
    border-radius: 16px;
   
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -o-object-fit: cover;
    object-fit: cover;
}
.reputation-hero-mid-block {
    padding-top: 158px;
    padding-bottom: 158px;
}
@media screen and (max-width: 1380px) and (min-width: 992px){
    .reputation-hero-mid-block {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}
.label-11-16.uppercase.fill-charcoal60.text-align-center.margin-bottom-24px.hide-tablet.make-bigger {
    font-size: 16px;
    line-height: 22px;
}
.display-lg.margin-bottom-24px {
    margin-bottom: 24px;
}
.about-us-hero-headline {
    font-size: 48px;
    line-height: 56px;
}

@media screen and (max-width: 1380px) and (min-width: 992px){
    .about-us-hero-headline {
        font-size: 48px;
        line-height: 56px;
    }
}
.text-align-center {
    text-align: center;
}

.fill-charcoal60 {
    color: #242424;
}

.paragraph-lg {
    font-family: Akkuratpro,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}
.reputation-hero-button {
    width: 52px;
    height: 52px;
    margin-top: 40px;
    border-radius: 50%;
    background-color: #ebe7e3;
    background-image: url('../img/downarrow-liolive.png');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left:160px;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}


@media screen and (max-width: 1380px) and (min-width: 992px){
    .reputation-hero-right-image {
        height: 560px;
        margin-bottom: -24px;
    }
}

.reputation-hero-right-image {
    z-index: 10;
    width: 100%;
    height: 625px;
    background-image: url('../img/about-2-liolive.jpg');
    max-width: none;
    margin-bottom: -40px;
    border-radius: 16px;
  
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -o-object-fit: cover;
    object-fit: cover;
}
#w-node-c7ca95d7-c25f-b788-e21e-b33b54376efc-4df33304 {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

@media screen and (max-width: 1380px) and (min-width: 992px){
    .reputation-hero-right-block {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.container---lg-1 {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 1380px) and (min-width: 992px) {
    .about-us-hero-headline {
        font-size: 48px;
        line-height: 56px;
        font-weight: 800;
       
        Color: #242424;
    }
}
.vertical-div.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.vertical-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.text-11px.font-charcoal30.caps.non-hide {
    color: #a5a09f;
    font-weight: 700;
    letter-spacing: 1px;
}

.text-11px.font-charcoal30.caps {
    font-size: 11px;
    line-height: 16px;
}
.featured-in-grid.twp {
    grid-column-gap: 72px;
}

.featured-in-grid {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 24px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    grid-auto-columns: 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    opacity: .43;
}
.featured-logo {
    width: auto;
    height: 96px;
    max-width: none;
}
.h1-heading-about {
    font-size: 48px;
    font-weight: 800;
    line-height: 56px;
    Color: #242424;
}
.about-ptag {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    Color: #242424;
    /*text-align:center;*/
    
}
.about-ptag-1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    Color: #242424;
    /*text-align:center;*/
}
.pt-50{
    padding-top:50px;
}
.h2-left-heading {
    font-family: Cambon-Regular;
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
}
.pd-left{
    padding-left:40px;
}
.reputation-block-image {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 548px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
}
.reputation-grid-image-1 {
    position: absolute;
    left: 0;
    top: 64px;
    right: 0;
    bottom: auto;
    z-index: 0;
    width: 100%;
    height: auto;
    max-width: none;
    border: 1px solid hsla(0,0%,94.5%,.5);
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(0,0,0,.05);
    -o-object-fit: cover;
    object-fit: cover;
}
.reputation-grid-image-2 {
    position: absolute;
    left: 120px;
    top: 94px;
    right: auto;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: 180px;
    border: 1px solid hsla(0,0%,94.5%,.5);
    border-radius: 12px;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,.05);
    -o-object-fit: contain;
    object-fit: contain;
}
.pd-left-1{
    padding-left:9.25rem;
}
.about-ptag-1{
    font-size:20px;
}
.display-sm {
    font-family: Cambon-Regular;
    color: #242424;
    font-size: 48px;
    line-height: 56px;
    font-weight: 800;
    letter-spacing: -.5px;
}
    .display-sm.margin-bottom-32px {
        margin-bottom: 32px;
    }

.text-align-center {
    text-align: center;
}
.paragraph-lg {
    /*font-family: Akkuratpro,sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}
.our-team-list {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}
.our-team-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.our-team-image {
    width: 120px;
    height: 120px;
    max-width: none;
    margin-bottom: 24px;
    border-radius: 50%;
}
.text-span-700-bold {
    font-weight: 700;
}

.text-align-center {
    text-align: center;
}

.fill-charcoal60 {
    color: #242424;
}
.paragraph-20-28 {
    font-size: 20px;
    line-height: 28px;
}
.our-team-workplace {
    margin-top: 8px;
    color: #a5a09f;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}
.review-grid {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    grid-column-gap: 32px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.w-layout-grid1 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.review-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
}
.review-headline-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.review-image {
    width: 60px;
    height: 60px;
    max-width: none;
    margin-right: 24px;
    border-radius: 50%;
}
.review-person-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.review-name {
    color: #413c3b;
    font-size: 24px;
    line-height: 32px;
}
.review-workplace {
    color: #a5a5a5;
    font-size: 15px;
    line-height: 24px;
}
@media screen and (max-width: 767px){
    .our-team-list {
        grid-row-gap: 32px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .paragraph-20-28.text-span-700-bold.fill-charcoal60.text-align-center.mobile-font-size {
        font-size: 15px;
    }
    .our-team-workplace {
        font-size: 12px;
        line-height: 16px;
    }
    .our-leadership-grid {
        grid-row-gap: 24px;
    }
    .reputation-offers-grid {
        height: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .w-layout-grid3 {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr!important;
        grid-template-columns: 1fr!important;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-row-gap: 16px;
        grid-column-gap: 16px;
    }
    .our-leadership-grid {
        grid-row-gap: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr!important;
    }
    .our-leadership-block-left {
        max-width: none;
    }
    .paragraph-xl.fill-charcoal60.mobile-20px {
        font-size: 20px;
        line-height: 32px;
    }
    .our-leadership-block-right {
        grid-row-gap: 8px;
    }
    .our-leadership-icon {
        width: 32px;
        height: 32px;
        min-height: 32px;
        min-width: 32px;
        margin-right: 12px;
        background-size: 13px;
    }
    .our-leadership-text-div {
        margin-top: 0;
    }
    .w-layout-grid2 {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr ;
        grid-template-columns: 1fr!important;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-row-gap: 5px;
        grid-column-gap: 5px;
    }
    .label-md.fill-charcoal60.mobile-13px {
        font-size: 13px;
        line-height: 20px;
    }
    .our-leadership-container {
        padding: 32px!important;
    }
    .our-leadership-item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .review-grid {
        margin-top: 32px;
        margin-bottom: 24px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .review-block {
        padding: 32px;
    }
    .paragraph-15-24 {
        font-size: 15px;
        line-height: 24px;
    }
    .review-headline-div {
        margin-bottom: 16px;
    }
    .review-name {
        font-size: 20px;
    }
    .review-workplace {
        font-size: 12px;
        line-height: 16px;
    }
    .reputation-hero-left-image {
        height: 152px;
    }
    .reputation-hero-mid-block {
        padding-top: 24px;
        padding-right: 12px;
        padding-bottom: 24px;
    }
    .reputation-hero-grid {
        grid-row-gap: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        background-color: transparent;
    }
    .reputation-hero-right-image {
        height: 156px;
    }
    #w-node-c7ca95d7-c25f-b788-e21e-b33b54376efc-4df33304 {
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 3;
        -ms-grid-row: 2;
        grid-row-start: 2;
    }
    #w-node-c7ca95d7-c25f-b788-e21e-b33b54376efc-4df33304 {
        -webkit-align-self: end;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
    }
    .reputation-hero-right-image {
        width: 72%;
        height: 156px;
        margin-bottom: 0;
        border-style: solid none none solid;
        border-width: 4px;
        background-image: url('../img/about-logo/about-banner-1.jpg');
        border-color: #fff;
       }
    .reputation-hero-left-image {
        width: 71%;
        height: 152px;
        margin-top: 0;
        background-image: url('../img/64605a40a8db678e16b30398_2-liolive2x.webp');
       
    }
    .reputation-hero-right-block {
        margin-top: -52px;
    }
    .reputation-hero-right-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: -40px;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .text-align-center{
        text-align:left!important;
    }
    .pd-left-1 {
        padding-left: 5px!important;
    }
    .text-center {
        text-align:left!important;
        padding:5px!important;
    }
    .card-hover {
        margin-bottom:24px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }
    .h1-heading-about {
        font-size: 42px;
        font-weight: 800;
        line-height: 56px;
        Color: #242424;
        padding:5px;
    }
    .featured-in-grid.twp {
        margin-bottom: 0;
        grid-auto-flow: row;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
    .reputation-offers-button {
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        text-align: center;
    }
    .reputation-offers-grid {
        width: 100%;
        height: 100%!important;
        margin-top: 80px;
        grid-column-gap: 32px;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .reputation-offers-block {
        padding: 60px 40px;
        margin-bottom:15px;
    }
    .reputation-offers-grid {
        height: auto;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .pt-80 {
    padding-top: 0px!important;
}
}
/*footer*/
.site-footer {
    background: #0f0d0d!important;
    min-height: 360px;
}
    .text-sm-left{
    text-align: left !important;
}
.text-sm-left {
    text-align: left !important;
}
.flex-column {
    flex-direction: column !important;
}


.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.site-footer .link-list {
    text-align: left;
}
    .site-footer .link-list a {
        font-size: 15px;
        margin-bottom: 1rem;
    }

.text-white {
    color: #fff !important;
}
.d-block {
    display: block !important;
}
.site-footer .footer-logo {
    width: 3.25rem;
}
.site-footer .address {
    color: #a5a09f;
}
.site-footer .footer-copy-social .social-links-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
   /* overflow: hidden;*/
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.site-footer .footer-copy-social .social-links-container svg {
    width: 20px;
    height: 20px;
    margin-left: 2rem;
    border: 1px solid #fff;
    border-radius: 2px;
}
    .site-footer .footer-copy-social .social-links-container svg:not(.inverted) {
        border: none;
    }

/*a {
    transition: color .15s ease;
    color: #24201f;
}*/
.our-leadership-container {
    padding: 100px;
    border-radius: 16px;
    background-color: #f8f8f8;
}
.our-leadership-grid {
    width: 100%;
    max-width: 898px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 32px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.our-leadership-block-left {
    max-width: 316px;
}
.fill-charcoal60 {
    color: #242424;
}
.paragraph-xl {
    font-family: Akkuratpro,sans-serif;
    font-size: 32px;
    line-height: 44px;
    font-weight: 400;
}
.our-leadership-block-right {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.our-leadership-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.our-leadership-icon {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    margin-right: 16px;
    border-radius: 50%;
    background-color: #e5f6ee;
   /* background-image: url(https://assets.website-files.com/5f76015…/61792f7…_star_border_24px.svg);*/
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url('../img/about-logo/staricion-about.svg');
}

.our-leadership-text-div {
    margin-top: 8px;
}
.label-md {
   /* font-family: Akkuratpro,sans-serif;*/
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}
.w-layout-grid2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.label-xxl {
    /*font-family: Akkuratpro,sans-serif;*/
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
}
.card{
    padding-left:40px;
    padding-right:40px;
}
.display-sm {
    font-family: Cambon-Regular;
    color: #242424;
    font-size: 48px;
    line-height: 56px;
    font-weight: 800;
    letter-spacing: -.5px;
}
.reputation-offers-grid {
    width: 100%;
    height: 456px;
    margin-top: 80px;
    grid-column-gap: 32px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.w-layout-grid3 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.reputation-offers-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e6e6!important;
    border-radius: 16px;
}
.reputation-offers-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 272px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.reputation-offers-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    margin-top: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-image: linear-gradient(15deg,#115A70,#183E48);
    color: #fff;
    font-weight: 700;
}
/*..................productview...............................*/
 .control-box {
    background: #f2f2f2;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px;
}
 .control-box .highlight-option-button:active {
    box-shadow: 0 2px 2px rgba(0,0,0,.1) !important;
    color: #000;
    background: #fff !important;
}
 .control-box .highlight-option-button {
    width: 25%;
    padding: 10px 20px !important;
    margin: 0 5px !important;
    height: 52px;
    white-space: nowrap;
    color: #24201f;
    transition: background .4s,color .4s;
}

.br-8 {
    border-radius: 8px !important;
}

.br-4, .br-8 {
    /*overflow: hidden;*/
}
.btn-light {
    margin: auto;
    width: 100%;
    max-width: 20rem;
    font-weight: 700;
    background: #fff;
    border: 1px solid #e6e3e3;
}
#tabs {
    /* background: #007b5e;*/
    color: #24201f!important;
    font-family: 'AkkuratPro-Regular';
}

    #tabs h6.section-title {
        color: #24201f!important;
        font-family: 'AkkuratPro-Regular';
    }

    #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #24201f!important;
        /* border-color: transparent transparent #f3f3f3;*/
        background: #fff;
        /* border: 1px solid #e6e3e3;*/
        font-size: 16px;
        /* font-weight: bold;*/
        font-family: 'AkkuratPro-Regular';
    }

    #tabs .nav-tabs .nav-link {
        /* border: 1px solid transparent;*/
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #24201f!important;
        font-size: 20px;
        font-family: 'AkkuratPro-Regular';
    }
.nav-tabs {
    border-bottom: 0px solid #dee2e6!important;
}
.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    color: #24201f !important;
}
.property-sidebar {
    position: absolute;
    z-index: 998;
    /*width: 22.75rem;*/
    bottom: 0;
    top: 0;
    height: calc(100% - 5rem);
}
.property-sidebar__wrap {
    position: sticky;
   
    position: -webkit-sticky;
    top: 140px;
}
.property-sidebar__card {
    background: #fff;
    padding: 1.75rem 0.75rem 1.25rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #e6e3e3;
    height: -moz-max-content;
    height: max-content;
    overflow: visible;
}
#house-profile .profile-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#house-profile .profile-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-bottom: 16px;
}
#house-profile .profile-empty-room {
    background: #cbeddd;
    width: 46px;
    height: 46px;
    border: 1px dashed #23a969;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#house-profile .profile-empty-room-text {
    font-size: 13px;
    font-weight: 700;
    color: #008746;
    margin-top: 2px;
}
#house-profile .profile-item-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    white-space: nowrap;
    font-size: 12px;
}
    #house-profile .profile-item-text > span {
        font-size: 11px;
        color: #413c3b;
    }
#house-profile .about-us {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}
#house-profile .about-us-title {
    font-weight: 700;
    margin-bottom: 8px;
    margin-left: 12px;
    font-size: 13px;
}
#house-profile .about-us-text {
    word-break: break-word;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 13px;
    line-height: 20px;
}
.emoji-tag {
    border: 1px solid #f2f1f1;
    border-radius: 8px;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
}
.property-sidebar__promo {
    display: flex;
    padding: 16px 24px;
}

.property-sidebar__card {
    background: #fff;
    padding: 1.75rem 0.75rem 1.25rem 0.75rem;
    border-radius: 4px;
    border: 1px solid #e6e3e3;
    height: -moz-max-content;
    height: max-content;
    overflow: visible;
}
.relative {
    position: relative!important;
}
.overflow-visible {
    overflow: visible !important;
}
/*#sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    color: #fff;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    border-radius: 24px;
    order: 3;
    padding: 2.5rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(27 30 62 / 8%);
}*/
.property-sidebar__promo {
    display: flex;
    padding: 16px 24px;
}
    .property-sidebar__promo img {
        width: 44px;
        min-width: 44px;
        height: 44px;
        margin-right: 1rem;
    }
.font-xs {
    font-size: 13px !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}
.font-size-1 {
    font-weight:700;
    font-size:20px;
    line-height:30px;
    Color: #212529;

}
.font-size-h2{
    font-weight:800;
    font-size:32px;
    line-height:42px;
    font-family:Cambon-Regular!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}
.description-header {
    font-size: 20px;
}
.property-page .section {
    position: relative;
    opacity: 1;
    transition: all .5s;
}
    .property-page .section .description.collapsed {
        max-height: 7.5em;
        position: relative;
        overflow: hidden;
    }

    .property-page .section .description {
        margin-bottom: 1.5rem;
        height: auto;
    }
        .property-page .section .description.collapsed:after {
            content: " ";
            height: 5em;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 30%,#fff);
        }
 .section-heading {
    font-family: Cambon-Regular;
    font-size: 28px;
}
 .overlay-picture {
    position: absolute;
    top: 16px;
    right: 26px;
    z-index: 10;
}

.green-20--bg {
    background-color: #cbeddd;
}
.green-60--txt {
    color: #23a969;
}
 .view-bedrooms-button {
    position: absolute;
    bottom: 21px;
    left: 16px;
    z-index: 1;
    width: auto;
    font-size: 12px;
    border-color: #fff;
}
.font-bold {
    font-weight: 700;
}
 .lease-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
 .lease-options {
    border: 1px solid #e6e3e3;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 10px;
    right: 25px;
    height: 30px;
}
.lease-options-icon {
    height: 12px;
    width: 12px;
    margin-left: 8px;
}
 .lease-options-text {
    font-size: 13px;
    margin-left: 8px;
    margin-right: 8px;
    font-weight: 700;
}
 .section-heading {
    font-family: Cambon-Regular;
    font-size: 28px;
}
.amenities-test {
    font-weight: 700;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.amenities-item {
    text-transform: capitalize;
}

.amenities-item {
    display: flex;
    align-items: center;
}
.amenities-test img {
    height: 20px;
    width: 20px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.header-lg {
    font-family: Cambon-Regular !important;
   
    line-height: 1.3;
    letter-spacing: -.5px;
    font-weight: 700;
    font-size: 32px;
}
.font-xl, .text-xl {
    font-size: 18px;
}
#home-type-value-prop .value-prop-header {
    font-size: 21px;
    line-height: 32px;
    font-weight:700;
    padding-bottom:10px;
}
#home-type-value-prop .value-prop-content p {
    margin-bottom: 0;
    font-size: 14px;
}
#best-value-in-town tbody>:last-child>:nth-child(2) {
    background-color: #4a6ced!important;
    color: #fff;
}
.header-md {
    font-family: Cambon-Regular !important;
    line-height: 1.3;
    letter-spacing: -.5px;
    font-weight: 700;
    font-size: 26px;
}
.blw-card {
    border-radius: 4px;
    border: 1px solid #e6e3e3;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
.header-sm {
    font-family: Cambon-Regular !important;
    line-height: 1.3;
    font-weight: 700;
    font-size: 22px;
}
.font-small, .text-small {
    font-size: 14px;
}
.property-page .section {
    position: relative;
    opacity: 1;
    transition: all .5s;
}
.section-heading {
    font-family: Cambon-Regular !important;
    font-size: 28px;
}
.fah__card.clickable {
    cursor: pointer;
    transition: box-shadow .25s ease;
    box-shadow: none;
}

.fah__card {
    border-radius: 4px;
    border: 1px solid #e6e3e3;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
    border-radius: 8px;
    background: #fff;
    margin: auto;
    /*max-width: 312px;*/
}
.fah__card-image img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    height: 100%;
    width: 100%;
    background: #e6e3e3;
}
.fah__card-image {
    position: relative;
    width: 100%;
    margin-bottom: 1.25rem;
    height: 200px;
    min-height: 200px;
    background: #f2f2f2;
    border-radius: 4px;
}
.fah__card .top-card.right {
    right: 0.35rem;
}

.fah__card .top-card {
    position: absolute;
    top: 0.35rem;
    z-index: 1;
}
    .fah__card .top-card.right > div {
        margin-left: 10px;
    }

.yellow-5--bg {
    background-color: #fff0d2;
}
.fah__card-image-price {
    left: 0.35rem;
    bottom: 0.35rem;
    padding: 5px 8px 3px 8px;
    background: #e5f6ee;
}
.fah__card-price {
    font-size: 14px;
    white-space: nowrap;
    color: #24201f;
}
    .fah__card-price .previous-price:after {
        content: " ";
        display: inline-block;
        position: absolute;
        height: 2px;
        background: #24201f;
        width: calc(100% + 2px);
        left: -2px;
        top: 6px;
        opacity: .65;
    }
    .fah__card-price .previous-price {
        margin-right: 0.25rem;
        position: relative;
    }
.fah__card-neighborhood {
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0.25rem;
}
.fah__card-headline {
    display: flex;
    font-weight: 700;
    font-family: Cambon-Regular;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0.25rem;
    width: 100%;
    height: 48px;
    overflow: hidden;
}
.fah__card-image-overlay, .fah__card-image-price {
    z-index: 1;
    position: absolute;
    border-radius: 4px;
    font-size: 13px;
}
/*..................contact-us.................*/
.standard-section.support-options {
    padding-top: 20px;
    padding-bottom: 80px;
}

.standard-section {
    padding: 80px 5%;
}
.block-grid._2 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.block-grid {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0px;
    grid-column-gap: 32px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.content-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 45px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-style: solid;
    border-width: 1.5px;
    border-color: #e6e6e6;
    border-radius: 16px;
}
.h3-2022 {
    font-family: Cambon-Regular !important;
    color: #24201f;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}
.paragraph {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Akkuratpro, sans-serif;
    color: #413c3b;
    font-size: 18px;
    line-height: 28px;
}
.cta-button {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    height: 54px;
    margin-top: 15px;
    margin-right: 0px;
    padding: 16px 45px 17px;
    border-radius: 10px;
    background-color: #115A70;
    background-image: linear-gradient(215deg, #115A70, #183E48);
    -webkit-transition: background-color 250ms ease;
    transition: background-color 250ms ease;
    font-family: Akkuratpro, sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    text-align: center;
}
.w-layout-grid-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.secondary-cta {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    height: 54px;
    margin-top: 15px;
    margin-right: 0px;
    padding: 16px 45px 17px;
    border: 1.5px solid #115A70;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition: background-color 250ms ease;
    transition: background-color 250ms ease;
    font-family: Akkuratpro, sans-serif;
    color: #115A70;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    text-align: center;
}
    .secondary-cta:hover {
        background-color: #115A70;
        background-image: linear-gradient(215deg, #115A70, #183E48);
        -webkit-transition: background-color 250ms ease;
        transition: background-color 250ms ease;
        font-family: Akkuratpro, sans-serif;
        color:#fff!important;
    }
@media screen and (max-width: 767px){
    .block-grid._2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .reputation-hero-button {
        margin-left:0px!important;
    }
    .reputation-hero-button {
        margin-bottom:15px;
    }
    
    .footer-flex .prt-view {
        padding: 6px 5px!important;
        color: #ffffff !important;
        background: #232c3d;
        border-radius: 0.2rem;
        height: 42px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .article-social-icons__icon {
        cursor: pointer;
        border-radius: 4px;
        padding: 12px;
        display: block;
        transition: background .15s ease;
        width: 48px;
       
    }
    .article-image {
        width: 100%!important;
        padding: 5px!important;
        margin: 0px!important;
        min-width: 100%!important;
    }
    .article-social-icons{
        display:flex;
        flex-direction:row;
    }
    .article-content h1 {
        font-family: Cambon-Regular;
        font-size: 35px!important;
        line-height: 60px;
        font-weight: 700;
        margin-top: 24px;
        margin-bottom: 40px;
    }
    .selio_style{
        display:flex;
    }
    .w-layout-grid-2 {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-row-gap: 16px;
        grid-column-gap: 16px;
    }
    .property-listing.list_view {
        display: block;
    }
        .property-listing.list_view .list_view_flex {
            padding: 1rem 0.7rem 0;
        }
}
.formNextButton {
    padding: 10px 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 12px;
    color: #ffffff !important;
    background-color: #115A70 !important;
}
@media (min-width: 992px){
    a.filter_links {
        display: none;
    }
    div#fltbox {
        display: block;
    }
}


a.filter_links {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #16447d !important;
    border-bottom: 1px solid #e6eaf1;
}
.short_wraping {
    width: 100%;
    border: 1px solid #ebedf1;
    border-radius: 0.3rem;
    background: #ffffff;
    margin-bottom: 2rem;
    padding: 0.5rem 1rem;
}

ul.shorting_grid {
    padding: 0;
    margin: 0;
}

    ul.shorting_grid li {
        display: inline-block;
        margin: 0;
        list-style: none;
        margin-right: 10px !important;
    }

        ul.shorting_grid li:last-child {
            margin-right: 0px !important;
        }

        ul.shorting_grid li a {
            font-size: 14px;
            font-weight: 600;
            color: #77859a;
        }

            ul.shorting_grid li a.active {
                color: #27ae60;
            }

            ul.shorting_grid li a span {
                color: #484c65;
                margin-right: 4px !important;
            }

.shorting_pagination {
    /*display: flex;*/
    align-items: center;
    margin: 0;
    width: 100%;
}

.shorting_pagination_laft {
    flex: 1;
}

    .shorting_pagination_laft h5 {
        margin: 0;
        line-height: 1;
        font-size: 13px;
    }

.shorting_pagination_right ul {
    margin: 0;
    padding: 0;
}

    .shorting_pagination_right ul li {
        list-style: none;
        display: inline-block;
        padding: 0 3px;
    }

        .shorting_pagination_right ul li a {
            width: 22px;
            height: 22px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 1px solid #c9d1dc;
            color: #77859a;
            font-size: 11px;
            font-weight: 700;
        }

            .shorting_pagination_right ul li a.active {
                color: #27ae60;
                border-color: #27ae60;
            }

.elco_bor {
    border-right: 1px solid #dfe2e8;
    border-left: 1px solid #dfe2e8;
}
.form-group {
    color: #707e9c;
    font-weight: 500;
    position: relative;
    padding: 0;
    margin-bottom: 10px;
}
.input-with-icon {
    position: relative;
    width: 100%;
}
.form-group .form-control {
    padding-left: 15px;
    margin: 0 !important;
    box-shadow: none !important;
    background: #ffffff;
    border: 1px solid #e7eaf1;
    color: #707e9c;
    border-radius: 4px;
}
.input-with-icon i {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 8px;
    font-size: 15px;
    color: #215463;
    font-style: normal;
    opacity: 0.4;
    font-style: normal;
    cursor: normal;
    pointer-events: none;
}
.ti-search:before {
    content: "\e610";
}
.select2-container {
    width: 100% !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
span.select2-selection.select2-selection--single {
    padding-left: 15px;
    border-radius: 4px;
    border: 1px solid #e7eaf1;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #16447d;
    font-weight: 600;
    line-height: 54px;
    text-align: left;
    padding: 0 15px 0 0;
}
select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #215463;
}
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    /*font-family: Arial,sans-serif;*/
}
header h2 {
    font-size: 24px;
    font-weight: 600;
}

header p {
    margin-top: 5px;
    font-size: 16px;
}

.price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
}

    .price-input .field {
        display: flex;
        width: 100%;
        height: 45px;
        align-items: center;
    }

.field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

    .slider .progress {
        height: 100%;
        left: 25%;
        right: 25%;
        position: absolute;
        border-radius: 5px;
        background: #17a2b8;
    }

.range-input {
    position: relative;
}

    .range-input input {
        position: absolute;
        width: 100%;
        height: 5px;
        top: -5px;
        background: none;
        pointer-events: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #17a2b8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #17a2b8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}


/* Support */
.support-box {
    top: 2rem;
    position: relative;
    bottom: 0;
    text-align: center;
    display: block;
}
.page-sidebar {
    border-radius: 0.4rem;
    border: 1px solid #e6eaf1;
    background: #ffffff;
    padding: 25px;
    margin-bottom: 30px;
}
@media (min-width: 768px){
    .property-listing.list_view .listing-img-wrapper {
        /*max-width: 354px;*/
    }
    
}
.property-listing.list_view .list-img-slide {
    overflow: hidden;
    position: relative;
    min-height: 200px;
    max-height: 200px;
    border-radius: 4px;
}
.property-listing.list_view .listing-img-wrapper {
    flex: 1;
    position: relative;
    min-width: 250px;
}

._exlio_125 {
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 10;
    background-image: linear-gradient(225deg,#ee0979,#ff6a00);
    border-color: #ff6f4f;
    height: 38px;
    padding: 0 18px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 50px;
    box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 20%);
    -webkit-box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 20%);
}
/*.property-listing.list_view .list_view_flex {
    padding-left: 15px;
}*/
.listing-short-detail-wrap {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
}
._card_list_flex {
    display: flex;
    align-items: center;
    width: 100%;
}
._card_flex_01 {
    flex: 1;
}
span._list_blickes._netork {
    background: rgba(255, 87, 34,0.1);
    color: #ff5722;
}

span._list_blickes {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 15px;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    background: #f4f5f7;
    border-radius: 4px;
}
    span._list_blickes.types {
        background: rgba(37, 181, 121,0.1);
        color: #25b579;
    }

.listing-card-info-price {
    font-weight: 700;
    position: relative;
    font-size: 22px;
    color: #27ae60;
    line-height: 1.4;
    padding-left: 0.35em;
}
._card_list_flex {
    display: flex;
    align-items: center;
    width: 100%;
}
.property-listing.list_view .listing-name {
    font-size: 18px;
    line-height: 1.4;
    max-width: 375px;
}
.property-listing.list_view .price-features-wrapper {
    padding: 0.1rem 0rem 0.6rem;
    display: flex;
    flex-wrap: wrap;
}
.list-fx-features {
    margin-top: 5px;
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.listing-card-info-icon {
    display: inline-block;
    padding-left: 0px;
    position: relative;
    vertical-align: top;
    /* width: 33.333333%; */
    flex: 0 0 33.333333%;
    margin-bottom: 0rem;
    font-size: 14px;
    color: #616e96;
    font-weight: 600;
    margin-right: 26px;
}
.kichen {
    font-size: 14px;
    color: #616e96;
    font-weight: 600;
    margin-left:2px;
}
.inc-fleat-icon {
    margin-right: 5px;
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    /* border: 2px solid #e0e4ef; */
}
.property-listing.list_view .listing-detail-footer {
    border: none;
    padding: 1rem 0.4rem;
}

.listing-detail-footer {
    padding: 1rem 1.5rem;
    margin-top: 1rem;
    border-top: 1px solid #e4e8f3;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    min-height: 60px;
    max-height: 60px;
}
.property-listing.list_view .foot-rates {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
span.elio_rate.good {
    background: rgba(33, 150, 243,0.1);
    color: #2196f3;
}

.foot-rates span.elio_rate {
    width: auto;
    padding: 2px 8px;
    background: #e42d29;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    margin-right: 5px;
}
._rate_stio {
    display: flex;
    align-items: center;
    letter-spacing: 3px;
    font-size: 10px;
    color: #ff9800;
    position: relative;
    top: -2px;
}
.property-listing.list_view {
    padding: 0.8rem;
    display: flex;
    align-items: flex-start;
    transition: transform .2s ease-in-out;
}
.property-listing.list_view:hover{
    transform: scale(1.02);
}
.property-listing {
    position: relative;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #ffffff!important;
    margin-bottom: 30px;
    border: none;
    box-shadow: 0 0 20px 0 rgba(62,28,131,0.1)!important;
    -webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
}
.footer-flex .prt-view {
    padding: 4px 18px;
    color: #ffffff !important;
    background: #115A70;
    border-radius: 0.2rem;
    height: 42px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer-first {
    flex: 1;
}
.property-listing.list_view .slick-slide img, .property-listing.list_view .list-img-slide img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.listing-detail-footer {
    padding: 1rem 1.5rem;
    margin-top: 1rem;
    border-top: 1px solid #e4e8f3;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    min-height: 60px;
    max-height: 60px;
}
.foot-location {
    font-size: 15px;
    display: flex;
    align-items: center;
}
    .foot-location img {
        margin-right: 5px;
        float: left;
    }
ul.selio_style {
    padding: 0;
    margin: 0;
}
    ul.selio_style li {
        display: inline-block;
        list-style: none;
        margin-right: 5px;
    }
        ul.selio_style li .prt_saveed_12lk {
            width: 40px;
            height: 40px;
            align-items: center;
            justify-content: center;
            display: inline-flex;
            border: 2px solid #ced5e4;
            border-radius: 50%;
            font-size: 13px;
        }

            ul.selio_style li .prt_saveed_12lk .toggler {
                color: #75839e;
                font-size: 14px;
            }

.prt_saveed_12lk .toggler {
    color: #bec7d8;
    cursor: pointer;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1;
}
.inc-fleat-icon {
    margin-right: 5px;
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    /* border: 2px solid #e0e4ef; */
}
.shorting-right {
    width: auto;
    background: transparent;
    border-radius: 2px;
    padding: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
    .shorting-right label {
        display: inline-block;
        margin-bottom: 0;
    }
    .shorting-right .btn.btn-filter {
        color: #8891a7;
        padding: 2px 5px;
        font-size: 14px;
        line-height: unset;
    }
/*.dropdown-item {*/
/*    padding: 8px 1rem;*/
/*    color: #607394;*/
/*    font-size: 15.5px;*/
/*}*/
/*.dropbtn {*/
/*    background-color: #fff;*/
/*    color: #24201f;*/
/*    padding: 16px;*/
/*    font-size: 16px;*/
/*    border: none;*/
/*}*/

/*.dropdown {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.dropdown-content {*/
/*    display: none;*/
/*    position: absolute;*/
/*    background-color: #fff;*/
/*    min-width: 160px;*/
/*    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
/*    z-index: 1;*/
/*}*/

/*    .dropdown-content a {*/
/*        color: black;*/
/*        padding: 12px 16px;*/
/*        text-decoration: none;*/
/*        display: block;*/
/*    }*/

/*        .dropdown-content a:hover {*/
/*            background-color: #ddd;*/
/*        }*/

/*.dropdown:hover .dropdown-content {*/
/*    display: block;*/
/*}*/

/*.dropdown:hover .dropbtn {*/
/*    background-color: #fff;*/
/*}*/
.dropbtn {
  
  color: #000;
  background:#fff;
 padding: 11px 12px;
    width: 184px;
    border-radius: 6px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border:1px solid #aaa;
}

.dropbtn:hover, .dropbtn:focus {
 
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
 background:#fff;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background:#fff;
}

.dropdown a:hover {background-color: none;}

.show {display: block;}

ul.selio_style {
    padding: 0;
    margin: 0;
}
.list-inline-item{
    cursor:pointer;
}
.article-card__detail {
    position: relative;
    margin: 24px;
    /*height: 180px;*/
    overflow: hidden;
}
.article-card span {
    font-size: 12px;
    line-height: 20px;
    color: #a5a09f;
}
.article-card h4 {
    margin-top: 4px;
    margin-bottom: 8px;
    white-space: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color:#000;
}
.article-card p {
    font-size: 15px;
    line-height: 24px;
    height: 72px;
    margin-bottom: 0;
    overflow: hidden;
}
.article-card__detail:after {
    content: "";
    height: 28px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
}
.article-card {
    display: block;
    width: 300px;
    min-width: 300px;
    height: 370px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow .25s ease;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    margin-bottom: 40px;
    margin-right: 30px;
    text-decoration: none !important;
}
.header-lg {
    font-family: Cambon-Regular;
    line-height: 1.3;
    letter-spacing: -.5px;
    font-weight: 700;
    font-size: 32px;
}
.article-content #back-to-articles-button {
    width: -moz-max-content;
    width: max-content;
}
    .article-content #back-to-articles-button img {
        height: 15px;
        width: 15px;
    }
.btn-text {
    width: 100%;
    font-weight: 700;
    max-width: 15rem;
    padding: 0.5rem;
}
.article-content h2 {
    letter-spacing: -.2px;
    font-size: 28px;
    line-height: 40px;
    margin-top: 48px;
    margin-bottom: 24px;
}
.article-content h1 {
    font-family: Cambon-Regular;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 40px;
}
 .article-content__description p {
    font-size: 20px;
    line-height: 40px;
    letter-spacing: .1px;
    margin-bottom: 24px;
    word-break: break-word;
}
.article-social-icons__icon {
    cursor: pointer;
    border-radius: 4px;
    padding: 12px;
    display: block;
    transition: background .15s ease;
    width: 48px;
}
@media (min-width: 1090px){
    .article-social-icons {
        top: 244px;
    }
}

@media (min-width: 1090px){
      .article-social-icons,   .article-social-icons {
        margin-left: 0;
        position: absolute;
        flex-direction: column;
        right: 20px;
    }
}
.article-image {
    max-width: 1300px;
    padding: 0 40px;
    margin: 40px auto;
    min-width: 965px;
  
    
}
.table-content {
    cursor: pointer;
    transition: all .15s ease;
    display: flex;
    align-items: center;
    border-radius: 4px;
    text-decoration: underline;
    min-height: 56px;
    color: #413c3b;
    font-size: 18px;
    width: calc(100% + 48px);
    padding: 12px 24px;
    margin-left: -24px;
    margin-right: -24px;
}
.mt-40{
    margin-top:40px;
}
.f-dropdown {
    --max-scroll: 5;
    position: relative;
    z-index: 10;
}
                                     .f-dropdown {
                                       
                                        position: relative;
                                        z-index: 10;
                                        width:205px;
                                        margin-left:3px;
                                       
                                    }

                                        .f-dropdown select {
                                            display: none;
                                        }

                                        .f-dropdown > span {
                                            cursor: pointer;
                                            padding: 10px 11px;
                                            border-radius: 7px;
                                            display: flex;
                                            align-items: center;
                                            position: relative;
                                            color: #bbb;
                                            border: 1px solid #aaa;
                                            background: #fff;
                                            transition: color 0.2s ease, border-color 0.2s ease;
                                            margin:1px;
                                        }

                                            .f-dropdown > span > span {
                                                white-space: nowrap;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                padding-right: 12px;
                                                color:#000;
                                            }

                                            .f-dropdown > span img {
                                                width: 30px;
                                                margin-right: 10px;
                                            }

                                            .f-dropdown > span:before, .f-dropdown > span:after {
                                                content: "";
                                                display: block;
                                                position: absolute;
                                                width: 8px;
                                                height: 2px;
                                                border-radius: 1px;
                                                top: 50%;
                                                right: 12px;
                                                background: #000;
                                                transition: all 0.3s ease;
                                            }

                                            .f-dropdown > span:before {
                                                margin-right: 4px;
                                                transform: scale(0.96, 0.8) rotate(50deg);
                                            }

                                            .f-dropdown > span:after {
                                                transform: scale(0.96, 0.8) rotate(-50deg);
                                            }

                                        .f-dropdown ul {
                                            margin: 0;
                                            padding: 0;
                                            list-style: none;
                                            opacity: 0;
                                            visibility: hidden;
                                            position: absolute;
                                            max-height: calc(var(--max-scroll) * 46px);
                                            top: 45px;
                                            left: 0;
                                            z-index: 1;
                                            right: 0;
                                            background: #fff;
                                            border: 1px solid #ccc;
                                            border-radius: 6px;
                                            overflow-x: hidden;
                                            overflow-y: auto;
                                            transform-origin: 0 0;
                                            transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
                                            transform: translate(0, 5px);
                                        }

                                            .f-dropdown ul li {
                                                padding: 0;
                                                margin: 0;
                                            }

                                                .f-dropdown ul li a {
                                                    cursor: pointer;
                                                    display: block;
                                                    padding: 11px 12px;
                                                    color: #000;
                                                    text-decoration: none;
                                                    outline: none;
                                                    position: relative;
                                                    transition: all 0.2s ease;
                                                    display: flex;
                                                    align-items: center;
                                                }

                                                    .f-dropdown ul li a img {
                                                        width: 35px;
                                                        margin-right: 10px;
                                                    }

                                                    .f-dropdown ul li a:hover {
                                                        color: #5c6bc0;
                                                    }

                                                .f-dropdown ul li.active a {
                                                    color: #000000;
                                                    background: #f2f2f2;
                                                }

                                                    .f-dropdown ul li.active a:before, .f-dropdown ul li.active a:after {
                                                        --scale: 0.6;
                                                        content: "";
                                                        display: block;
                                                        width: 10px;
                                                        height: 2px;
                                                        position: absolute;
                                                        right: 12px;
                                                        top: 50%;
                                                        opacity: 0;
                                                        background: #fff;
                                                        transition: all 0.2s ease;
                                                    }

                                                    .f-dropdown ul li.active a:before {
                                                        transform: rotate(45deg) scale(var(--scale));
                                                    }

                                                    .f-dropdown ul li.active a:after {
                                                        transform: rotate(-45deg) scale(var(--scale));
                                                    }

                                                    .f-dropdown ul li.active a:hover:before, .f-dropdown ul li.active a:hover:after {
                                                        --scale: 0.9;
                                                        opacity: 1;
                                                    }

                                                .f-dropdown ul li:first-child a {
                                                    border-radius: 6px 6px 0 0;
                                                }

                                                .f-dropdown ul li:last-child a {
                                                    border-radius: 0 0 6px 6px;
                                                }

                                        .f-dropdown.disabled {
                                            opacity: 0.7;
                                        }

                                            .f-dropdown.disabled > span {
                                                cursor: not-allowed;
                                            }

                                        .f-dropdown.filled > span {
                                            color: #000;
                                        }

                                        .f-dropdown.open {
                                            z-index: 15;
                                        }

                                            .f-dropdown.open > span {
                                                border-color: #aaa;
                                            }

                                                .f-dropdown.open > span:before, .f-dropdown.open > span:after {
                                                    background: #000;
                                                }

                                                .f-dropdown.open > span:before {
                                                    transform: scale(0.96, 0.8) rotate(-50deg);
                                                }

                                                .f-dropdown.open > span:after {
                                                    transform: scale(0.96, 0.8) rotate(50deg);
                                                }

                                            .f-dropdown.open ul {
                                                opacity: 1;
                                                visibility: visible;
                                                transform: translate(0, 12px);
                                                transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
                                                width:280px;
                                            }

                                    /* --------------------------- */
                                    .f-group {
                                        max-width: 250px;
                                        margin: 0 auto;
                                        text-align: left;
                                    }

                                        .f-group select {
                                            width: 100%;
                                        }

                                    .f-control {
                                        font-size: 14px;
                                        line-height: normal;
                                        color: #000;
                                        display: inline-block;
                                        background-color: #ffffff;
                                        border: #ccc 1px solid;
                                        border-radius: 6px;
                                        padding: 8px 12px;
                                        outline: none;
                                        max-width: 250px;
                                    }
                                    
                                     div.custom-select 
{
  
  width: 205px;
  position: relative;
  border: 1px solid #aaa;
  color:#000;
  border-radius:6px;
}

div.selected
{
  width: inherit;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  padding:10px 11px;
}

div.selected > .text
{
  /*padding: 11px 12px;*/
  display: block;
  overflow: hidden;
  white-space: nowrap;
  /*margin-top:3px;*/
  /*text-overflow: ellipsis;*/
}

div.select-box
{
  display: none;
  width: 260px;
  z-index: 10029;
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 8px 20px #000000;
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
  top: 55px;
  height: 232px;
  overflow: auto;
}

div.select-box.active
{
  display: block;
}

div.select-box.drop-up
{
  /*top: auto;*/
  bottom: 100%;
}

ul.select-list
{
  margin: 0;
  padding: 10px;
  list-style-type: none;
  background:#fff;
}

ul.select-list li
{
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding:8px 10px;
  border-bottom:1px solid #f2f2f2;
}

ul.select-list li:hover,
ul.select-list li.active
{
  /*background-color: #999999;*/
}
@media (max-width:768px){
    .article-card {
    display: block;
    width: 300px;
    min-width: 300px;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow .25s ease;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    margin-bottom: 40px;
    margin-right: 30px;
    text-decoration: none !important;
    
}
.listing-card-info-icon {
    display: inline-block;
    padding-left: 0px;
    position: relative;
    vertical-align: top;
    /* width: 33.333333%; */
    flex: 0 0 33.333333%;
    margin-bottom: 0rem;
    font-size: 14px;
    color: #616e96;
    font-weight: 600;
    margin-right: 99px;
}
#order{
    order:2!important;
}
#house-profile .profile-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
}
.mx-4{
    margin-left:10px!important;
    margin-right:10px!important;
}
.label-xxl {
    font-family: Akkuratpro, sans-serif;
      font-size: 34px!important;
    line-height: 56px;
    font-weight: 700;
}
.bold-text-header.new-section1-header {
    font-size: 39px !important;
    line-height: 34px;
    font-weight: 800;
    Color: #242424;
}

}
@media (max-width:360px){
    .header-h2 {
    font-size: 27px!important;
    line-height: 44px!important;
    font-weight: 900;
    font-family: Cambon-Regular;
}

}
@media (max-width:320px){
    .ankle-section__bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #f6f2ed;
    height: auto;
    padding: 0rem;
}
.img-fix-height-property {
    width: 100%!important;
    height: 170px!important;
}
.our-team-list {
    grid-row-gap: 32px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.review-block {
    padding: 20px;
}
.reputation-offers-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 24px;
    padding-left: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e6e6!important;
    border-radius: 16px;
}
.bold-text-header.new-section1-header {
    font-size: 39px !important;
    line-height: 34px;
    font-weight: 800;
    Color: #242424;
}
.label-xxl {
    font-family: Akkuratpro, sans-serif;
    font-size: 34px!important;
    line-height: 56px;
    font-weight: 700;
}
.headline-section.smaller.new-section1-header {
    font-size: 41px;
    line-height: 56px;
    font-weight: 800;
}
}
@media (max-width:996px){
    #sectin-3-mragin-left {
    margin-left: 10px;
}
.secondary-cta{
    height:auto!important;
}
.hero-img-height-fix{
    width:100%;
    height:auto!important;
}
.hero-img-height-fix img{
    width:100%;
    height:auto;
}
.pt-100 {
    padding-top: 40px;
}
.header-h2{
    font-size:38px;
}
#hero {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 75px;
}
.article-card p {
    font-size: 15px;
    line-height: 24px;
     height: 100%!important; 
    margin-bottom: 0;
    overflow: hidden;
}
.second-home-pd{
    padding:20px!important;
    text-align:center!important;
}
#hero .header-h1 {
    font-size: 60px!important;
    font-weight: 900;
    font-family: Cambon-Regular!important;
    line-height: 73px;
}
.font-subtitle {
    font-size: 18px!important;
    line-height: 32px;
    font-weight: 700;
    color: #24201f;
}
.property-sidebar__wrap{
    margin-top:25px;
}
}
@media (min-width: 992px){
.offset-lg-1 {
    margin-left: 8.333333%;
}
}
.justify-content-center {
    justify-content: center!important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
@media (min-width: 992px){
.order-lg-2 {
    order: 2;
}
.product-features__title {
    padding: 2rem 0;
}
.pt-5, .py-5 {
    padding-top: 3rem!important;
}
}
.p-2 {
    padding: 0.5rem!important;
}
@media (min-width:1200px){
    .margin-grid-left-right{
        padding-left:40px;
        padding-right:40px;
    }
    .grid-row-gap-invester{
        margin-top:160px;
    }
    .pb-80{
        padding-bottom:80px;
    }
    #mt-80{
        margin-top:80px;
    }
    .reputation-hero-left-block {
    padding-left: 40px;
    padding-right: 40px;
}
.reputation-hero-right-block {
    padding-left: 40px;
    padding-right: 40px;
}
.wrapper_win-win {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 12.05rem;
    display: flex;
}
.container---large {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.padding-vertical {
    padding-left: 0;
    padding-right: 0;
}
.padding-huge {
    padding-left:6rem;
    padding-right:6rem;
    padding-bottom:2rem;
    padding-top: 6rem;
}
#pd-64{
    padding:64px;
}
 .block_team {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
#pdtpbtm{
    /*padding-top:64px;*/
    padding-bottom:64px;
}
   .page-padding {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}


.card-hover{
    display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #347B8A!important;
    border-color: #347B8A!important;
}
.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: #183E48;
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}