.sticky-nav .header-button a {
    display: inline-block;
    color: #fff;
    padding: 10px 28px;
    text-transform: capitalize;
    transition: 0.5s;
    font-size: 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 5px;
    font-weight: 400;
}

.sticky-nav.nav-menu .header_tbn {
    position: relative;
    top: 4px;
    left: 60px;
}
/*<!-- ============================================================== -->
<!-- Start  main-header Css -->
<!-- ============================================================== -->*/
.main-header {
    padding: 0 100px 0px;
    margin-bottom: -88px;
    z-index: 999;
    position: relative;
}

.nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heder-menu ul li {
    display: inline-block;
    margin-right: 20px;
}

.heder-menu {
    display: inline-block;
    position: relative;
    right: -300px;
}

    .heder-menu ul {
        display: block;
    }

        .heder-menu ul li a {
            display: inline-block;
            text-transform: uppercase;
            padding: 30px 10px 18px;
            transition: 0.5s;
            position: relative;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
            font-weight: 500;
            font-family: "Josefin Sans", sans-serif;
        }

            .heder-menu ul li a:hover .icon::before {
                color: #2871fe;
            }

        .heder-menu ul li.icon {
            position: relative;
        }

            .heder-menu ul li.icon::before {
                content: "\f107";
                font-family: FontAwesome;
                font-size: 15px;
                opacity: 1;
                top: 35px;
                right: -5px;
                left: inherit;
                position: absolute;
                color: #fff;
            }

.sticky-nav .heder-menu ul li.icon::before {
    color: #fff;
}

.header-button {
    margin-top: 15px;
    margin-left: 20px;
}

    .header-button a {
        display: inline-block;
        color: #fff;
        font-weight: 400;
        padding: 12px 23px;
        text-transform: uppercase;
        transition: 0.5s;
        font-size: 16px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-top: 5px;
        background: #dba765;
    }

        .header-button a:hover {
            color: #dba765;
            background: #fff;
        }

.header_tbn {
    position: relative;
    top: 4px;
    left: 15px;
}

    .header_tbn a {
        display: inline-block;
        font-size: 16px;
        line-height: 40px;
        color: #010e22;
        font-weight: 400;
        font-family: "Cabin";
        text-transform: capitalize;
    }

        .header_tbn a i {
            display: inline-block;
            font-size: 16px;
            color: #2771ff;
            font-weight: 800;
            margin-right: 5px;
        }
/* sub-menu */
.heder-menu ul .sub-menu {
    top: 120px;
    height: auto;
    width: 200px;
    background: #fff;
    transition: 0.5s;
    visibility: hidden;
    display: block;
    padding: 15px 0px 12px;
    border-radius: 5px;
    position: absolute;
    opacity: 0;
}

.sub-menu ul {
    overflow: hidden;
    display: inherit;
}

    .sub-menu ul li {
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: inherit;
        border-top: 1px solid #dee1e6;
    }

.heder-menu ul .sub-menu ul li a {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    color: #616161 !important;
    padding: 5px 7px 5px 25px;
    transition: 0.5s;
    font-family: "Josefin Sans", sans-serif;
    text-transform: capitalize;
}

.heder-menu ul .sub-menu ul li:hover {
    background: #dba765;
}

    .heder-menu ul .sub-menu ul li:hover a {
        color: #fff !important;
    }

.heder-menu ul li:hover .sub-menu {
    top: 75px;
    visibility: visible !important;
    opacity: 1;
}
/*<!-- ============================================================== -->
<!-- Start  slider-area Css -->
<!-- ============================================================== -->*/
.slider-area {
    background: url(assets/images/slider1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 900px;
}

    .slider-area.upper {
        background: url(assets/images/slider2.jpg);
    }

    .slider-area.style-one {
        background: url(assets/images/single-room2.jpg);
    }

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

.slider-title h5 {
    font-size: 20px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #dba765;
    font-weight: 400;
    margin: 0;
}

.slider-title h1 {
    font-size: 70px;
    line-height: 65px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 25px 0;
    position: relative;
}

    .slider-title h1::before {
        position: absolute;
        content: "";
        bottom: -31px;
        right: 0;
        left: 0;
        height: 1px;
        width: 27%;
        text-align: center;
        background: #dba765;
        margin: 0 auto 0;
    }

.slider-discription {
    margin: 60px 0 0;
}

    .slider-discription p {
        font-size: 22px;
        line-height: 28px;
        color: #fff;
        font-weight: 300;
        font-family: "Josefin Sans";
        width: 70%;
        text-align: center;
        margin: 0 auto 0;
    }

.slider-button {
    margin-top: 53px;
    display: inline-block;
}

    .slider-button a {
        font-size: 16px;
        color: #fff;
        padding: 20px 55px 20px;
        background: #dba765;
        text-align: center;
        transition: 0.5s;
        text-transform: capitalize;
    }

        .slider-button a:hover {
            color: #fff;
            background: #000000;
        }

.owl-nav {
    position: absolute;
    top: 50%;
    right: 30px;
    background: #434343;
    padding: 10px 12px;
    border-radius: 10px;
}

.owl-prev {
    font-size: 15px;
    color: #fff;
    background: #dba765;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.owl-next {
    font-size: 15px;
    color: #fff;
    background: #dba765;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}
/*<!-- ============================================================== -->
<!-- Start  breadcumb-area  Css -->
<!-- ============================================================== -->*/
.breadcumb-area {
    background: url(assets/images/slider1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
}

.breadcumb-title h1 {
    font-size: 52px;
    text-transform: capitalize;
    color: #fff;
    font-family: "Cormorant Garamond", serif;
    margin: 0;
}

.breadcumb-content-text a {
    font-size: 13px;
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
    color: #fff;
    display: inline-block;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .breadcumb-content-text a i {
        display: inline-block;
        margin: 0 8px;
    }
/*<!-- ============================================================== -->
<!-- Start contact-section  Css -->
<!-- ============================================================== -->*/
.contact-section {
}

    .contact-section .row.back {
        padding: 30px 20px;
        background: #f8f5f0;
        position: relative;
        top: -90px;
        z-index: 1;
    }

    .contact-section .contacts-titles h4 {
        color: #000;
        cursor: pointer;
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 6px;
        font-family: "Josefin Sans", sans-serif;
    }

.form_box {
    margin-bottom: 15px;
}

    .form_box input {
        width: 100%;
        height: 54px;
        padding: 0 10px 0 20px;
        background: #f8f5f0;
        border-radius: 3px;
        transition: 0.5s;
        border: 1px solid #e6e6e6;
        font-family: "Josefin Sans", sans-serif;
        color: #666;
        text-transform: capitalize;
        font-size: 12px;
    }

    .form_box select {
        width: 100%;
        height: 54px;
        padding: 0 10px 0 20px;
        background: #f8f5f0;
        border-radius: 3px;
        transition: 0.5s;
        border: 1px solid #e6e6e6;
        font-family: "Josefin Sans", sans-serif;
        color: #666;
    }

    .form_box textarea {
        width: 100%;
        padding-left: 20px;
        padding-top: 15px;
        border: 1px solid #eeecfe;
        height: 150px;
        outline: 0;
        transition: 0.5s;
        background: #fff;
        margin-top: 7px;
        font-family: "Josefin Sans", sans-serif;
        color: #666;
        text-transform: capitalize;
        font-size: 12px;
    }

    .form_box input:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        border-color: #80bdff;
        outline: 0;
    }

    .form_box textarea:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        border-color: #80bdff;
    }

input::placeholder {
    color: #94a9a8;
}

textarea#massage::placeholder {
    color: #94a9a8;
}

.form-button {
    text-align: left;
    margin-top: 24px;
}

    .form-button button,
    .form-button input[type="submit"],
    .form-button input[type="button"] {
        display: inline-block;
        color: #fff;
        padding: 10px 28px;
        text-transform: capitalize;
        transition: 0.5s;
        font-size: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-top: 5px;
        font-weight: 400;
        background: #dba765;
        border: 1px solid #dba765;
    }

        .form-button button:hover,
        .form-button input[type="submit"]:hover,
        .form-button input[type="button"]:hover {
            color: #dba765;
            background: #fff;
        }
/*<!-- ============================================================== -->
<!-- Start section-title  Css -->
<!-- ============================================================== -->*/
.section-title {
    text-align: center;
    margin-bottom: 15px;
}

.sub-title h5 {
    color: #dba765;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 0 7px 0;
    position: relative;
    display: inline-block;
    z-index: 1;
    letter-spacing: 2px;
    font-family: "Cormorant Garamond", serif;
}

.main-title h2 {
    font-size: 45px;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 600;
    line-height: 1;
    color: #000000;
    font-family: "Cormorant Garamond", serif;
}

.section-discription p {
    font-size: 18px;
    padding: 22px 0 12px;
    font-weight: 400;
    color: #4d4d4d;
    width: 60%;
    font-family: "Josefin Sans", sans-serif;
    line-height: 25px;
    margin: 0 auto 0;
}

/*<!-- ============================================================== -->
<!-- Start about-area  Css -->
<!-- ============================================================== -->*/
.about-area {
    padding: 30px 0 100px;
}

    .about-area .section-title {
        text-align: left;
    }

    .about-area .section-discription p {
        width: 88%;
        margin: 0;
    }

.about-thumb {
    position: relative;
    left: -70px;
}

    .about-thumb img {
        width: 100%;
    }

.about-icon-box {
    display: flex;
    border: 1px solid #f1eeeb;
    padding: 15px 20px 20px;
    transition: 0.3s;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

    .about-icon-box::before {
        width: 0%;
        height: 100%;
        background: #dba765;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        z-index: -1;
        transition: 0.5s;
    }

    .about-icon-box:hover::before {
        width: 100%;
    }

    .about-icon-box:hover .about-icon i {
        color: #fff;
    }

    .about-icon-box:hover .about-title h2 {
        color: #fff;
    }

    .about-icon-box:hover .about-title p {
        color: #fff;
    }

.about-icon {
    margin-right: 17px;
}

    .about-icon i {
        font-size: 40px;
        color: #dba765;
        display: inline-block;
        margin-top: 6px;
        transition: 0.5s;
    }

.about-title {
    margin-top: 10px;
}

    .about-title h2 {
        font-size: 21px;
        font-weight: 500;
        margin: 0 0 7px 0;
        letter-spacing: 1px;
        font-family: "Josefin Sans", sans-serif;
        color: #000000;
    }

    .about-title p {
        color: #4d4d4d;
        font-size: 17px;
        font-weight: 300;
        line-height: 23px;
        text-align: left;
        transition: 0.3s;
        font-family: "Josefin Sans", sans-serif;
        width: 89%;
        margin: 0;
    }
/*<!-- ============================================================== -->
<!-- Start about-area.upper  Css -->
<!-- ============================================================== -->*/
.about-area.upper {
    padding: 100px 0 100px;
}

    .about-area.upper .section-title {
        text-align: center;
    }

    .about-area.upper .section-discription p {
        width: 78%;
        margin: 0 auto 65px;
        text-align: center;
    }

    .about-area.upper .about-video {
        position: relative;
        z-index: 1;
    }

.about-video-tmb img {
    width: 100%;
}

.about-area.upper .video-icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto 0;
}

    .about-area.upper .video-icon i {
        display: inline-block;
        font-size: 35px;
        color: red;
    }

    .about-area.upper .video-icon i {
        display: inline-block;
        font-size: 35px;
        color: #ad7f38;
        background: #fff;
        height: 80px;
        width: 80px;
        line-height: 81px;
        border-radius: 50%;
    }

        .about-area.upper .video-icon i::after {
            width: 90px;
            height: 90px;
            position: absolute;
            border-radius: 50%;
            content: "";
            border: 1px solid #ad7f38;
            animation: move 1.5s linear infinite;
            top: -6px;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0 auto 0;
        }

.about-area.upper .row.about-upper {
    margin-top: 120px;
}

@keyframes move {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes shake {
    0% {
        transform: rotate(-30deg);
    }

    30% {
        transform: rotate(-30deg);
    }

    60% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(-30deg);
    }
}

/*--=====================================
    start--flip-area css
 -========================================*/
.flip-area {
    position: relative;
    z-index: 1;
    background: #f8f5f0;
    padding: 100px 0;
}

    .flip-area .section-title {
        text-align: center;
        margin-bottom: 85px;
    }

.flip-box {
    background-color: transparent;
    width: 100%;
    height: 400px;
    border: none;
    perspective: 1000px;
    margin-bottom: 30px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

    .flip-box-inner::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, #00000080 0%, #dba76bb3 100%);
    }

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-title h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    font-family: "Cormorant Garamond", serif;
    margin: 0 0 15px;
    text-align: left;
}

.flip-box-front {
    background: url(assets/images/ha.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .flip-box-front.upper {
        background: url(assets/images/hasa.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .flip-box-front.style-two {
        background: url(assets/images/hasan.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

.front-price {
    transform: rotate(-90deg);
    position: relative;
    top: 62px;
    right: -140px;
}

    .front-price p {
        display: inline-block;
        color: #fff;
        padding: 10px 14px;
        font-weight: 500;
        font-size: 18px;
        border: 2px solid #fff;
        font-family: "Josefin Sans", sans-serif;
    }

.flip-single-box {
    position: relative;
    top: 55%;
    text-align: left;
    left: 22px;
}

.box-title h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    font-family: "Cormorant Garamond", serif;
    margin: 0;
}

.box-title span {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
}

.flip-box-back {
    background: url(assets/images/01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    transform: rotateY(180deg);
    padding: 80px 30px 0 30px;
    position: relative;
    z-index: 1;
}

    .flip-box-back::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #3d3c3b;
        opacity: 0.9;
        z-index: -1;
    }

.des p {
    width: 100%;
    margin: 0 auto 15px;
    padding-bottom: 25px;
    font-size: 18px;
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 300;
    line-height: 23px;
    text-align: left;
}

.des {
    text-align: left;
}

    .des a {
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        background-color: #dba765;
        padding: 15px 20px 13px 20px;
        letter-spacing: 2px;
    }
/*--=====================================
    start .luxury-video-section css
 -========================================*/
.luxury-video-section .bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url("https://wp.ditsolution.net/luxury/wp-content/uploads/2022/08/video-bg.jpg") 50% 50%;
}

.luxury-video-section video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
}

.luxury-video-section .overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient( 25deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.7) 10% );
    background-size: 2px 2px;
    z-index: 2;
}

.luxury-video-section .luxury-video {
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto 0;
}

.luxury-video-section .video-icon i {
    display: inline-block;
    font-size: 35px;
    color: #ad7f38;
    background: #fff;
    height: 80px;
    width: 80px;
    line-height: 81px;
    border-radius: 50%;
}

    .luxury-video-section .video-icon i::after {
        width: 90px;
        height: 90px;
        position: absolute;
        border-radius: 50%;
        content: "";
        border: 1px solid #ad7f38;
        animation: move 1.5s linear infinite;
        top: -6px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto 0;
    }

.luxury-video-section .row.about-upper {
    margin-top: 120px;
}

@keyframes move {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes shake {
    0% {
        transform: rotate(-30deg);
    }

    30% {
        transform: rotate(-30deg);
    }

    60% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(-30deg);
    }
}

.luxury-video-section h1 {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    height: 50px;
}

.luxury-video-section h4 {
    text-align: center;
    position: absolute;
    top: -50px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    height: 50px;
    color: #977345;
    font-family: "Cormorant Garamond", serif;
}

.luxury-video-button {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: -43%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    height: 50px;
}

    .luxury-video-button a {
        display: inline-block;
        background: #dba765;
        color: #fff;
        padding: 14px 35px;
        font-size: 15px;
        font-weight: 400;
        transition: 0.5s;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

        .luxury-video-button a:hover {
            color: #fff;
            background: #333333;
        }
/*--=====================================
    start hotel-faciliti-section css
 -========================================*/
.hotel-faciliti-section {
    padding: 100px 0 100px 0;
}

    .hotel-faciliti-section .row.paddi {
        margin-top: 50px;
    }

.single-faciliti {
    text-align: center;
    background: #f8f5f0;
    padding: 36px 32px 33px;
    position: relative;
    transition: 0.3s;
    border: 2px solid transparent;
}

    .single-faciliti:hover {
        border: 2px solid #dba765;
        background: #fff;
    }

.faciliti-thumb {
    margin-bottom: 20px;
}

.faciliti-title h2 {
    color: #1d2124;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 9px 0;
    text-transform: capitalize;
    font-family: "Cormorant Garamond", serif;
}
/*--=====================================
    start luxury-hotel-section css
 -========================================*/
.luxury-hotel-section {
    padding: 110px 0 121px;
}

    .luxury-hotel-section .row.back {
        background: #f8f5f0;
    }

    .luxury-hotel-section .section-title {
        text-align: left;
    }

    .luxury-hotel-section .luxury-thumb {
        margin-left: -15px;
    }

        .luxury-hotel-section .luxury-thumb img {
            width: 100%;
        }

    .luxury-hotel-section .section-discription p {
        width: 91%;
        text-align: left;
        margin: 0;
    }

    .luxury-hotel-section .section-discriptions p {
        width: 91%;
        text-align: left;
        margin: 0;
        padding: 22px 0 12px;
        color: #4d4d4d;
        font-size: 17px;
        font-weight: 300;
        line-height: 23px;
        text-align: left;
        font-family: "Josefin Sans", sans-serif;
    }

.luxury-icon-list ul {
    display: block;
}

    .luxury-icon-list ul li {
        display: block;
        list-style: none;
        margin: 7px 0;
        font-size: 16px;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 300;
    }

        .luxury-icon-list ul li i {
            display: inline-block;
            font-size: 20px;
            color: #dea765;
            margin-right: 5px;
        }

.luxury-button {
    margin-top: 38px;
}

    .luxury-button a {
        display: inline-block;
        background: #dba765;
        color: #fff;
        padding: 14px 35px;
        font-size: 13px;
        font-weight: 400;
        transition: 0.5s;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

        .luxury-button a i {
            display: inline-block;
            margin-left: 10px;
            font-size: 17px;
        }

        .luxury-button a:hover {
            color: #fff;
            background: #333333;
        }

.luxury-hotel-section.upper {
    padding: 0 0 120px;
}

    .luxury-hotel-section.upper .luxury-thumb {
        margin-right: -15px;
    }
/*--=====================================
    start luxury-service-section css
 -========================================*/
.luxury-service-section {
    padding: 165px 0 125px;
    background: #f8f5f0;
}

    .luxury-service-section .section-title {
        text-align: left;
    }

    .luxury-service-section .section-discription p {
        width: 93%;
        margin: 0;
    }

    .luxury-service-section .service-text {
        margin-bottom: 40px;
    }

        .luxury-service-section .service-text p {
            font-size: 17px;
            font-weight: 300;
            line-height: 23px;
            color: #4d4d4d;
            text-align: left;
            font-family: "Josefin Sans", sans-serif;
            width: 90%;
        }

    .luxury-service-section .service-icon {
        float: left;
        margin-right: 20px;
    }

        .luxury-service-section .service-icon i {
            display: inline-block;
            font-size: 60px;
            color: #dba765;
        }

    .luxury-service-section .service-number span {
        font-family: "Josefin Sans", Sans-serif;
        font-size: 21px;
        letter-spacing: 1px;
        color: #dba765;
    }

    .luxury-service-section .service-number p {
        font-size: 18px;
        font-weight: 400;
        color: #4d4d4d;
        margin: 0;
        font-family: "Josefin Sans", Sans-serif;
    }

    .luxury-service-section .luxury-single-service {
        padding: 0 0 23px;
        border-bottom: 3px solid #dba765;
    }

    .luxury-service-section .service-thumb img {
        width: 100%;
    }

    .luxury-service-section .service-title {
        background: #dba765;
    }

        .luxury-service-section .service-title h2 {
            font-size: 25px;
            text-transform: capitalize;
            letter-spacing: 1px;
            font-weight: 700;
            font-family: "Cormorant Garamond", serif;
            text-align: center;
            margin: 0;
            color: #fff;
            padding: 12px 0;
        }

    .luxury-service-section .icon-list {
        margin-top: 27px;
    }

        .luxury-service-section .icon-list ul li {
            list-style: none;
            text-align: center;
            font-size: 17px;
            padding: 4px 0;
            font-family: "Josefin Sans", sans-serif;
        }

            .luxury-service-section .icon-list ul li i {
                color: #dba765;
                display: inline-block;
            }

.owl-dots {
    margin: 40px auto 0;
    text-align: center;
}

.owl-dot {
    height: 13px;
    width: 13px;
    line-height: 14px;
    background: #b1cdfb;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
}

    .owl-dot.active {
        height: 13px;
        width: 13px;
        line-height: 14px;
        background: #dba765;
        margin-right: 10px;
        display: inline-block;
        border-radius: 50%;
    }
/*--=====================================
    start testimonial-section css
 -========================================*/
.testimonial-section {
    padding: 140px 0 120px;
    background: url(assets/images/slider1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .testimonial-section .main-title h2 {
        color: #fff;
    }

    .testimonial-section .row.mar-top {
        margin-top: 70px;
    }

.single-testimonial {
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
    padding: 30px 36px 30px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0;
}

.testimonial-thumb img {
    width: 33%;
    border-radius: 50%;
}

.testimonial-discription {
    margin: 30px 0 25px;
}

    .testimonial-discription p {
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        width: 100%;
        margin: auto;
        color: #999;
        font-family: "Josefin Sans", sans-serif;
        line-height: 25px;
    }

.testi-rating ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
    color: #dba765;
}

.testi-title h2 {
    font-size: 17px;
    letter-spacing: 1px;
    color: #ddd;
    text-transform: uppercase;
    font-family: "Cormorant Garamond", serif;
    margin: 9px 0 0;
}

.testi-title span {
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    display: block;
    font-family: "Cormorant Garamond", serif;
    text-transform: capitalize;
}

.owl-dots {
    margin: 40px auto 0;
    text-align: center;
}

.testimonial-section .owl-dot {
    height: 10px;
    width: 10px;
    line-height: 11px;
    background: #fff;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
}

    .testimonial-section .owl-dot.active {
        height: 10px;
        width: 10px;
        line-height: 11px;
        background: #dba765;
        margin-right: 10px;
        display: inline-block;
        border-radius: 50%;
        position: relative;
    }

.testimonial-section .owl-dots {
    margin: 10px auto 0;
    text-align: center;
}

.testimonial-section .owl-dot.active::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #dba765;
}
/*--=====================================
    start blog-area css
 -========================================*/
.blog-area {
    padding: 100px 0 140px;
}

    .blog-area .row.mar-top {
        margin-top: 50px;
    }

.blog-content {
    margin-top: 20px;
}

.blog-thumb img {
    width: 100%;
}

.blog-title span {
    font-size: 17px;
    color: #dba765;
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
}

.blog-title a {
    display: inline-block;
    font-size: 17px;
    color: #dba765;
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 1px;
    margin-left: 15px;
    font-weight: 300;
}

.blog-titles h2 a {
    display: inline-block;
    font-size: 34px;
    margin: 3px 0 0;
    position: relative;
    font-family: "Cormorant Garamond", serif;
    color: #000000;
    font-weight: 700;
    transition: 0.5s;
}

    .blog-titles h2 a:hover {
        color: #dba765;
    }

.blog-discription p {
    font-weight: 300;
    font-size: 17px;
    line-height: 23px;
    font-family: "Josefin Sans", sans-serif;
    color: #4d4d4d;
    margin: 0;
}

.blog-button {
    margin-top: 13px;
}

    .blog-button a {
        color: #dba765;
        display: inline-block;
        position: relative;
        font-weight: 400;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 13px;
        font-family: "Josefin Sans", sans-serif;
    }

.blog-area.style-two {
    padding: 100px 0 60px;
}

    .blog-area.style-two .single-blog {
        margin-bottom: 50px;
    }
/*--=====================================
    start blog-area.upper css
 -========================================*/
.blog-area.upper {
    background: #f8f5f0;
}

    .blog-area.upper .single-blog {
        margin: 0 10px !important;
        border: 1px solid #eee;
        border-radius: 5px;
        border-bottom: 3px solid #dba765;
        background: #fff;
    }

    .blog-area.upper .blog-content {
        margin-top: 20px;
        padding: 0px 25px 30px;
    }

    .blog-area.upper .blog-button a::before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 80%;
        content: "";
        background: #dba765;
        transition: 0.5s;
    }

    .blog-area.upper .blog-button a:hover::before {
        width: 100%;
    }

    .blog-area.upper .blog-button a i:hover {
        margin-left: 5px;
    }

    .blog-area.upper .blog-button a i {
        font-size: 20px;
        display: inline-block;
        transition: 0.5s;
    }

    .blog-area.upper .blog-thumb {
        position: relative;
        z-index: 1;
    }

        .blog-area.upper .blog-thumb::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 0%;
            left: 0;
            bottom: 0;
            background: rgba(219, 167, 101, 0.7);
            transition: 0.5s;
        }

    .blog-area.upper .single-blog:hover .blog-thumb::before {
        height: 100%;
    }
/*<!-- ============================================================== -->
<!-- Start bg-bar  Css -->
<!-- ============================================================== -->*/
.blog-area.style-six .sideber-search-box {
    margin-bottom: 40px;
    padding: 2px 30px 8px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    background: #f8f5f0;
}

.blog-area.style-six .sideber-box {
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    background: #f8f5f0;
}

.blog-area.style-six .resent-post-single-box {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 40px;
    margin-bottom: 16px;
}

.blog-area.style-six .blog-thub img {
    width: 100%;
}

.blog-area.style-six .resent-thunb img {
    border-radius: 5px;
    width: 28%;
    float: left;
    margin-right: 12px;
    height: 70px;
}

.blog-area.style-six .resent-title a h3 {
    color: #000000;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "Cormorant Garamond";
    transition: 0.5s;
}

    .blog-area.style-six .resent-title a h3:hover {
        color: #dba765;
    }

.blog-area.style-six .resent-title a span {
    color: #dba765;
    font-size: 16px;
    font-family: "Josefin Sans";
}

.blog-area.style-six .resent-post-single-box.two {
    border: none;
    margin: 0;
    padding: 0 0 20px;
}

.blog-area.style-six .catagories-body ul li {
    list-style: none;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    transition: 0.5s;
    padding-bottom: 10px;
}

    .blog-area.style-six .catagories-body ul li a {
        color: #6d6d6d;
        font-size: 16px;
        font-family: "Josefin Sans";
        transition: 0.5s;
        font-weight: 400;
    }

        .blog-area.style-six .catagories-body ul li a:hover {
            color: #dba765;
        }

.blog-area.style-six .sidebar-search {
    margin-bottom: 30px;
}

.blog-area.style-six .form-control {
    top: 31px;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 28px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #949494;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: relative;
    font-family: "Josefin Sans";
}

.blog-area.style-six .sideber-search-box button a {
    position: absolute;
    right: 60px;
    top: 50px;
    display: inline-block;
    color: #616161;
    font-size: 18px;
}

.blog-area.style-six .paginationss-title {
    padding-top: 40px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
    width: 90%;
    position: relative;
    left: 31px;
    margin-bottom: 30px;
}

    .blog-area.style-six .paginationss-title ul {
        display: inline-block;
    }

.paginationss-title ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.blog-area.style-six .paginationss-title ul li a i {
    border: 1px solid #e6e6e6;
    color: #565872;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 0 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}

    .blog-area.style-six .paginationss-title ul li a i:hover {
        background: #5f4ff8;
        border-color: #5f4ff8;
        color: #fff;
    }

.blog-area.style-six .contact-title h3 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 35px;
    color: #1d2124;
    font-family: "Cormorant Garamond", serif;
    position: relative;
}

.blog-area.style-six .sideber-title h3 {
    display: block;
    font-size: 30px;
    margin-bottom: 40px;
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    color: #000000;
    font-family: "Cormorant Garamond";
    position: relative;
}

    .blog-area.style-six .sideber-title h3::before {
        position: absolute;
        content: "";
        top: 41px;
        left: 0;
        height: 2px;
        width: 40%;
        background: #dba765;
    }

.blog-area.style-six .single-blog {
    margin-bottom: 50px;
}

.blog-area.style-six .blog_text {
    border-left: 4px solid #dba765;
    position: relative;
    background-color: #f8f5f0;
    padding: 24px 39px 30px 37px;
    margin: 33px 0;
}

    .blog-area.style-six .blog_text p {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 400;
        font-family: "Josefin Sans", sans-serif;
    }

    .blog-area.style-six .blog_text span {
        font-size: 14px;
        font-style: italic;
        font-family: "Josefin Sans", sans-serif;
    }

.blog-area.style-six .blog_tmb {
    margin-bottom: 30px;
}

    .blog-area.style-six .blog_tmb img {
        width: 100%;
    }

.blog-area.style-six .paginations-title ul {
    display: inline-block;
}

    .blog-area.style-six .paginations-title ul li {
        list-style: none;
        display: inline-block;
        margin-right: 6px;
    }

        .blog-area.style-six .paginations-title ul li a i {
            border: 1px solid #dba765;
            color: #dba765;
            display: inline-block;
            font-size: 15px;
            height: 35px;
            line-height: 36px;
            margin: 0 0 0 0;
            text-align: center;
            width: 35px;
            border-radius: 0;
        }

            .blog-area.style-six .paginations-title ul li a i:hover {
                background: #dba765;
                border-color: #dba765;
                color: #fff;
            }

.blog-area.style-six .paginations-title {
    margin: 40px 0 50px;
}

.blog-area.style-six .form_box textarea {
    background: #f8f5f0;
}

.blog-area.style-six .form-button button {
    display: inline-block;
    color: #fff;
    padding: 15px 28px;
    text-transform: capitalize;
    transition: 0.5s;
    font-size: 18px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 5px;
    font-weight: 400;
    background: #dba765;
    border: 1px solid #dba765;
    width: 100%;
    font-family: "Josefin Sans";
}

    .blog-area.style-six .form-button button:hover {
        color: #fff;
        background: #232323;
        border: 1px solid #232323;
    }
/*--=====================================
    start single-service-section css
 -========================================*/
.single-service-section {
    padding: 90px 0px 90px 0px;
}

    .single-service-section .section-title {
        text-align: left;
    }

    .single-service-section .main-title h2 {
        font-size: 50px;
        font-weight: 700;
    }

    .single-service-section .service-discrip p {
        color: #4d4d4d;
        font-size: 17px;
        font-weight: 300;
        line-height: 23px;
        text-align: left;
        font-family: "Josefin Sans", sans-serif;
        margin-bottom: 30px;
    }

    .single-service-section .single-service-title {
        padding: 30px 0px 20px 0px;
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #dddddd;
    }

    .single-service-section .service-titles h3 {
        font-size: 28px;
        color: #000000;
        font-family: "Cormorant Garamond";
        margin: 0 0 30px;
    }

    .single-service-section .service-titles.upper h3 {
        margin: 30px 0 17px;
    }

    .single-service-section .service-icon-list p {
        margin: 0 0 30px;
        color: #4d4d4d;
        font-size: 17px;
        font-weight: 300;
        line-height: 23px;
        text-align: left;
        font-family: "Josefin Sans", sans-serif;
    }

    .single-service-section .service-icon-list ul li {
        list-style: none;
        display: block;
        margin: 0 0 10px;
        color: #4d4d4d;
        font-family: "Josefin Sans";
        font-weight: 300;
        font-size: 13px;
    }

        .single-service-section .service-icon-list ul li i {
            display: inline-block;
            font-size: 12px;
            color: #dba765;
            margin-right: 3px;
        }

    .single-service-section .servics-titles h3 {
        font-size: 28px;
        color: #000000;
        font-family: "Cormorant Garamond";
        margin: 40px 0 30px;
    }

    .single-service-section .google-map {
        overflow: hidden;
    }

    .single-service-section .single-service-button {
        margin-top: 30px;
    }

        .single-service-section .single-service-button a {
            display: inline-block;
            background: #dba765;
            color: #fff;
            padding: 14px 35px;
            font-size: 13px;
            font-weight: 400;
            transition: 0.5s;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

            .single-service-section .single-service-button a:hover {
                background: #333;
                color: #fff;
            }

    .single-service-section .contact-form {
        background: #f8f5f0;
        padding: 30px 30px 60px 20px;
    }

    .single-service-section .contacts-titles h4 {
        color: #000;
        cursor: pointer;
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 6px;
        font-family: "Josefin Sans", sans-serif;
    }

    .single-service-section .form-button button {
        display: inline-block;
        color: #fff;
        padding: 15px 78px;
        text-transform: capitalize;
        transition: 0.5s;
        font-size: 17px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-top: 5px;
        font-weight: 400;
        background: #dba765;
        border: 1px solid #dba765;
        text-align: center;
        font-family: "Josefin Sans";
    }

        .single-service-section .form-button button:hover {
            background: #232323;
            color: #fff;
            border: 1px solid #232323;
        }

    .single-service-section .form-thumb {
        margin: 50px 0 0;
    }

        .single-service-section .form-thumb img {
            width: 100%;
        }
/*<!-- ============================================================== -->
<!-- Start  faq-area  Css -->
<!-- ============================================================== -->*/
.luxury-contact-area {
    padding: 90px 0px 100px 0px;
}

    .luxury-contact-area .contact-title h3 {
        font-size: 28px;
        font-family: "Cormorant Garamond", serif;
        color: #000000;
        font-weight: 500;
        margin: 0 0 17px;
    }

    .luxury-contact-area .contact-discription p {
        color: #4d4d4d;
        font-size: 17px;
        font-weight: 300;
        line-height: 23px;
        text-align: left;
        font-family: "Josefin Sans", sans-serif;
        margin: 0 0 33px;
    }

    .luxury-contact-area .single-contact.upper {
        padding: 25px 0 0;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    .luxury-contact-area .contact-title.upper h3 {
        margin-top: 25px;
    }

    .luxury-contact-area .google-map {
        overflow: hidden;
    }

    .luxury-contact-area .contact-form {
        background: #f8f5f0;
        padding: 30px 30px 40px 30px;
    }

    .luxury-contact-area .form-button button {
        display: inline-block;
        color: #fff;
        padding: 15px 20px;
        text-transform: capitalize;
        transition: 0.5s;
        font-size: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-top: 5px;
        font-weight: 400;
        background: #dba765;
        border: 1px solid #dba765;
        width: 100%;
        font-family: "Josefin Sans";
    }

.form-button button:hover {
    color: #fff;
    background: #232323;
    border: 1px solid #232323;
}

/*<!-- ============================================================== -->
<!-- Start  faq-area  Css -->
<!-- ============================================================== -->*/
.accordion {
    max-width: 100%;
    margin: 33px 0 auto 0px;
    border-top: 1px solid #d9e5e8;
    list-style: none;
}

    .accordion li {
        background: #ffffff;
        position: relative;
        margin-bottom: 15px;
    }

    .accordion a {
        width: 100%;
        display: block;
        border: none;
        outline: 0;
        position: relative;
        cursor: pointer;
        text-decoration: none;
        font-weight: 600;
        line-height: 3;
        font-size: 20px;
        text-indent: 40px;
        user-select: none;
        color: #000000 !important;
        font-family: "Josefin Sans";
        box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
        margin-bottom: 20px;
        padding: 8px 0;
    }

    .accordion li a.active {
        background: #f3f1ff;
        color: #dba765 !important;
        padding: 6px 0;
        border-radius: 5px;
        font-size: 18px;
        transition: 0.5s;
    }

        .accordion li a.active:hover {
            color: #dba765;
        }

    .accordion a.active::before {
        display: none;
    }

    .accordion p {
        display: none;
        padding: 10px 25px 30px;
        color: #646464;
        font-size: 17px;
        font-weight: 300;
        font-family: "Josefin Sans";
    }

    .accordion li a::after {
        content: "\f067";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        left: -25px;
        top: 7px;
    }

    .accordion li a.active::after {
        content: "\f068";
    }

/*--=====================================
    start call-do-action-area css
 -========================================*/
.call-do-action-area {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assets/images/slider2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.call-rating ul {
    margin-bottom: 18px;
}

    .call-rating ul li {
        list-style: none;
        display: inline-block;
        margin-right: 5px;
        color: #dba765;
    }

.call-do-action-area .section-title {
    text-align: left;
}

.call-do-action-area .main-title h2 {
    color: #fff;
}

.call-do-action-area .section-discription p {
    color: #fff;
    width: 90%;
    margin: 0;
    text-align: left;
    padding-bottom: 25px;
}

.call-do-action-area .call-icon {
    float: left;
    margin-right: 20px;
}

    .call-do-action-area .call-icon i {
        display: inline-block;
        font-size: 60px;
        color: #dba765;
    }

.call-do-action-area .call-number span {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 21px;
    letter-spacing: 1px;
    color: #dba765;
}

.call-do-action-area .call-number p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    font-family: "Josefin Sans", Sans-serif;
}

.single-boking-form {
    padding: 40px 40px 50px 40px;
    background: #fff;
}

    .single-boking-form .sub-title h5 {
        letter-spacing: 3px;
    }

    .single-boking-form .main-title h2 {
        font-size: 30px;
        font-weight: 700;
        color: #000000;
        margin: 10px 0 30px;
    }

    .single-boking-form .boking-titles h4 {
        font-size: 17px;
        font-weight: 500;
        font-family: "Josefin Sans", sans-serif;
        color: #000;
    }

    .single-boking-form .form-button button {
        display: inline-block;
        color: #fff;
        padding: 12px 160px;
        text-transform: capitalize;
        transition: 0.5s;
        font-size: 16px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        font-weight: 400;
        background: #dba765;
        border: 1px solid #dba765;
        font-family: "Josefin Sans", sans-serif;
    }

        .single-boking-form .form-button button:hover {
            background: #232323;
            border: 1px solid #232323;
        }
/*--=====================================
    start brand-area css
 -========================================*/
.brand-area {
    padding: 100px 0px 100px 0px;
}

/*<!-- ============================================================== -->
<!-- Start  footer-area  Css -->
<!-- ============================================================== -->*/
.footer-area {
    background: #333333;
    padding: 100px 0 0px;
}

.footer-discription p {
    color: #fff;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    margin: 34px 77px 0 0;
    font-family: "Josefin Sans", sans-serif;
}

.widgets-company-information ul {
    margin-top: 26px;
}

    .widgets-company-information ul li {
        list-style: none;
        display: inline-block;
        margin-right: 8px;
    }

        .widgets-company-information ul li a i {
            font-size: 12px;
            height: 30px;
            width: 30px;
            line-height: 30px;
            background: #dba765;
            display: inline-block;
            text-align: center;
            color: #fff;
        }

.footer-title h3 {
    font-size: 30px;
    margin-bottom: 24px;
    margin-top: 0;
    position: relative;
    color: #fff;
    font-weight: 700;
}

.footer-content ul li {
    list-style: none;
    display: block;
    margin: 0 0 10px;
}

    .footer-content ul li a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        transition: 0.5s;
        font-family: "Josefin Sans", sans-serif;
    }

        .footer-content ul li a i {
            font-size: 18px;
            display: inline-block;
            font-weight: 800;
            margin: 0 5px 0 0;
        }

        .footer-content ul li a:hover {
            color: #cb8642;
        }

.copy-right-area {
    background: #000000;
    margin-top: 57px;
    padding: 20px 0 10px;
}

.copyright-title h3 {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
    margin: 0;
}

    .copyright-title h3 span {
        color: #1b51bd;
    }

.footer-text p {
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: left;
    font-family: "Josefin Sans", sans-serif;
    color: #fff;
}

.footer-address p {
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
    text-align: left;
    font-family: "Josefin Sans", sans-serif;
    color: #fff;
}

.footer-area .from-box {
    margin-bottom: 15px;
}

    .footer-area .from-box button {
        position: absolute;
        top: 62px;
        right: 0;
        border: 0;
        background: transparent;
    }

    .footer-area .from-box i {
        background: #dba765;
        padding: 10px 18px;
        display: inline-block;
        color: #fff;
        font-size: 22px;
        border-radius: 0 3px 3px 0px;
    }

    .footer-area .from-box input {
        font-size: 16px;
        height: 48px;
        padding: 5px 10px;
        position: relative;
        width: 83%;
        background: #fff;
        margin: auto;
        border: 0;
        border-radius: 3px;
        color: #1d2124;
    }

.footerse-thumbs img {
    width: 100%;
}

.copyright-menu ul {
    text-align: right;
}

    .copyright-menu ul li {
        list-style: none;
        display: inline-block;
        margin-right: 20px;
    }

        .copyright-menu ul li a {
            text-transform: capitalize;
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            display: inline-block;
            font-family: "Josefin Sans", sans-serif;
            transition: 0.5s;
        }

            .copyright-menu ul li a:hover {
                color: #dba764;
            }

/*** 
====================================================================
  Search Popup
====================================================================
***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier( 0.86, 0, 0.07, 1 ); /* easeInOutQuint */
}

.search-popup {
    width: 100%;
}

.search-active .search-popup {
    transform: translateY(0%);
    margin-top: 0;
}

.search-box-btn.search-box-outer {
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 35px;
}

    .search-box-btn.search-box-outer i {
        display: inline-block;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        color: #fff;
        margin-top: 0px;
    }

.sticky-nav .search-box-btn.search-box-outer i {
    color: #fff;
    position: relative;
    left: 40px;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #5a49f8;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

    .search-popup .close-search i {
        position: relative;
        height: 70px;
        width: 70px;
        font-size: 30px;
        line-height: 70px;
        color: #fff;
        display: inline;
        text-align: center;
    }

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #ffffff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0px;
    border: none;
    background: none !important;
    box-shadow: none !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .search-popup .close-search.style-two i {
        font-size: 20px;
        color: #fff;
    }

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}

    .search-popup .form-group input[type="submit"]:hover,
    .search-popup .form-group button:hover {
        color: #000000;
    }

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: #000000;
}

/*===========================scroll strat===========================  
 ===========================************===========================  */
.scroll-area {
    position: relative;
    z-index: 999;
}

    .scroll-area .go-top {
        position: fixed;
        cursor: pointer;
        top: 0;
        right: 30px;
        color: #ffffff;
        background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        z-index: 9999;
        width: 45px;
        text-align: center;
        height: 45px;
        line-height: 42px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.9s ease-out 0s;
        -moz-transition: all 0.9s ease-out 0s;
        -ms-transition: all 0.9s ease-out 0s;
        -o-transition: all 0.9s ease-out 0s;
        transition: all 0.9s ease-out 0s;
        border-radius: 10px;
    }

        .scroll-area .go-top i {
            position: absolute;
            top: 50%;
            left: -4px;
            right: 0;
            margin: 0 auto;
            font-size: 15px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -ms-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

            .scroll-area .go-top i:last-child {
                opacity: 0;
                visibility: hidden;
                top: 60%;
            }

        .scroll-area .go-top::before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            animation: zoomBig 3.25s linear infinite;
            -webkit-animation-delay: 0.75s;
            animation-delay: 0.75s;
        }

        .scroll-area .go-top:focus,
        .scroll-area .go-top:hover {
            color: #fff;
        }

            .scroll-area .go-top:focus::before,
            .scroll-area .go-top:hover::before {
                opacity: 1;
                visibility: visible;
            }

            .scroll-area .go-top:focus i:first-child,
            .scroll-area .go-top:hover i:first-child {
                opacity: 0;
                top: 0;
                visibility: hidden;
            }

            .scroll-area .go-top:focus i:last-child,
            .scroll-area .go-top:hover i:last-child {
                opacity: 1;
                visibility: visible;
                top: 50%;
            }

        .scroll-area .go-top.active {
            top: 95%;
            -webkit-transform: translateY(-98%);
            -moz-transform: translateY(-98%);
            -ms-transform: translateY(-98%);
            -o-transform: translateY(-98%);
            transform: translateY(-98%);
            opacity: 1;
            visibility: visible;
            border-radius: 0;
            right: 80px;
            border-radius: 100%;
        }

.top-wrap {
    position: relative;
}

    .top-wrap .go-top-button {
        display: inline-block;
        width: 60px;
        height: 59px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        top: 3px;
        z-index: 1;
        background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
        background: #dba765;
        background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    }

        .top-wrap .go-top-button i {
            font-size: 20px;
            font-weight: 700;
            padding-left: 4px;
            color: #fff;
        }

        .top-wrap .go-top-button::after {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            animation: zoomBig 3.25s linear infinite;
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

@keyframes zoomBig {
    0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 1;
        border-width: 3px;
    }

    40% {
        opacity: 0.5;
        border-width: 2px;
    }

    65% {
        border-width: 1px;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 1px;
    }
}
/*<!-- ============================================================== -->
<!-- Start  sticky-nav  Css -->
<!-- ============================================================== -->*/
.sticky-nav {
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    position: fixed !important;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    transition: 0.5s !important;
    background: #000000 !important;
    z-index: 9999 !important;
    animation-name: slideInDown;
    padding: 0 150px 7px;
}

    .sticky-nav li.icon {
        color: #fff;
    }

    .sticky-nav.nav-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sticky-nav .heder-menu {
        display: inline-block;
        position: relative;
        left: 14%;
    }

a.main_sticky {
    display: none;
}

.sticky-nav .header-menu ul li a {
    color: #fff !important;
}

.sticky-nav a.main_sticky {
    display: inline-block !important;
}

.sticky-nav .header-logo a {
    display: none;
}

.sticky-nav ul.sub-menu li a {
    display: inline-block;
    margin: 6px 0px 6px 21px;
    color: #6e7673 !important;
    transition: 0.5s;
}

.sticky-nav .header-con i {
    color: #fff;
}

.header-menu ul .sub-menu li {
    display: block;
    margin-right: 0;
    transition: 0.5s;
}

ul.sub-menu li:hover {
    background: #87c03d;
}

ul.sub-menu li a:hover {
    color: #fff !important;
}

.sticky-nav ul.sub-menu li:hover {
    background: #87c03d;
}

.sticky-nav ul.sub-menu li a:hover {
    color: #fff !important;
}

/*Loader*/

.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 99999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #dba765;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

    .loader:before {
        position: absolute;
        content: "";
        top: 6px;
        left: 6px;
        right: 6px;
        bottom: 6px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-left-color: #010e22;
        -webkit-animation: spin 2s linear infinite;
        -moz-animation: spin 2s linear infinite;
        -o-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    .loader:after {
        position: absolute;
        content: "";
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-right-color: #fff;
        -webkit-animation: spin 2.5s linear infinite;
        -moz-animation: spin 2.5s linear infinite;
        -o-animation: spin 2.5s linear infinite;
        animation: spin 2.5s linear infinite;
    }
/* Here comes the Magic */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #1d1d1b;
    z-index: 2;
}

    .loader-wrapper .loder-section.left-section {
        left: 0;
        transition: 1s 1.4s ease;
    }

    .loader-wrapper .loder-section.right-section {
        right: 0;
        transition: 1s 1.4s ease;
    }

/* When page loaded */
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

/*home Two All css*/

.slider-area.home-two {
    background: url(assets/images/home-2/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .slider-area.home-two.upper {
        background: url(assets/images/home-2/hero-bg-2.jpg);
    }

.home-two .flip-box-front {
    background: url(assets/images/home-2/room-1.jpg);
}

    .home-two .flip-box-front.upper {
        background: url(assets/images/home-2/room-2.jpg);
    }