@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;

    }

}


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;

}
/* sections space */
 @media (max-width: 768px) {
   
   

section#post-flats{

    margin-top: 0.2rem;

}
}





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;
    /* background-color: rgba(21, 21, 21, 0.8); */
    z-index: 999;

    position: fixed;

    display: flex;

    width: 100%;
    height: 80px !important;
    transition: all ease-in-out;

}

#sd-nav.affix {

    background-color: rgba(21, 21, 21, 0.8);
    /* background-color: #151515; */

    position: fixed;

    top: 0;

    left: 0;

    min-height: 60px;
    /* height: 60px !important; */
    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.2s;

}

#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.html);

    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.html);

    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;

}