/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 Apr, 2022, 4:47:05 PM
    Author     : Ashvin Hirapara
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    outline: none;
    color: #7a7a7a;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

/* #Primary
================================================== */
@font-face {
    font-family: germanySans;
    src: url(Germany-Sans.ttf);
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #654122;
    background-color: #fff;
}

::selection {
    color: #fff;
    background-color: #535353;
}

::-moz-selection {
    color: #fff;
    background-color: #535353;
}




/* #header
==================================================== */

.sticky {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0 auto;
    background-color: transparent;
}

.sticky .menu-container .navbar {
    border-bottom: 1px solid #a3a3a2;
}

.sticky .navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.menu-container .navbar {
   

}

.menu-container .nav-bar a img {
    height: 50px;
}

.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #bf944e;
    font-weight: 700;
}

.navbar img {
    height: 80px;
}

.menu-container .nav-link {
    font-size: 15px;
    font-weight: 600;
    margin-left: 17px;
    text-transform: uppercase;
    color: #654122;
}

/* #header-sec
========================================================*/

#slide {
    background: url(/images/homepage/banner.png) top center;
    background-size: cover;
    height: 750px;
}

#slide h1 {
    font-size: 45.36pt;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    font-family: germanySans;
}

.slider-carousel {
    position: relative;
    margin-bottom: 80px;
}

.slider-carousel .slider .layer {
    position: absolute;
    z-index: 1;
    background-color: #000;
    width: 100%;
    height: 100px;
    bottom: 0px;
    left: 0px;
    opacity: 0.7;
}

.slider-carousel .slider .title-box {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    padding: 27px;
}

.slider-carousel .slider .title-box h4 {
    font-family: GermanySans;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    padding: 10px 0 0 0;
}

.slider-carousel .slider .title-box button {
    border-radius: 25px;
    border: solid 2px #c0954f;
    background-color: transparent;
    padding: 8px 20px;
}

.slider-carousel .slider .title-box button a {
    font-family: Arial;
    font-size: 14px;
    line-height: 1.21;
    text-align: center;
    color: #fff;
}

.slider-carousel .slider .title-box button:hover {
    background-color: #c0954f;
}

/* #vision-sec
===========================================================*/
.vision-sec {
    margin-bottom: 80px;
}

.vision-sec h1 {
    font-size: 43.2pt;
    line-height: 1;
    text-align: left;
    color: #654122;
    text-transform: uppercase;
    font-family: germanySans;
}

.vision-sec h4 {
    font-size: 12.96pt;
    line-height: 1.22;
    color: #654122;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.vision-sec p {
    font-size: 12.96pt;
    line-height: 2;
    color: #7f7f7f;
    margin-bottom: 25px;
}

.vision-sec .btn-story {
    font-size: 10.08pt;
    font-weight: 600;
    padding: 12px 32px;
    border: 2px solid #654223;
    display: inline-block;
    border-radius: 50px;
}

.vision-sec .btn-story:hover {
    background: #653f1f;
    color: #fff;
}

.vision-sec .vision {
    margin-top: 100px;
}

/* #project-sec
==========================================================*/
.project-sec {
    background: url(/images/homepage/project_background.png);
    width: 100%;
    background-size: cover;
    margin-bottom: 80px;
    padding: 70px 0;
}

.project-sec .box {
    background-color: #c0954f;
    opacity: 0.95;
    padding: 50px;
}

.project-sec .box .view {
    text-align: center;
}

.project-sec .box .title h1 {
    font-size: 31.68pt;
    line-height: 0.91;
    color: #fff;
    margin-bottom: 25px;
    font-family: germanySans;
}

.project-sec .box .title p {
    font-size: 12.96pt;
    line-height: 2;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

.project-sec .pic img {
    width: 100%;
    background-size: cover;
}

.project-sec .btn-click {
    display: inline-block;
    font-size: 10.08pt;
    color: #fff;
    border-radius: 50px;
    padding: 12px 30px;
    border: 1px solid #fff;
    margin-right: 15px;
    text-transform: uppercase;
}

.project-sec .btn-click:hover {
    background: #fff;
    color: #c0954f;
}

/* #testimonial-sec
==========================================================*/
.testimonial-sec {
    margin-bottom: 80px;
}

.testimonial-sec .section-title {
    font-size: 31.68pt;
    line-height: 1;
    color: #654021;
    text-align: center;
    margin-bottom: 30px;
    font-family: germanySans;
}

.testimonial-sec .review-box {
    border: 2px solid #c0c0c0;
    padding: 40px;
}

.testimonial-sec .testimonials {
    max-width: 900px;
    margin: 35px auto 0px auto;
    padding: 50px 35px 30px 35px;
    border-radius: 20px;
    border: 1px solid #c0c0c0;
    text-align: center;
    position: relative;
}

.testimonial-sec .testimonials .top-center img {
    position: absolute;
    top: -38px;
    left: 46%;
}

.testimonial-sec .testimonials p {
    font-size: 11.52pt;
    line-height: 2;
    color: #7f7f7f;
}

.testimonial-sec .testimonials span {
    color: #535353;
}

.testimonial-sec .testimonials .owl-theme .owl-dots {
    margin-top: 20px;
}

.testimonial-sec .testimonials .owl-theme .owl-dots .owl-dot.active span {
    background: #c0954f
}

.testimonial-sec .testimonials .owl-theme .owl-dots .owl-dot span {
    background: #c5c5c5;
}

/* #experience-sec
==========================================================*/
.experience-sec {
    background: url(/images/homepage/experience-bc.png) top center;
    padding: 50px 0;
}

.experience-sec .experience-detail {
    text-align: center;
}

.experience-sec .circle {
    background: url(/images/homepage/circle.png);
    width: 322px;
    height: 322px;
    display: inline-block;
    vertical-align: top;
}

.experience-sec .inner-txt {
    font-size: 63.26pt;
    color: #333333;
    margin: 95px 0px 0px 71px;
}

.experience-sec .inner-txt p {
    font-size: 16.67pt;
    text-transform: uppercase;
    font-family: GermanySans;
}

.experience-sec .experience-detail .text {
    display: inline-block;
}

.experience-sec .experience-detail .text p {
    font-size: 28.8pt;
    line-height: 1.1;
    color: #fff;
    text-transform: uppercase;
    text-align: start;
    font-family: germanySans;
    max-width: 400px;
    padding: 0px 30px
}

/* # footer-sec
==========================================================*/
footer{
   background-color: #ebebeb;
   padding: 80px 0 0 0;
}
footer .contact-detail img {
    margin-top: -45px;
    width: 100%;
}

footer .call {
    padding-left: 50px !important;
    background: url(/images/call.png) 0px 8px no-repeat;
    font-size: 10.08pt;
    color: #647589;
    margin-bottom: 20px;
}

footer .call p {
    font-size: 23.04pt;
    color: #13232f;
}

footer .divider {
    border-top: 1px solid #c5c5c5;
    margin-bottom: 20px;
    margin-top: 20px;
}

footer .email {
    padding-left: 50px !important;
    background: url(/images/email.png) 0px 15px no-repeat;
    font-size: 12.96pt;
    line-height: 2.22;
    color: #494949;
}

footer .address {
    padding-left: 50px !important;
    background: url(/images/address.png) 0px 8px no-repeat;
    font-size: 12.96pt;
    line-height: 1.5;
    color: #494949;
}

footer .box h2 {
    font-size: 15.84pt;
    font-weight: 700;
    line-height: 1.68;
    color: #303030;
    margin-bottom: 10px;
}

footer .box ul li {
    font-size: 14px;
    line-height: 3.57;
    color: #000;
}

footer .link li a.right {
    background: url(/images/check.png)3px 3px no-repeat;
}

footer .link li a.right:hover {
    background: url(/images/check-dark.png)3px 3px no-repeat;
}

footer li a {
    padding-left: 25px;
}

footer li a:hover {
    color: #654021;
}

footer .social li a.insta {
    background: url(/images/instagram.png)no-repeat;
    padding: 0px 0 3px 30px;
}

footer .social li a.face {
    background: url(/images/facebook.png) no-repeat;
    padding: 0px 0 3px 30px;
}

footer .social li a.wtsap {
    background: url(/images/whatsapp.png) no-repeat;
    padding: 0px 0 3px 30px;
}

footer .social li a.insta:hover {
    background: url(/images/instagram_yellow.png)no-repeat;
}

footer .social li a.face:hover {
    background: url(/images/facebook_yellow.png)no-repeat;
}

footer .social li a.wtsap:hover {
    background: url(/images/whatsapp_yellow.png)no-repeat;
}

footer .image {
    margin-top: 50px;
}

footer .footer-bottam {
    background-color: #303030;
    font-size: 10.08pt;
    line-height: 3.57;
    color: #fff;
    text-align: center;
}

/* #project-page
==========================================================*/

/* #header-sec
============================*/


.comman-header{
    position: relative;
    margin-bottom: 80px;
}

.comman-header .hero-container {
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.comman-header .hero-container h1 {
    font-size: 40px;
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
    font-family: germanySans;
}

.comman-header .hero-container p {
    font-size: 15px;
    line-height: 1.2;
    margin-top: 5px;
    color: #bf944e;
    text-transform: uppercase;
    font-family: germanySans;
}

/* #project-sec
=============================*/
.project {
    position: relative;
    margin-bottom: 80px;
}

.project .pic {
    background: url(/images/homepage/projects_white.png) top center no-repeat;
    height: 500px;
}

.project .pic:hover {
    background: url(/images/projects/projects.png) top center no-repeat;
    height: 500px;
}

.project .projects-intro {
    background-color: #fff;
    left: 30%;
    right: 33%;
    bottom: 0;
    position: absolute;
    padding: 17px 7px 11px 7px;
}

.project .projects-intro h1 {
    font-size: 21.6pt;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: germanySans;
}

.project .projects-intro .divider {
    border-top: 2px solid #000;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.project .projects-intro p {
    line-height: 1.19;
    color: #666;
    font-size: 11.52pt;
}

/* #contact-page
==========================================================*/
.contact-sec{
    margin-bottom: 80px;
}
.contact-sec .contact-detail .title {
    font-size: 31.68pt;
    line-height: 1.09;
    color: #653f1f;
    text-transform: uppercase;
    margin-bottom: 50px;
    margin-top: 40px;
    font-family: germanySans;
}

.contact-sec .pic img {
    width: 100%;
    background-size: cover;
}

.contact-sec .contact-detail .php-email-form {
    margin-bottom: 80px;
}

.contact-sec .contact-detail .php-email-form button[type=submit] {
    background: #c0954f;
    text-align: center;
    width: 100%;
    padding: 8px;
    border-radius: 10px;
    border: 0;
    font-size: 10.08pt;
    line-height: 1.64;
    color: #fff;
}

.contact-sec .contact-detail .contact {
    font-size: 15.84pt;
    line-height: 2.33;
    color: #808080;
    margin-bottom: 15px;
}

.contact-sec .contact-detail .contact img {
    margin-right: 15px;
}

/* #about-page
==========================================================*/
/* #story
=============================*/
.our-story{
    margin-bottom: 60px;
}
.our-story .title h1 {
    font-size: 31.68pt;
    line-height: 0.91;
    color: #653f20;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    font-family: germanySans;
}

.our-story .title p {
    font-size: 11.52pt;
    line-height: 2;
    color: #7f7f7f;
    margin: 20px auto;
    text-align: center;
    max-width: 700px;
}


/* #result
=============================*/
.result-sec{
    background-color: #f8f8f8;
    padding: 80px 0;
    margin-bottom: 80px;
}
.result-sec .title h1 {
    text-align: center;
    font-size: 31.68pt;
    line-height: 1.2;
    color: #653f20;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: germanySans;
}

.result-sec .result-list li {
    border-bottom: 1px solid #cdcdcd;
    max-width: 80%;
    padding: 15px 0 15px;
    cursor: pointer;
}

.result-sec .result-list a {
    display: block;
    position: relative;
    font-size: 15.84pt;
    line-height: 1.22;
    color: #808080;
    padding-right: 30px;
    background: url(/images/our-story/sidebar.png) no-repeat center right;
}

.result-sec .result-list a.active {
    color: #654223;
    background: url(/images/our-story/sidebar_dark.png) no-repeat center right;
}

.result-sec .result-list i {
    position: absolute;
    right: 0%;
    top: 0%;
}

.result-sec .result-list-detail {
    max-width: 600px;
    margin-top: 15px;
}

.result-sec .result-list-detail .sub-title {
    display: none;
}

.result-sec .result-list-detail .sub-title.active {
    display: initial;
}

.result-sec .result-list-detail .sub-title h1 {
    font-size: 15.84pt;
    line-height: 1.22;
    color: #654223;
    text-align: start;
    margin-bottom: 10px;
}

.result-sec .result-list-detail .sub-title p {
    font-size: 16px;
    line-height: 2;
    color: #7f7f7f;
}

/* #project-detail
==========================================================*/
/* #image
==========================*/
.hero-image {
    margin-bottom: 80px;
}

/* #project-detail
============================*/
.project .project-detail .title h1 {
    font-size: 31.68pt;
    line-height: 0.91;
    color: #654021;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: germanySans;
}

.project .project-detail .title p {
    font-size: 11.52pt;
    line-height: 2;
    color: #7f7f7f;
    margin-bottom: 20px;
}

/* #brochure
==============================*/
.brochure {
    background: url(/images/projects-detail/dashboard_bro.png) no-repeat;
    padding: 65px 0;
    width: 100%;
    background-size: cover;
    position: relative;
}

.brochure.luxuria {
    background: url(/images/luxuria/brochure-back.png) no-repeat;
    padding: 65px 0;
}

.brochure.nirvana {
    background: url(/images/nirvana/brochure-back.png) no-repeat;
    padding: 65px 0;
}

.brochure .box {
    opacity: 0.9;
    background-color: #2d1d0f;
    padding: 50px 0 50px;
}

.brochure .box .title {
    font-size: 31.68pt;
    line-height: 0.91;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    font-family: germanySans;
}

.brochure .box .btn-select {
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    font-size: 10.08pt;
    line-height: 1.21;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.brochure .box button.btn-select:hover {
    background: #fff;
    color: #c0954f
}

/*  #plan
  ===================================*/
.floor-plan .title h1 {
    font-size: 31.68pt;
    line-height: 0.91;
    color: #653f20;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
    font-family: germanySans;
}

.floor-plan .carousel-inner {
    padding: 0px 140px !important;
}

.floor-plan .carousel-inner .carousel-item img {
    width: 100%;
}

/* #gallery
======================================*/

.gallery {
    background: #c0954f;
    padding: 90px 0 70px;
    margin-bottom: 80px;
}

.gallery .title h1 {
    text-align: center;
    font-size: 31.68pt;
    line-height: 0.91;
    color: #fff;
    font-family: GermanySans;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.gallery .select-img {
    text-align: center;
    border-radius: 50px;
    margin-bottom: 40px;
}

.gallery .select-img li {
    cursor: pointer;
    display: inline-block;
    padding: 8px 16px 10px 16px;
    font-size: 10.08pt;
    line-height: 1;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 10px;
}

.gallery .select-img li:hover,
.gallery .select-img li.filter-active {
    background: #fff;
    color: #c0954f;
}

.gallery .gallery-list {
    display: none;
}

.gallery .gallery-list.active {
    display: initial;
}

.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    flex: 33.33%;
    max-width: 33.33%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        flex: 100%;
        max-width: 100%;
    }
}

/* #facility
======================================*/

.facility-sec .title {
    text-align: center;
    margin-bottom: 40px;
}

.facility-sec .title h1 {
    font-size: 31.68pt;
    line-height: 0.91;
    color: #653f20;
    text-transform: uppercase;
    font-family: germanySans;
}

.facility-sec .item {
    padding: 25px 15px;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
    border: 2px solid #eee;
    border-radius: 24.3px;
    height: 155px;
}

.facility-sec .facility .img-box {
    height: 60px;
    width: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .facility-sec .facility .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 20.0%;
        max-width: 20.0%;
    }
}


.facility-sec .item p {
    margin-top: 5px;
    font-size: 11.52pt;
    line-height: 1.2;
    text-align: center;
    color: #7f7f7f;
}

.facility-sec .btn-select {
    display: inline-block;
    font-size: 10.08pt;
    line-height: 1;
    color: #7f7f7f;
    font-family: Lato;
    border-radius: 50px;
    padding: 12px 30px;
    border: 1px solid #654223;
    margin-right: 15px;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.facility-sec .text-center a:hover {
    background: #654223;
    color: #fff;
}

.map-sec {
    margin-bottom: 80px;
}

.map-sec .map-box {
    padding: 20px 19px 19px;
    background-color: #f6f6f6;
}

@media only screen and (max-width: 600px) {
    .experience-sec .experience-detail .text p {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    #slide {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    footer .image {
        margin-top: 10%;
    }
}

@media only screen and (max-width: 600px) {
    footer .card {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .comman-header .hero-container {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .comman-header img{
        height: 250px;
    } 
    .comman-header .hero-container h1 {
        font-size: 24px;
    }
    .comman-header .hero-container p {
        font-size: 16px;
    }
    .slider-carousel .slider .layer {
        height: 50px;
    }
    .sticky{
        position: relative;
    }
    .sticky .navbar-light .navbar-nav .nav-link{
        color: #000;
    }
    .slider-carousel .slider .title-box h4 {
        font-size: 16px;
        padding: 0;
    }

    .slider-carousel .slider .title-box {
        padding: 10px;
    }

    .slider-carousel .slider .title-box button {
        padding: 5px 15px;
    }

    .slider-carousel .slider .title-box button a {
        font-size: 10px;
        line-height: 1;
    }
}