@charset "UTF-8";

/*-----------------

    @Typography

-----------------*/

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");



:root {

  --main-color-one: hsl(33, 37%, 48%);

  --main-color-two: #a22418;

  --secondary-color: #333333;

  --heading-color: #730a00;

  --paragraph-color: #666666;

  --heading-font: "Noto Sans", sans-serif;

  --body-font: "Noto Sans", sans-serif;

}



html {

  font-family: "Noto Sans", sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  overflow-x: hidden;

}



body {

  font-family: "Noto Sans", sans-serif;

  font-size: 16px;

  margin: 0;

  color: #666666;

  overflow-x: hidden;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #a07444;

}



p {

  font-size: 16px;

  color: #666666;

  line-height: 1.625;

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

}



a {

  color: #a07444;

  text-decoration: none;

}



a,

a:hover,

a:focus,

a:active {

  text-decoration: none;

  outline: none;

}



ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



a i {

  padding: 0 2px;

}



img {

  max-width: 100%;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus,

textarea:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

select:focus {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 1px solid #ddd;

}



.dark-bg {

  background-color: #10102d;

}

.bg-grey {

  background-color: hsl(0, 0%, 13%);

}

.gold-bg {

  background-color: hsl(33, 37%, 48%);

}



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

  .row.reorder-xs {

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    direction: rtl;

  }

  .row.reorder-xs > [class*="col-"] {

    -ms-transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);

    direction: ltr;

  }

}



/* sections space */

footer,

section#contact,

section#about-flats,

section#slider-visual,

section#post-flats,

section#counterup,

section#map,

section#offer-garage,

section#offer-flats-slider,

section#offer-flats-table {

  margin-top: 6rem;

}



section#offer-flats {

  margin-top: 0 !important;

}

section#top-image,

header {

  margin-top: 80px !important;

}



section#offer-flats-slider,

section#map {

  margin-bottom: -6rem;

}



.icon-box-wrapper {

  margin-top: 6rem;

}



/* # Nav bar */

.navbar.navbar-area .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.80)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}



.mobile-logo {

  display: none;

}



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

  .mobile-logo {

    display: block;

  }

  .desktop-logo {

    display: none !important;

  }

}



.navbar-area {

  padding: 0;

}



.navbar-area .nav-container .navbar-collapse .navbar-nav {

  display: block;

  width: 100%;

  text-align: right;

}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  line-height: 60px;

  padding: 10px 15px;

  border-bottom: 2px solid transparent;

}



.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children {

  position: relative;

  z-index: 0;

  padding-right: 15px;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children:before {

  position: absolute;

  right: 0;

  top: 50%;

  content: "\f107";

  font-family: "Font Awesome 5 Free";

  -ms-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

  font-weight: 900;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children:hover

  > .sub-menu {

  visibility: visible;

  opacity: 1;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu {

  position: absolute;

  text-align: left;

  min-width: 220px;

  margin: 0;

  padding: 0;

  list-style: none;

  left: 0;

  top: 100%;

  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);

  background-color: #212121;

  z-index: 9;

  border-bottom: 4px solid var(--main-color-one);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  li {

  display: block;

  margin-left: 0;

  line-height: 24px;

  font-size: 16px;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  li

  + li {

  border-top: 1px solid #e2e2e2;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  li

  a {

  display: block;

  padding: 12px 30px;

  background-color: #212121;

  white-space: nowrap;

  color: var(--paragraph-color);

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  li

  a:hover {

  background-color: var(--main-color-one);

  color: #fff;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  .menu-item-has-children {

  position: relative;

  z-index: 0;

  padding-right: 0px;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  .menu-item-has-children:before {

  position: absolute;

  right: 15px;

  top: 50%;

  content: "\f105";

  font-family: "fontawesome";

  -ms-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  .menu-item-has-children

  > .sub-menu {

  left: 100%;

  top: 20px;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  .menu-item-has-children

  > .sub-menu

  .sub-menu

  .sub-menu {

  left: auto;

  right: 100%;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  .menu-item-has-children:hover

  > .sub-menu {

  visibility: visible;

  opacity: 1;

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.menu-item-has-children

  .sub-menu

  .menu-item-has-children:hover

  > .sub-menu

  li:hover:before {

  color: #fff;

}



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

  .navbar-area .nav-container {

    position: relative;

    z-index: 0;

    min-height: 80px;

  }

  .navbar-area .nav-container .navbar-brand {

    display: block;

  }

  .navbar-area .nav-container .navbar-brand .navbar-toggler {

    position: absolute;

    right: 10px;

    border: 1px solid #e2e2e2;

  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav {

    display: block;

    margin-top: 20px;

  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li {

    display: block;

    text-align: left;

    line-height: 30px;

    padding: 10px 0;

    border-bottom: 1px solid #e2e2e2;

  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {

    border-bottom: none;

  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {

    margin-left: 0;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children:before {

    top: 25px;

    right: 20px;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children:hover {

    padding-bottom: 0;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children:hover

    > .sub-menu {

    visibility: visible;

    height: auto;

    opacity: 1;

    background-color: transparent;

    border-bottom: none;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children

    .sub-menu {

    position: initial;

    display: block;

    width: 100%;

    border-top: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin-left: 0;

    padding-bottom: 0;

    visibility: hidden;

    opacity: 0;

    height: 0;

    overflow: hidden;

    max-height: 250px;

    overflow-y: scroll;

    -webkit-transition: height 500ms;

    -moz-transition: height 500ms;

    -o-transition: height 500ms;

    transition: height 500ms;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children

    .sub-menu

    .sub-menu

    .menu-item-has-children:before {

    content: "\f107";

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children

    .sub-menu

    li {

    padding: 0;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children

    .sub-menu

    li.menu-item-has-children:hover:before {

    top: 30px;

    color: #fff;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children

    .sub-menu

    li

    + li {

    border-top: none;

  }

  .navbar-area

    .nav-container

    .navbar-collapse

    .navbar-nav

    li.menu-item-has-children

    .sub-menu

    li:first-child {

    border-top: 1px solid #e2e2e2;

  }

}



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

  .navbar-area .nav-container {

    margin: 0 15px;

  }

}



#sd-nav {

  background-color: #151515;

  z-index: 999;

  position: fixed;

  display: flex;

  width: 100%;

  transition: all ease-in-out;

}

#sd-nav.affix {

  background-color: #151515;

  position: fixed;

  top: 0;

  left: 0;

  min-height: 60px;

  width: 100%;

  z-index: 1000;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

#sd-nav.affix .nav-container .navbar-collapse .navbar-nav li {

  line-height: 40px;

}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {

  color: hsl(31, 96%, 73%);

}



.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {

  border-bottom: 2px solid;

  /* border-color: var(--main-color-one); */

  border-color: hsl(31, 96%, 73%);

}

.navbar-area

  .nav-container

  .navbar-collapse

  .navbar-nav

  li.current-menu-item

  a {

  /* color: var(--main-color-one);  */

  color: hsl(31, 96%, 73%);

}



ul li.white {

  color: #fff;

  font-size: 0.9em;

  margin-bottom: 0.8em;

}



.single-team-member .content .title {

  color: #151515;

}

.single-team-member .thumb .hover,

.single-team-member .thumb a.hover {

  background-color: rgba(4, 4, 4, 0.7);

}



/* # about img */

.about-flat-area {

  background-repeat: no-repeat;

}

.about-flat-area .img-wrapper {

  position: relative;

  z-index: 2;

}



.img-full-width-video {

  position: relative;

  z-index: 0;

}

.img-full-width-video .hover {

  position: absolute;

  right: 15%;

  top: 50%;

  -ms-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.img-full-width-video .hover .play-video-btn {

  display: inline-block;

  padding: 15px 40px;

  background-image: -moz-linear-gradient(176deg, #0250c5 0%, #d43f8d 100%);

  background-image: -webkit-linear-gradient(176deg, #0250c5 0%, #d43f8d 100%);

  background-image: -ms-linear-gradient(176deg, #0250c5 0%, #d43f8d 100%);

  color: #fff;

}



.img-with-video {

  display: inline-block;

}

.img-with-video .img-wrap {

  position: relative;

  z-index: 0;

}

.img-with-video .img-wrap .hover {

  position: absolute;

  left: 0;

  top: 0;

  background-color: rgba(98, 46, 238, 0.6);

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.img-with-video .img-wrap .hover .video-play-btn {

  color: #a77f4d;

  width: 100px;

  height: 100px;

  line-height: 100px;

}

.img-with-video .img-wrap .hover .video-play-btn:before {

  width: 120px;

  height: 120px;

}



.video-area.white .right-content-area .title {

  color: #fff;

}



.video-area.white .right-content-area .subtitle {

  color: rgba(255, 255, 255, 0.8);

}



.video-area.white .right-content-area p {

  color: rgba(255, 255, 255, 0.6);

}



.video-area.style-two {

  position: relative;

  z-index: 0;

}

.video-area.style-two:after {

  position: absolute;

  left: 0;

  top: 0;

  background-image: url(../images/video-area-bg.png);

  content: "";

  z-index: -1;

  width: 100%;

  height: 100%;

}



.video-area .right-content-area {

  margin-top: 45px;

}

.video-area .right-content-area .title {

  font-size: 48px;

  line-height: 58px;

  margin-bottom: 20px;

  color: #a07444;

}

.video-area .right-content-area .subtitle {

  font-size: 20px;

  line-height: 30px;

  color: #a77f4d;

  text-transform: uppercase;

  font-family: "Noto Sans", sans-serif;

  display: block;

  margin-bottom: 10px;

}



.has-video-with-img {

  padding-top: 370px;

}



.video-play-area.margin-minus {

  margin-bottom: -250px;

}



.video-play-width-image {

  position: relative;

  z-index: 0;

  z-index: 2;

}

.video-play-width-image img {

  border-radius: 0;

}

.video-play-width-image .hover {

  position: absolute;

  left: 50%;

  top: 50%;

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.video-play-width-image .hover .video-play-btn {

  background-color: var(--main-color-one);

  color: #fff;

}

.video-play-width-image .hover .video-play-btn:before {

  background-color: var(--main-color-one);

}



/* # counerup */

.single-counterup-style {

  text-align: center;

}

.single-counterup-style .count-text {

  background-color: #f7f7f8;

  width: 130px;

  height: 130px;

  font-size: 48px;

  line-height: 130px;

  text-align: center;

  position: relative;

  z-index: 0;

  margin: 0 auto;

  margin-bottom: 22px;

}

.single-counterup-style .count-text .count-wrap {

  background: -webkit-gradient(

    linear,

    left bottom,

    left top,

    from(#151515),

    to(#666666)

  );

  background: -webkit-linear-gradient(bottom, #151515 0%, #666666 100%);

  background: -o-linear-gradient(bottom, #151515 0%, #666666 100%);

  background: linear-gradient(0deg, #151515 0%, #666666 100%);

  background: -webkit-linear-gradient(0deg, #151515 0%, #666666 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.single-counterup-style .count-text:after {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #f7f7f8;

  content: "";

  z-index: -1;

}

.single-counterup-style .content .title {

  font-size: 18px;

  line-height: 28px;

  font-weight: 500;

}



#i0nasdasdaniw {

}



/* # offer-flats-area */

.offer-flats-area {

  padding-top: 2rem;

  padding-bottom: 2rem;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



/* # about flats */

.about-flat-area {

  position: relative;

}

.row-absolute {

  position: absolute;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0;

  top: 1rem;

}



/* # icon boxi */



.single-icon-boxi {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-item-align: start;

  align-self: flex-start;

  margin-bottom: 2rem;

}

.single-icon-boxi.theme-01 .icon {

  color: #a07444;

}

.single-icon-boxi.theme-01:hover .icon {

  background-color: #e81273;

  color: #fff;

}

.single-icon-boxi.theme-02 .icon {

  color: #a07444;

}

.single-icon-boxi.theme-02:hover .icon {

  background-color: #3993f8;

  color: #fff;

}

.single-icon-boxi.theme-03 .icon {

  color: #a07444;

}

.single-icon-boxi.theme-03:hover .icon {

  background-color: #3ceb9e;

  color: #fff;

}

.single-icon-boxi.theme-04 .icon {

  color: #a07444;

}

.single-icon-boxi.theme-04:hover .icon {

  background-color: #f99c6a;

  color: #fff;

}

.single-icon-boxi .icon {

  margin-right: 20px;

  width: 100px;

  height: 100px;

  border: 1px solid #cfcfcf;

  line-height: 100px;

  text-align: center;

  font-size: 36px;

  color: var(--main-color-one);

  -webkit-transition: all 500ms;

  -o-transition: all 500ms;

  transition: all 500ms;

}

.single-icon-boxi .content {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.single-feature-list .content .title a {

  font-size: 1.8rem;

}



/* # feature-list */



.feature-list {

  margin: 0;

  padding: 0;

  list-style: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  border: 2px solid #ededed;

}



.feature-list .single-feature-list {

  position: relative;

  z-index: 0;

  overflow: hidden;

}

.feature-list .single-feature-list .icon {

  position: relative;

  z-index: 0;

  font-size: 36px;

}

.feature-list .single-feature-list .icon:after {

  position: absolute;

  left: 15px;

  top: 0;

  width: 70px;

  height: 90px;

  content: "";

  -ms-transform: rotate(40deg);

  -webkit-transform: rotate(40deg);

  transform: rotate(40deg);

  z-index: -1;

}

.feature-list .single-feature-list .icon.icon-bg-1 {

  background-image: unset;

}

.feature-list .single-feature-list .icon.icon-bg-1:after {

  background-image: -moz-linear-gradient(50deg, #a77f4d 0%, #ebae6c 100%);

  background-image: -webkit-linear-gradient(50deg, #a77f4d 0%, #ebae6c 100%);

  background-image: -ms-linear-gradient(50deg, #a77f4d 0%, #ebae6c 100%);

}

.feature-list .single-feature-list .icon.icon-bg-2 {

  background-image: unset;

}

.feature-list .single-feature-list .icon.icon-bg-2:after {

  background-image: -moz-linear-gradient(50deg, #ebae6c 0%, #a77f4d 100%);

  background-image: -webkit-linear-gradient(50deg, #ebae6c 0%, #a77f4d 100%);

  background-image: -ms-linear-gradient(50deg, #ebae6c 0%, #a77f4d 100%);

}

.feature-list .single-feature-list .icon.icon-bg-3 {

  background-image: unset;

}

.feature-list .single-feature-list .icon.icon-bg-3:after {

  background-image: -moz-linear-gradient(50deg, #a77f4d 0%, #ebae6c 100%);

  background-image: -webkit-linear-gradient(50deg, #a77f4d 0%, #ebae6c 100%);

  background-image: -ms-linear-gradient(50deg, #a77f4d 0%, #ebae6c 100%);

}

.feature-list .single-feature-list .icon.icon-bg-4 {

  background-image: unset;

}

.feature-list .single-feature-list .icon.icon-bg-4:after {

  background-image: -moz-linear-gradient(50deg, #ebae6c 0%, #a77f4d 100%);

  background-image: -webkit-linear-gradient(50deg, #ebae6c 0%, #a77f4d 100%);

  background-image: -ms-linear-gradient(50deg, #ebae6c 0%, #a77f4d 100%);

}

.feature-list .single-feature-list:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 5px;

  background-image: -moz-linear-gradient(-177deg, #a77f4d 0%, #ebae6c 100%);

  background-image: -webkit-linear-gradient(-177deg, #a77f4d 0%, #ebae6c 100%);

  background-image: -ms-linear-gradient(-177deg, #a77f4d 0%, #ebae6c 100%);

  content: "";

  -ms-transform: translateX(-105%);

  -webkit-transform: translateX(-105%);

  transform: translateX(-105%);

  -webkit-transition: -webkit-transform 1s;

  transition: -webkit-transform 1s;

  -o-transition: transform 1s;

  transition: transform 1s;

  transition: transform 1s, -webkit-transform 1s;

}

.feature-list .single-feature-list:hover {

  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.07);

  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.07);

}

.feature-list .single-feature-list:hover:after {

  -ms-transform: translateX(0%);

  -webkit-transform: translateX(0%);

  transform: translateX(0%);

}



.single-feature-list {

  display: block;

  text-align: center;

  padding: 60px 20px 40px 20px;

  border-right: 2px solid #ededed;

}

.single-feature-list.white {

  border-right: 2px solid rgba(255, 255, 255, 0.2);

}

.single-feature-list.white .content .title a {

  color: #fff;

}

.single-feature-list.white .content p {

  color: rgba(255, 255, 255, 0.7);

}

.single-feature-list:hover .icon {

  -ms-transform: rotateY(360deg);

  -webkit-transform: rotateY(360deg);

  transform: rotateY(360deg);

}

.single-feature-list .icon {

  font-size: 40px;

  display: inline-block;

  margin: 0 auto;

  width: 100px;

  height: 100px;

  line-height: 100px;

  color: #fff;

  margin-bottom: 15px;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.single-feature-list .icon.icon-bg-1 {

  background-image: url(../images/icon-bg/01.png);

  background-repeat: no-repeat;

}

.single-feature-list .icon.icon-bg-2 {

  background-image: url(../images/icon-bg/02.png);

  background-repeat: no-repeat;

}

.single-feature-list .icon.icon-bg-3 {

  background-image: url(../images/icon-bg/03.png);

  background-repeat: no-repeat;

}

.single-feature-list .icon.icon-bg-4 {

  background-image: url(../images/icon-bg/04.png);

  background-repeat: no-repeat;

}

.single-feature-list .content .title {

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 15px;

}

.single-feature-list .content .title a {

  color: #a07444;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.single-feature-list .content .title a:hover {

  color: #a77f4d;

}



/* # post */

.post-feature-area-style .content-area {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  height: 100%;

}

.post-feature-area-style {

  padding-top: 5rem;

}

.post-feature-area-style:first-child {

  padding-top: 0;

}

.post-feature-area-style .content-area .section-title .title {

  letter-spacing: -1px;

}



/* # visual slider */

.single-screenshort-item {

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  margin-bottom: 10px;

}

.visual-carousel-wrap {

  position: relative;

  z-index: 0;

}

.visual-carousel-wrap .mobile-cover {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 2;

  overflow: hidden;

}

.visual-carousel-wrap .single-screenshort-item {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-bottom: 0px;

}



/* # contact */

.contact-form-area.contact-bg {

  background-image: url(../images/default-map-bg.png);

  background-position: left top;

  background-repeat: no-repeat;

}

.contact-form-area .img-wrapper {

  text-align: right;

  padding-left: 40px;

}

.contact-area-wrapper.white .title {

  color: #fff;

}

.contact-area-wrapper.white .subtitle {

  color: rgba(255, 255, 255, 0.8);

}

.contact-area-wrapper.white p {

  color: rgba(255, 255, 255, 0.7);

}

.contact-area-wrapper .title {

  font-size: 48px;

  line-height: 58px;

  margin-bottom: 10px;

  color: #a07444;

}

.contact-area-wrapper .subtitle {

  font-size: 20px;

  line-height: 30px;

  color: #a77f4d;

  text-transform: uppercase;

  font-family: "Noto Sans", sans-serif;

  display: block;

  margin-bottom: 10px;

}

.contact-form.sec-margin {

  margin-top: 57px;

}

.contact-form .form-group.textarea .form-control {

  resize: none;

  padding: 20px;

  min-height: 150px;

}

.contact-form .form-group.textarea .form-control:focus {

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.contact-form .form-group .form-control {

  border: 1px solid #ededed;

  height: 60px;

  padding: 0 20px;

  border-radius: 0;

}



/* core title */

h1.title,

h2.title,

h3.title,

h4.title,

h5.title,

span.title {

  font-family: "Cormorant Upright", "Noto Sans", sans-serif;

}

.overlay-bg {

  background-color: hsla(100, 100%, 100%, 0.5);

}

#top-image {

  position: relative;

  width: 100%;

  min-height: 240px;

  height: 280px;

  overflow: hidden;

}

.top-image-bg {

  display: flex;

  align-items: center;

  height: 100%;

  width: 100%;

  background-image: url(../images/default-top-bg.jpg);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}

.top-image-content::before {

  content: "";

  background-color: hsla(100, 100%, 100%, 0.5);

  height: 65vh;

  width: 100vw;

  position: absolute;

  transform: rotate3d(0, 0, 1, 50deg);

  z-index: -1;

  top: 0;

  right: 0;

  left: -80%;

}

.top-image-content {

  position: relative;

  z-index: 1;

}



.map-responsive {

  overflow: hidden;

  padding-bottom: 25%;

  position: relative;

  height: 0;

}

.map-responsive-h {

  height: 100%;

}

.map-responsive iframe {

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute;

}



#content {

}



.row-flat {

  margin-top: 1rem;

  margin-bottom: 1rem;

  align-items: center;

}

.row-flat .social-icon {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

}

.row-flat .social-icon li a:hover {

  color: #151515;

}



.row-flat .social-icon li a:hover {

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}



.flat-status {

  font-family: "Cormorant Upright", "Noto Sans", sans-serif;

  font-weight: 900;

  text-transform: uppercase;

  font-size: 1.6em;

}



.flat-status-1 {

  color: hsl(108, 100%, 59%);

}



.flat-map-wrapper {

  display: flex;

  flex-direction: column;

  height: 100%;

}

.map-container {

  margin-top: 1rem;

  position: relative;

  height: 100%;

}

.row-flat hr {

  width: 100%;

  border-color: hsl(0, 0%, 8%);

}

.flat-details .content-area {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  height: 100%;

}

.flat-details .img-wrapper {

  margin-bottom: 2em;

  text-align: center;

  border: 1px solid;

  padding: 1em;

}

.flat-details .img-floor {

  margin-bottom: 2em;

  text-align: center;

  border: 1px solid;

  padding: 1em;

}

.flat-details-list li {

  display: grid;

  grid-template-rows: 2fr;

  font-size: 1.6rem;

}

.flat-details-list li,

.flat-details-info li {

  margin-bottom: 1rem;

  color: #a07444;

}

.flat-details-list li span {

  margin-right: 40%;

}

.flat-details-list li span,

.flat-details-info li span {

  font-style: italic;

  color: #000;

  font-size: 0.9rem;

}

.flat-details-info,

.flat-details-info li {

  display: flex;

  font-size: 1.2rem;

}

.flat-details-info {

  flex-direction: column;

}

.flat-details-info li {

  flex-direction: row;

  justify-content: space-between;

  border-bottom: 1px solid #f7f7f7;

}



.flats-nav .nav-tabs .nav-item .nav-link {

  border: none;

  padding: 1.2rem 2rem;

  color: #a07444;

  background-color: #fff;

  font-size: 16px;

  font-weight: 500;

  position: relative;

  border-radius: 0;

  border-bottom: 1px solid #f7f7f7;

  transition: all 0.4s;

}

.flats-nav .nav-tabs .nav-item .nav-link.active,

.flats-nav .nav-tabs .nav-item .nav-link:hover {

  color: #fff;

  background-image: -moz-linear-gradient(

    50deg,

    hsl(31, 96%, 73%) 0%,

    hsla(31, 40%, 45%, 1) 100%

  );

  background-image: -webkit-linear-gradient(

    50deg,

    hsl(31, 96%, 73%) 0%,

    hsla(31, 40%, 45%, 1) 100%

  );

  background-image: -ms-linear-gradient(

    50deg,

    hsl(31, 96%, 73%) 0%,

    hsla(31, 40%, 45%, 1) 100%

  );

}

.flats-nav .nav-tabs {

  border-bottom: 1px solid #f7f7f7;

  justify-content: space-around;

}

.flats-tab-content .left-content-area .title {

  font-size: 24px;

  line-height: 34px;

  margin-bottom: 15px;

  color: #a07444;

}

.single-flat-box {

  text-align: center;

  display: inline-block;

  margin: 2rem 0;

}

.single-flat-box.white .content .title {

  color: #fff;

}

.single-flat-box.white .content .post {

  color: rgba(255, 255, 255, 0.7);

}

.single-flat-box:hover .thumb .hover {

  visibility: visible;

  opacity: 1;

  -ms-transform: scale(1);

  -webkit-transform: scale(1);

  transform: scale(1);

}

.single-flat-box .thumb {

  display: inline-block;

  background-color: white;

  -webkit-box-shadow: 0px 14px 25px 0px rgba(22, 12, 43, 0.18);

  box-shadow: 0px 14px 25px 0px rgba(22, 12, 43, 0.18);

  border: 8px solid #fff;

  position: relative;

  z-index: 0;

  margin-bottom: 27px;

}

.single-flat-box .thumb img {

  width: 200px;

  height: 200px;

}

.single-flat-box .thumb .hover,

.single-flat-box .thumb a.hover {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  visibility: hidden;

  opacity: 0;

  -ms-transform: scale(0);

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.single-flat-box .thumb .hover .social-icon {

  margin: 0;

  padding: 0;

  list-style: none;

  position: absolute;

  left: 50%;

  bottom: 30px;

  -ms-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.single-flat-box .thumb .hover .social-icon li {

  display: inline-block;

  margin: 0 5px;

}

.single-flat-box .thumb .hover .social-icon li a {

  display: block;

  color: #fff;

}

.single-flat-box .thumb .hover .social-icon li a i {

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.single-flat-box .thumb .hover .social-icon li a:hover i {

  -ms-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}

.single-flat-box .content .title {

  font-size: 22px;

  line-height: 28px;

  margin-bottom: 5px;

}

.single-flat-box .content .post {

  font-size: 14px;

  line-height: 24px;

}

.single-flat-box .thumb .hover,

.single-flat-box .thumb a.hover {

  background-color: rgba(4, 4, 4, 0.7);

}



/* # btn */

.btn-submit,

.submit-btn {

  display: inline-block;

  text-align: center;

  height: 60px;

  line-height: 60px;

  font-size: 16px;

  color: #fff;

  width: 202px;

  background-color: #a77f4d;

  padding: 0 20px;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

  cursor: pointer;

  border: none;

}

.btn-submit:hover,

.submit-btn:hover {

  color: #fff;

  background-color: var(--secondary-color);

}



.boxed-btn.blank {

  background-color: transparent;

  border: 2px solid #a77f4d;

  color: #a77f4d;

}

.boxed-btn.blank:hover {

  background-color: #a77f4d;

  color: #fff;

}

.boxed-btn.black {

  border: none;

  color: #fff;

  background-color: #333333;

}

.boxed-btn.black:hover {

  background-color: #a77f4d;

  color: #fff;

}

.btn,

.btn-icon,

.btn-icon .fa,

.btn-icon i,

.boxed-btn-02,

.btn-flat,

.btn-ol-flat {

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}



.boxed-btn-02,

.btn-flat,

.btn-ol-flat {

  display: inline-block;

  text-align: center;

  height: 60px;

  line-height: 56px;

  font-size: 16px;

  padding: 0 30px;

}

.btn {

  border-radius: 0 !important;

  text-align: center;

}

.btn-icon i,

.btn-icon .fa {

  color: #a77f4d;

  background-color: transparent;

}

.boxed-btn-02,

.btn-flat {

  color: #fff;

  background-color: #a77f4d;

  border: 1px solid transparent;

}

.btn-ol-flat,

.btn-icon {

  color: #a77f4d;

  background-color: transparent;

  border: 1px solid #a77f4d;

}



.btn-slim {

  height: 40px;

  line-height: 36px;

}

.btn-slim .fa {

  margin-right: 0.5rem;

}



.boxed-btn-02:hover,

.btn-flat:hover {

  background-color: #212121;

  color: var(--main-color-one);

}

.btn-ol-flat:hover,

.btn-icon:hover {

  border-color: #212121;

  color: #212121;

}

.btn-icon:hover i,

.btn-icon:hover .fa {

  color: #212121;

}



.boxed-btn-02.black:hover {

  background-color: var(--secondary-color);

  color: #fff;

}

.boxed-btn-02.reverse-color {

  background-color: #212121;

  color: var(--main-color-one);

}

.boxed-btn-02.reverse-color:hover {

  color: #fff;

  background-color: var(--main-color-one);

}

.boxed-btn-02.blank {

  background-color: transparent;

  color: #fff;

  border: 2px solid #fff;

}

.boxed-btn-02.blank:hover {

  color: var(--main-color-one);

  background-color: #212121;

}

.btn-xs {

  padding: 0.1rem 0.2rem;

  height: 1.9rem;

  width: 1.9rem;

}



.form-group:hover input,

.form-group:hover textarea,

.form-group:hover .form-control {

  border-bottom: solid 1px #a77f4d;

}



.form-clause {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 1rem;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.form-clause .clause--check,

.form-clause input {

  cursor: default;

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}

.form-clause .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  background-color: #fff;

  border: 1px solid #ededed;

}

.form-clause .clause--label {

  cursor: pointer;

  font-size: 0.8rem;

}

.form-clause:hover input ~ .checkmark {

  border: 1px solid #a77f4d;

}

.form-clause input:checked ~ .checkmark {

  background-color: #a77f4d;

  border: 1px solid #a77f4d;

}

.form-clause .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}

.form-clause input:checked ~ .checkmark:after {

  display: block;

}

.form-clause .checkmark:after {

  left: 9px;

  top: 5px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



table#flats-table thead,

#flats-table thead {

  border-color: hsl(0, 0%, 8%);

  background-color: hsl(0, 0%, 0%);

  color: hsl(100, 100%, 100%);

}

#flats-table thead,

#flats-table thead tr,

#flats-table thead th,

#flats-table thead tr:hover th,

th.sorting_asc,

th.sorting_asc {

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}



#flats-table tbody tr:hover td {

  -webkit-transition: all 0.5s ease-in;

  -moz-transition: all 0.5s ease-in;

  -o-transition: all 0.5s ease-in;

  transition: all 0.5s ease-in;

}

#flats-table thead th {

  border-color: hsl(0, 0%, 0%);

  font-weight: 100;

  font-size: 0.8rem;

  text-transform: uppercase;

  /* text-align: center; */

  border-bottom-color: hsl(100, 100%, 100%);

  cursor: pointer;

}

#flats-table thead th:hover {

  color: hsl(100, 100%, 100%);

}

#flats-table thead th:hover,

#flats-table thead th.sorting_asc {

  border-color: hsla(31, 40%, 45%, 1);

  border-bottom-color: hsl(100, 100%, 100%);

  background-image: -moz-linear-gradient(

    50deg,

    hsl(31, 96%, 73%) 0%,

    hsla(31, 40%, 45%, 1) 100%

  );

  background-image: -webkit-linear-gradient(

    50deg,

    hsl(31, 96%, 73%) 0%,

    hsla(31, 40%, 45%, 1) 100%

  );

  background-image: -ms-linear-gradient(

    50deg,

    hsl(31, 96%, 73%) 0%,

    hsla(31, 40%, 45%, 1) 100%

  );

}

#flats-table thead th.sorting_desc {

  border-color: hsla(31, 40%, 45%, 1);

  border-bottom-color: hsl(100, 100%, 100%);

  background-image: -moz-linear-gradient(

    50deg,

    hsla(31, 40%, 45%, 1) 0%,

    hsl(31, 96%, 73%) 100%

  );

  background-image: -webkit-linear-gradient(

    50deg,

    hsla(31, 40%, 45%, 1) 0%,

    hsl(31, 96%, 73%) 100%

  );

  background-image: -ms-linear-gradient(

    50deg,

    hsla(31, 40%, 45%, 1) 0%,

    hsl(31, 96%, 73%) 100%

  );

}

#flats-table tbody td {

  border-top: 1px solid transparent;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  border-bottom: 1px solid hsl(33, 37%, 48%);

}

#flats-table tbody tr:hover td {

  border: 1px solid hsl(33, 37%, 48%);

}

#flats-table tbody td:last-child {

  text-align: center;

}

.dataTables_length,

.dataTables_length label,

.dataTables_filter,

.dataTables_filter label {

  display: flex;

  flex-direction: row;

}

.dataTables_filter,

.dataTables_filter label {

  justify-content: flex-end;

}

.dataTables_length label select,

.dataTables_filter input {

  margin-left: 1rem;

}



.dataTables_length .custom-select,

.dataTables_filter .form-control-sm {

  border-radius: 0;

}



#offer-flats-table .dataTables_info {

  font-size: 0.8rem;

}



#offer-flats-table .page-item:first-child .page-link,

#offer-flats-table .page-item:last-child .page-link {

  margin-left: 0;

  border-radius: 0;

}



#offer-flats-table .page-link {

  position: relative;

  display: block;

  padding: 0.5rem 0.75rem;

  margin-left: -1px;

  line-height: 1.25;

  color: hsl(33, 37%, 48%);

  background-color: #fff;

  border: 1px solid #dee2e6;

}

#offer-flats-table .page-item.disabled .page-link {

  color: #dee2e6;

  pointer-events: none;

  cursor: auto;

  background-color: #fff;

  border-color: #dee2e6;

}

#offer-flats-table .page-item.active .page-link {

  z-index: 1;

  color: #fff;

  background-color: hsl(33, 37%, 48%);

  border-color: hsl(33, 37%, 48%);

}

.section-padding {

  padding-top: 2rem;

  padding-bottom: 2rem;

}



/* # back to top */

.back-to-top {

  position: fixed;

  right: 30px;

  bottom: 80px;

  width: 50px;

  height: 50px;

  background-color: #a77f4d;

  color: #fff;

  text-align: center;

  line-height: 50px;

  border-radius: 50%;

  z-index: 99;

  cursor: pointer;

  font-size: 30px;

  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);

}



/* # footer */

.footer-top {

  padding: 100px 0 95px 0;

}



.copyright-inner {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  color: rgba(255, 255, 255, 0.8);

  font-size: 14px;

  padding: 20px 0;

}

.copyright-inner .left-content-area {

  display: inline-block;

}

.copyright-inner .right-content-area {

  display: inline-block;

  float: right;

}



.footer-widget .widget-title {

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  margin-bottom: 23px;

}



.about_widget .footer-logo {

  display: block;

  margin-bottom: 25px;

}



.about_widget p {

  font-size: 16px;

  line-height: 26px;

  color: rgba(255, 255, 255, 0.8);

}



.about_widget .social-icon {

  margin: 0;

  padding: 0;

  list-style: none;

}

.about_widget .social-icon li {

  display: inline-block;

  margin: 0 5px;

}

.about_widget .social-icon li:first-child {

  margin-left: 0;

}

.about_widget .social-icon li:last-child {

  margin-right: 0;

}

.about_widget .social-icon li a {

  color: rgba(255, 255, 255, 0.8);

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.about_widget .social-icon li a:hover {

  color: #fff;

}



.nav_menus_widget ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.nav_menus_widget ul li {

  margin: 15px 0;

}

.nav_menus_widget ul li:first-child {

  margin-top: 0;

}

.nav_menus_widget ul li:last-child {

  margin-bottom: 0;

}

.nav_menus_widget ul li a {

  color: rgba(255, 255, 255, 0.8);

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}

.nav_menus_widget ul li a:hover {

  color: #fff;

}