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



1. Basics style

2. Helper style

3. Selection style

4. Preloader style

5. Owl-Theme custom style ***

6. Section style

7. Navbar style

8. Header style

9. Slider-fade style (Home Slider)

10. Slider style (Inner Page Slider)

11. Kenburns Slider style

12. Banner Header style

13. Video Background style

14. About style

15. Team style

16. Team Single style

17. Accommodation style

18. Accommodation Box style

19. Activities 1 style

20. Activities 2 style

21. Amenities style

22. Events style

23. Events Details style

24. Details Page style

25. Pricing style

26. Clients style

27. Image Gallery style

28. Video Gallery style

29. Video Popup style

30. Testimonials style

31. FAQs style

32. Blog style

33. Post Style

34. Contact style

35. Section Info style

36. Buttons style

37. 404 Page style

38. Booking style

39. Footer style

40. toTop Button style

41. Overlay Effect Bg image style

42. Responsive style

43. Modal Popup style

44. Booking Box style

 

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





/* ======= Basic style ======= */

html,

body {

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

    font-smoothing: antialiased;

}

* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    outline: none;

    list-style: none;

    word-wrap: break-word;

}

body {

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    line-height: 1.75em;

    color: #484848;

    overflow-x: hidden !important;

}

p {

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    line-height: 1.75em;

    color: #484848;

    margin-bottom: 15px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "Playfair Display", serif;

    font-weight: 800;

    line-height: 1.2em;

    margin: 0 0 15px 0;

    color: #000;

}

img {

    max-width: 100%;

    height: auto;

}

img {

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    color: #f3f5f4;

}

span,

a,

a:hover {

    

    text-decoration: none;

    color: inherit;

}

b {

    font-weight: 600;

    color: #5b9a42;

}

/* text field */

button,

input,

optgroup,

select,

textarea {

    font-family: "Outfit", sans-serif;

}

input[type="password"]:focus,

input[type="email"]:focus,

input[type="number"]:focus,

input[type="text"]:focus,

input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus,

textarea:focus {

    outline: none;

}

input[type="password"],

input[type="email"],

input[type="number"],

input[type="text"],

input[type="file"],

textarea {

    max-width: 100%;

    margin-bottom: 15px;

    padding: 15px 20px;

    height: auto;

    background-color: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

    display: block;

    width: 100%;

    line-height: 1.5em;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    color: #484848;

    background-image: none;

    border: none;

    border-radius: 30px;

    border: 1px solid rgba(91, 154, 66, 0.2);

}

.form-control {

    display: block;

    width: 100%;

    margin-bottom: 15px;

    padding: 15px 20px;

    font-size: 17px;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    line-height: 1.5em;

    color: #484848;

    background-color: transparent;

    background-clip: padding-box;

    border: 1px solid rgba(91, 154, 66, 0.2);

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 30px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    outline: none;

}

input[type="submit"],

input[type="reset"],

input[type="button"],

button {

    text-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    line-height: 30px;

    -webkit-transition: background-color .15s ease-out;

    transition: background-color .15s ease-out;

    background: #fff;

    border: none;

}

input[type="submit"]:hover,

input[type="reset"]:hover,

input[type="button"]:hover,

button:hover {

    color: #484848;

    border: none;

}

select {

    padding: 10px;

    border-radius: 5px;

}

textarea:focus,

textarea:active,

textarea::placeholder {

    color: #484848;

}

table,

th,

tr,

td {

    border: 0px solid #484848;

}

th,

tr,

td {

    padding: 10px;

}

input[type="radio"],

input[type="checkbox"] {

    display: inline;

}

/* submit and alert success  */

button[type="submit"],

input[type="submit"] {

    display: inline-block;

    height: auto;

    padding: 18px 30px;

    border: none;

    border-radius: 0;

    background-color: #341e14;

    -webkit-transition: border-color 400ms ease, color 400ms ease, background-color 400ms ease;

    transition: border-color 400ms ease, color 400ms ease, background-color 400ms ease;

    color: #fff;

    line-height: 20px;

    font-weight: 600;

    text-align: center;

    font-family: "Playfair Display", serif;

    font-size: 17px;

    border-radius: 30px;

    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;

    transform-style: preserve-3d;

}

button[type="submit"]:hover,

input[type="submit"]:hover {

    border: none;

    background-color: #5b9a42;

    color: #fff;

    transform: translate3d(0px, -6px, 0.01px);

}

select {

    max-width: 100%;

}

.form-select {

    display: block;

    width: 100%;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 17px;

    font-weight: 300;

    line-height: 1.5;

    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23887bb6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);

    color: #484848;

    background-repeat: no-repeat;

    background-position: right 0.95rem center;

    background-size: 12px 20px;

    border: none;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 30px;

    padding-left: 20px;

    padding-top: 14px;

    padding-bottom: 14px;

    margin-bottom: 15px;

    border: 1px solid rgba(91, 154, 66, 0.2);

    outline: none;

}

.form-control:focus,

.form-select:focus,

select:focus {

    outline: none;

    outline-width: 0 !important;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    border: 1px solid rgba(91, 154, 66, 0.2);

}

input[type=checkbox] {

    position: relative;

    cursor: pointer;

    margin: 5px 30px 15px 0px;

    -moz-appearance: none;

    -webkit-appearance: none;

    width: 12px;

}

input[type=checkbox]:before {

    content: '';

    width: 22px;

    height: 22px;

    border: 1px solid rgba(91, 154, 66, 0.2);

    background-color: rgba(91, 154, 66, 0.2);

    position: absolute;

    top: 0px;

    margin-left: -1px;

    border-radius: 3px;

}

input[type=checkbox]:after {

    font-family: "Font Awesome 6 Pro";

    content: '\f00c';

    font-weight: normal;

    color: #484848;

    background: transparent;

    position: absolute;

    top: 1px;

    margin-left: -1px;

    left: 0;

    width: 22px;

    height: 22px;

    border: none;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    opacity: 0;

    transition: opacity .3s cubic-bezier(.64, .09, .08, 1);

    will-change: opacity;

    font-size: 12px;

}

input[type=checkbox]:checked:after {

    opacity: 1

}

/* placeholder */

::-webkit-input-placeholder {

    color: #484848;

    font-size: 17px;

    font-weight: 300;

}

:-moz-placeholder {

    color: #484848;

}

::-moz-placeholder {

    color: #484848;

    opacity: 1;

}

:-ms-input-placeholder {

    color: #484848;

}

/* blockquote */

blockquote {

    padding: 45px;

    display: block;

    position: relative;

    background-color: #5b9a42;

    overflow: hidden;

    margin: 35px 0;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.75em;

    color: #fff;

    border-radius: 10px;

}

blockquote p {

    font-family: inherit;

    margin-bottom: 0 !important;

    color: inherit;

    max-width: 650px;

    width: 100%;

    position: relative;

    z-index: 3;

}

blockquote:before {

    content: '\e645';

    font-family: 'Themify';

    position: absolute;

    right: 40px;

    bottom: 40px;

    font-size: 110px;

    opacity: 0.1;

    line-height: 1;

    color: #fff;

}

blockquote p {

    margin-bottom: 0;

}

blockquote p a {

    color: inherit;

}

blockquote cite {

    display: inline-block;

    font-size: 17px;

    position: relative;

    padding-left: 60px;

    border-color: inherit;

    line-height: 1;

    margin-top: 22px;

    font-style: normal;

    color: #fff;

    font-weight: 600;

}

blockquote cite:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 5px;

    width: 45px;

    height: 1px;

    border-top: 1px solid;

    border-color: inherit;

    color: #fff;

}





/* ======= Helper style ======= */

.mr-5 {

    margin-right: 8px;

}

.mt-0 {

    margin-top: 0 !important;

}

.mt-15 {

    margin-top: 15px !important;

}

.mt-20 {

    margin-top: 20px !important;

}

.mt-30 {

    margin-top: 30px !important;

}

.mt-60 {

    margin-top: 60px !important;

}

.mt-90 {

    margin-top: 90px !important;

}

.mt-120 {

    margin-top: 120px !important;

}

.mb-0 {

    margin-bottom: 0 !important;

}

.mb-15 {

    margin-bottom: 15px !important;

}

.mb-20 {

    margin-bottom: 20px !important;

}

.mb-25 {

    margin-bottom: 25px !important;

}

.mb-30 {

    margin-bottom: 30px !important;

}

.mb-60 {

    margin-bottom: 60px !important;

}

.mb-90 {

    margin-bottom: 90px !important;

}

.pb-0 {

    padding-bottom: 0 !important;

}

.no-padding {

    padding: 0 !important;

}

.o-hidden {

    overflow: hidden;

}

.position-re {

    position: relative;

}

.position-relative {

    position: relative !important;

}

.full-width {

    width: 100%;

}

.bg-img {

    background-size: cover;

    background-repeat: no-repeat;

}

.bg-position-top {

    background-position: top;

}

.bg-position-center {

    background-position: center;

}

.bg-position-bottom {

    background-position: bottom;

}

.bg-fixed {

    background-attachment: fixed;

}

.pattern {

    background-repeat: repeat;

    background-size: auto;

}

.bold {

    font-weight: 500;

}

.count {

    font-family: "Outfit", sans-serif;

}

.valign {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.v-middle {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

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

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

}

.v-bottom {

    position: absolute;

    width: 100%;

    bottom: 5%;

    left: 0;

    -webkit-transform: translate(0%, -5%);

    transform: translate(0%, -5%);

}

.js .animate-box {

    opacity: 0;

}

:root {

    scroll-behavior: auto;

}

.bg-gray {

    background: #f3f5f4;

}

/* star rating  */

.star-rating {

    position: relative;

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 0.9em;

    margin-right: 0.9em;

    margin-bottom: 2em;

    border-right: 0.3em solid transparent;

    border-bottom: 0.7em solid #fd961e;

    border-left: 0.3em solid transparent;

    /* Controlls the size of the stars. */

    font-size: 8px;

}

.star-rating:before,

.star-rating:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    top: 0.6em;

    left: -1em;

    border-right: 1em solid transparent;

    border-bottom: 0.7em solid #fd961e;

    border-left: 1em solid transparent;

    transform: rotate(-35deg);

}

.star-rating:after {

    transform: rotate(35deg);

}



/* ======= Selection style ======= */

::-webkit-selection {

    color: #fff;

    background: #5b9a42;

}

::-moz-selection {

    color: #fff;

    background: #5b9a42;

}

::selection {

    color: #fff;

    background: #5b9a42;

}





/* ======= Preloader style ======= */

.preloader-bg,

#preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #fff;

    z-index: 999999;

}

#preloader {

    display: table;

    table-layout: fixed;

}

#preloader-status {

    display: table-cell;

    vertical-align: middle;

}

.preloader-position {

    position: relative;

    margin: 0 auto;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

.loader {

    position: relative;

    width: 70px;

    height: 70px;

    left: 50%;

    top: auto;

    margin-left: -22px;

    margin-top: 1px;

    -webkit-animation: rotate 1s infinite linear;

    -moz-animation: rotate 1s infinite linear;

    -ms-animation: rotate 1s infinite linear;

    -o-animation: rotate 1s infinite linear;

    animation: rotate 1s infinite linear;

    border: 1px solid rgba(52, 72, 49, 0.2);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

.loader span {

    position: absolute;

    width: 70px;

    height: 70px;

    top: -1px;

    left: -1px;

    border: 1px solid transparent;

    border-top: 1px solid #5b9a42;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

@-webkit-keyframes rotate {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}

@keyframes rotate {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}





/* ======= Owl-Theme custom style ======= */

/* dot style */

.owl-carousel button.owl-dot {

    outline: none;

}

.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 0px;

    line-height: 1.5;

    display: block;

    outline: none;

}

.owl-theme .owl-dots .owl-dot span {

    width: 15px;

    height: 15px;

    margin: 0 3px;

    border-radius: 50%;

    background: #cfdcd3;

    border: 1px solid #cfdcd3;

}

.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: #5b9a42;

    border: 1px solid #5b9a42;

}

/* nav style */

.owl-theme .owl-nav {

    position: absolute !important;

    top: 35% !important;

    bottom: auto !important;

    width: 100%

}

.owl-theme .owl-nav {

    position: relative;

    position: absolute;

    bottom: 0;

    left: 50%;

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

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

    transform: translateX(-50%);

}

.owl-theme .owl-prev {

    left: 10px !important

}

.owl-theme .owl-next {

    right: 10px !important

}

.owl-theme .owl-prev,

.owl-theme .owl-next {

    color: #fff;

    position: absolute !important;

    top: 50%;

    padding: 0;

    height: 50px;

    width: 50px;

    border-radius: 0%;

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

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

    transform: translateY(-50%);

}

.owl-theme .owl-prev > span,

.owl-theme .owl-next > span {

    position: absolute;

    line-height: 0;

    top: 50%;

    left: 50%;

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

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

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

}

.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev {

    outline: none;

}

.owl-carousel .owl-nav button.owl-next, 

.owl-carousel .owl-nav button.owl-prev,

.owl-theme .owl-nav [class*=owl-] {

    width: 50px;

    height: 50px;

    line-height: 50px;

    background: #341e14;

    color: #fff;

    font-size: 12px;

    margin-right: 15px;

    margin-left: 15px;

    cursor: pointer;

    border: 1px solid #341e14;

    border-radius: 100%;

    transition: all 0.2s ease-in-out;

    transform: scale(1.0);

}

.owl-theme .owl-nav [class*=owl-] {

    opacity: 0;

}

.owl-theme:hover .owl-nav [class*=owl-] {

    opacity: 1;

}





/* ======= Section style ======= */

.section-padding {

    padding: 80px 0;

}

.section-padding h6 {

    color: #5b9a42;

    font-size: 20px;

}

.section-subtitle {

    font-weight: 300;

    margin-bottom: 10px;

    color: #484848;

    font-size: 15px;

    display: flex;

    display: inline-flex;

    align-items: center;

    text-transform: uppercase;

}

.section-subtitle.text-white {

    color: #fff;

}

.section-subtitle .iconix {

    background-color: #341e14;

    margin-right: 10px;

    height: 50px;

    width: 50px;

    border-radius: 50%;

    color: #fff;

    font-size: 24px;

    text-align: center;

    vertical-align: middle;

    justify-content: center;

    align-items: center;

    display: flex;

    font-weight: normal;

}

.section-subtitle .iconix span {

    align-items: center;

    justify-content: center;

}

.section-subtitle .iconix img {

    width: 20px;

}

.section-title {

    font-size: 36px;

    font-family: "Playfair Display", serif;

    font-weight: 600;

    color: #000;

    position: relative;

    margin-bottom: 15px;

    line-height: 1.2em;

}

.section-title span {

    color: #5b9a42;

}



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

    .section-title {

        font-size: 32px;

    }

}





/* ======= Navbar style ======= */

.navbar {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    background: #fff;

    z-index: 99;

    padding-right: 0;

    padding-left: 0;

    padding-top: 0;

    padding-bottom: 0;

    min-height: 80px;

    border: none;

}



.navbar .container-fluid {

    padding-left: 60px;

    padding-right: 60px;

}



.navbar .container {

    border: none;

}

.nav-scroll .container {

    border: none;

}

.navbar-toggler-icon {

    background-image: none;

}

.navbar .navbar-toggler-icon,

.navbar .icon-bar {

    color: #000;

}

.navbar .navbar-nav .nav-link {

    font-family: "Playfair Display", serif;

    font-size: 17px;

    font-weight: 600;

    color: #000;

    margin: 0;

    -webkit-transition: all .4s;

    transition: all .4s;

    padding-right: 10px;

    padding-left: 10px;

}



.navbar .navbar-nav .nav-link.nav-color {

    color: #000;

}

.navbar .navbar-nav .nav-link:hover {

    color: #341e14 !important;

}

.navbar .navbar-nav .nav-link:hover i {

    color: #341e14 !important;

}

.navbar .navbar-nav .active {

    color: #341e14 !important;

}

.navbar .navbar-nav .active i {

    color: #341e14 !important;

}

.nav-scroll {

    background: #fff;

    padding: 0 0 0 0;

    position: fixed;

    top: -90px;

    left: 0;

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

    -webkit-transform: translateY(90px);

    transform: translateY(90px);

    border: none;

    -webkit-box-shadow: 0 10px 35px 0 rgba(0,0,0,.1);

    box-shadow: 0 10px 35px 0 rgba(0,0,0,.1);

    height: 90px;

}

.nav-scroll .navbar-toggler-icon,

.nav-scroll .icon-bar {

    color: #000;

}

.nav-scroll .navbar-nav .nav-link {

    color: #000;

}

.nav-scroll .navbar-nav .active {

    color: #341e14 !important;

}

/* logo */

.nav-scroll .logo-wrapper .logo-img {

    margin-bottom: 0px;

    width: 225px;

}

.nav-scroll .logo-wrapper {}

.nav-scroll .logo-wrapper .logo h2 {

    display: block;

    width: 100%;

    position: relative;

    margin-bottom: 0;

    padding: 0;

}

.nav-scroll .logo-wrapper .logo span {

    color: #000;

}

.logo-wrapper {

    float: left;

}

.logo-wrapper .logo {

    padding: 0;

}

.logo-wrapper .logo-img {

    width: 225px;

    text-align: center;

}

.logo-wrapper .logo h2 {

    font-family: "Playfair Display", serif;

    font-size: 27px;

    font-weight: 600;

    display: block;

    width: 100%;

    position: relative;

    color: #5b9a42;

    margin-bottom: 0;

    padding: 0;

}

.logo-wrapper .logo h2 span {

    color: #000;

    font-weight: 600;

}



.logo-wrapper .logo h2 i {

    font-size: 27px;

    background-color: #341e14;

    height: 50px;

    width: 50px;

    border-radius: 100%;

    color: #fff;

}

/* dropdown */

.dropdown .nav-link i {

    padding-left: 0px;

    font-size: 8px;

    color: #000;

}

.nav-scroll .dropdown .nav-link i {

    color: #000;

}

.nav-scroll .navbar-nav .active i {

    color: #341e14 !important;

}

.navbar .dropdown-menu .dropdown-item {

    padding: 8px 0;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    color: #000;

    position: relative;

    background-color: transparent;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

.navbar .dropdown-menu .dropdown-item span {

    display: block;

    cursor: pointer;

}

.navbar .dropdown-menu .dropdown-item i {

    padding: 13px 0 0 5px;

    font-size: 10px;

    float: right;

    color: #000;

}

.navbar .dropdown-menu .dropdown:hover > .dropdown-item,

.navbar .dropdown-menu .dropdown-item.active,

.navbar .dropdown-menu .dropdown-item:hover {

    color: #341e14 !important;

}

.navbar .dropdown-toggle::after {

    display: none;

}

.navbar .dropdown-menu {

    box-shadow: 0 45px 45px 0 rgba(0, 0, 0, .05);

}

.navbar .dropdown-menu li:last-child {

    border-bottom: none;

}

/* li hover */

.navbar .dropdown-menu li {

    position: relative;

    display: block;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    border-bottom: 1px dotted rgba(91,154,66,0.1);

}

.navbar .dropdown-menu li:hover {

    padding-left: 5px;

}

.navbar .dropdown-menu .dropdown-menu.pull-left {

    top: 0;

    left: auto;

    right: 100%;

}

/* navbar-right button */

.navbar .navbar-right {

    position: relative;

    display: flex;

    align-items: center;

}

.navbar .navbar-right .button {

position: relative;

    display: flex;

    align-items: center;

    z-index: 5;

    background: #341e14;

    border-radius: 30px;

    padding: 8px 24px;

    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;

    transform-style: preserve-3d;

    font-family: "Playfair Display", serif;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

}

.navbar .navbar-right .button i {

    font-size: 13px;

}

.navbar .navbar-right .button:hover {

    transform: translate3d(0px, -3px, 0.01px);

    background: #5b9a42;

}

/* Navbar Media Query */

@media screen and (min-width: 992px) {

    .navbar .dropdown-menu {

        display: block;

        opacity: 0;

        visibility: hidden;

        -webkit-transform: translateY(20px);

        transform: translateY(20px);

        width: 230px;

        padding: 20px 20px;

        border-radius: 10px;

        border: 0;

        background-color: #fff;

        -webkit-transition: all .3s;

        transition: all .3s;

    }

    .navbar .dropdown-menu .dropdown-menu {

        left: calc(100% + 5px);

        top: -17px;

        right: auto;

        min-width: 230px;

        transform: translateY(0);

    }

    .navbar .dropdown:hover > .dropdown-menu {

        opacity: 1;

        visibility: visible;

        transform: translateY(0);

    }

}

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

    .navbar {

        padding-left: 0px;

        padding-right: 0px;

        background: #fff;

        padding-top: 0px;

        padding-bottom: 0px;

        height: 100px;

        border: none;

    }

    .nav-scroll {

        background: #fff;

        height: 90px;

    }

    .logo-wrapper {

        float: left;

        padding: 21px 15px;

    }

    .nav-scroll .logo-wrapper {

        padding: 18px 15px;

        background-color: transparent;

    }

    .nav-scroll .logo-img {

        width: 130px;

    }

    .navbar .logo {

        text-align: left;

        margin-left: 0px;

    }

    .nav-scroll .logo {}

    .logo-img {

        margin-bottom: 0px;

        width: 130px;

        padding: 0;

    }

    .navbar button {

        margin-right: 0px;

        outline: none !important;

        background: transparent;

        margin-top: 10px;

        border: none;

    }

    .navbar button:hover {

        background: transparent;

    }

    .navbar button:active,

    .navbar button:focus,

    .navbar button:hover {

        background: transparent;

        outline: none;

        color: transparent !important;

    }

    .navbar .container {

        max-width: 100%;

        padding: 0;

    }

    .navbar .nav-link {

        margin: 0px auto !important;

    }

    .navbar .navbar-nav .nav-link {

        color: #000;

    }

    .nav-scroll .navbar-collapse .nav-link {

        color: #000 !important;

    }

    .nav-scroll .navbar-collapse .active {

        color: #341e14 !important;

    }

    .navbar .dropdown-menu .dropdown-item {

        color: #000;

        padding: 10px 15px;

        font-size: 17px;

    }

    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {}

    .navbar .dropdown-submenu .dropdown-toggle::after {

        right: 15px;

        font-size: 12px;

    }

    .navbar .dropdown-submenu:hover > .dropdown-toggle::after {

        transform: rotate(0deg);

    }

    .navbar .dropdown-submenu .dropdown-toggle.show::after {

        transform: rotate(90deg);

    }

    .navbar .dropdown-menu {

        border: none;

        padding: 0;

        border-radius: 0;

        margin: 0;

        background: #fff;

        box-shadow: none;

    }

    .navbar .dropdown-submenu .dropdown-menu {

        margin: 0;

        padding: 0 0 0 20px;

    }

    .navbar .dropdown-menu li a {

        padding: 0 15px;

    }

    .navbar .navbar-nav .nav-link {

        padding-right: 0px;

        padding-left: 0px;

    }

    .navbar .navbar-nav {

        padding: 20px;

    }

    .navbar .navbar-collapse {

        max-height: 500px;

        overflow: auto;

        background: #fff;

        text-align: left;

    }

    .dropdown .nav-link i {

        color: #000;

    }

    .nav-scroll .dropdown .nav-link i {

        color: #000;

    }

    .nav-scroll .dropdown .nav-link.active i {

        color: #341e14 !important;

    }

    .navbar .dropdown-menu .dropdown-item i {

        color: #000;

    }

    .navbar .navbar-right {

        display: none;

    }

}





/* ======= Header style ======= */

.header {

    min-height: calc(100vh - 100px);

    overflow: hidden;

}

.header .caption .o-hidden {

    display: inline-block;

}

.header .caption h1 {

    position: relative;

    margin-bottom: 20px;

    font-size: 40px;

    font-weight: 600;

    

    color: #000;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}

.header .caption h1 span {

    color: #e92524;

}

.header .caption p {

    font-size: 18px;

    line-height: 1.75em;

    margin-bottom: 0;

    color: #000;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}

.header .caption p span {

    color: #9AC532;

}

.header .caption .button-1 {

    -webkit-animation-delay: .8s;

    animation-delay: .8s;

}

.header .caption .button-2 {

    -webkit-animation-delay: .8s;

    animation-delay: .8s;

}



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

     .header {

        background-attachment: scroll !important;

        background-position: 50% 0% !important;

    }

    .header .caption h1 {

        font-size: 30px;

		margin-top: 20px;

    }

}





/* ======= Slider-fade style (Home Slider) ======= */

.slider-fade .owl-item {

    min-height: calc(100vh - 100px);

    position: relative;

}

.slider-fade .item {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-size: cover;

    background-position: center;

}

.slider-fade .item .caption {

    z-index: 9;

}

/* slider-fade .owl-nav */

.slider-fade .owl-nav {

    position: absolute;

    bottom: 7%;

    right: 12%;

}

.slider-fade .owl-prev {

    float: left;

}

.slider-fade .owl-next {

    float: right;

}

.slider-fade .owl-theme .owl-nav [class*=owl-] {

    width: 55px;

    height: 55px;

    line-height: 55px;

    background: #341e14;

    border-radius: 100%;

    color: #fff;

    font-size: 10px;

    margin-right: 3px;

    cursor: pointer;

    border: 1px solid #341e14;

    transition: all 0.2s ease-in-out;

    transform: scale(1.0);

}

.owl-theme .owl-nav [class*=owl-]:hover {

    transform: scale(0.9);

    background: #5b9a42;

    border: 1px solid #5b9a42;

    color: #fff;

}



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

	.mob{ display: none;}

}

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

    .slider-fade .owl-nav {

        display: none;

    }

}

/* owl-theme owl-dots */

.slider-fade .owl-theme .owl-dots {

    position: absolute;

    bottom: 1vh;

    width: 100%;

}

.slider-fade .owl-theme .owl-dots .owl-dot span {

    width: 16px;

    height: 16px;

    margin: 0 3px;

    border-radius: 50%;

    background: transparent;

    border: 1px solid #fff;

    

}

.slider-fade .owl-theme .owl-dots .owl-dot.active span,

.slider-fade .owl-theme .owl-dots .owl-dot:hover span {

    background: #5b9a42;

    border: 1px solid #5b9a42;

}

/* WhatsApp Line */

 div.whatsapp {

    -webkit-writing-mode: vertical-lr;

    -ms-writing-mode: tb-lr;

    writing-mode: vertical-lr;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    text-orientation: sideways;

    text-orientation: sideways;

    margin: 0;

    position: absolute;

    top: 0;

    right: 40px;

    height: 60%;

    z-index: 9;

}

 div.whatsapp .call {

    color: #fff;

    font-weight: 300;

    font-size: 15px;

    line-height: 1.75em;

    margin-top: 10px;

}

 div.whatsapp .call span {

    font-family: "Playfair Display", serif;

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    letter-spacing: 1;

}

 div.whatsapp .icon {

    position: absolute;

    left: -1px;

    top: -55px;

    width: 55px;

    height: 55px;

    background: #5b9a42;

    -webkit-animation: pulse 2s infinite;

    animation: pulse 2s infinite;

    border-radius: 100%;

}

 div.whatsapp a .icon i {

    color: #FFF;

    font-size: 24px;

    transform: rotate(90deg);

}

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

 div.whatsapp {

        display: none;

    }

}





/* ======= Slider style (Inner Page Slider) ======= */

.slider .owl-item {

    min-height: calc(100vh - 100px);

    position: relative;

}

.slider .item {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-size: cover;

    background-position: center;

}

.slider .item .caption {

    z-index: 9;

}

.slider .owl-theme .owl-dots {

    position: absolute;

    width: 100%;

    bottom: 3%;

    right: 12%;

    text-align: right;

}

.slider .owl-theme .owl-dots .owl-dot span {

    width: 13px;

    height: 13px;

    margin: 0 3px;

    border-radius: 50%;

    background: transparent;

    border: 1px solid #fff;

}

.slider .owl-theme .owl-dots .owl-dot.active span,

.slider .owl-theme .owl-dots .owl-dot:hover span {

    background: #fff;

    border: 1px solid #fff;

}

/* owl-theme owl-nav */

.slider .owl-prev {

    float: left;

}

.slider .owl-next {

    float: right;

}

.slider .owl-theme .owl-nav [class*=owl-] {

    width: 55px;

    height: 55px;

    line-height: 55px;

    background: #341e14;

    border-radius: 100%;

    color: #fff;

    font-size: 12px;

    margin-right: 30px;

    margin-left: 30px;

    cursor: pointer;

    border: 1px solid #341e14;

    transition: all 0.2s ease-in-out;

    transform: scale(1.0);

}

.slider .owl-theme .owl-nav [class*=owl-]:hover {

    transform: scale(0.9);

    background: #5b9a42;

    border: 1px solid #5b9a42;

    color: #fff;

}

.slider .owl-theme .owl-nav {

    position: absolute;

    bottom: 0;

    left: 50%;

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

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

    transform: translateX(-50%);

    width: 100%;

    top: 45% !important;

}

.slider .owl-theme .owl-nav [class*=owl-] {

    opacity: 0;

}

.slider .owl-theme:hover .owl-nav [class*=owl-] {

    opacity: 1;

}

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

    .slider .owl-theme .owl-nav {

        display: none;

    }

}





/* ===== Kenburns Slider style ===== */

.kenburns-section {

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    min-height: calc(100vh - 100px);

    position: relative;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.kenburns-section::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -5;

    background: #000;

}

.kenburns-inner {

    position: relative;

    z-index: 15;

}

.kenburns-inner .caption {

    position: relative;

}

.kenburns-inner .caption h1 {

    position: relative;

    margin-bottom: 20px;

    font-size: 90px;

    font-weight: 600;

    line-height: 1em;

    color: #fff;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}

.kenburns-inner .caption h1 span {

    color: #9AC532;

}

.kenburns-inner .caption p {

    font-size: 18px;

    line-height: 1.75em;

    margin-bottom: 0;

    color: #fff;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}

.kenburns-inner .caption p span {

    color: #9AC532;

}



#kenburnsSliderContainer .vegas-overlay {}



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

    .kenburns-inner .caption h1 {

        font-size: 45px;

    }

}



/* ======= Banner Header style ======= */

.banner-header {

    min-height: calc(50vh - 100px);

    background-position: center;

}

.banner-header.middle-height {

    min-height: calc(75vh - 100px);

}

.banner-header.full-height {

    min-height: calc(100vh - 100px);

}

.banner-header.full-height h1 {

    position: relative;

    margin-bottom: 20px;

    font-size: 80px;

    font-weight: 600;

    line-height: 1em;

    color: #fff;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}

.banner-header.full-height h1 span {

    color: #9AC532;

}

.banner-header.full-height p {

    font-size: 18px;

    line-height: 1.75em;

    margin-bottom: 0;

    color: #fff;

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}

.banner-header.full-height p span {

    color: #9AC532;

}

.banner-header h3 {

    position: relative;

    margin-bottom: 20px;

    font-size: 45px;

    font-weight: 600;

    line-height: 1em;

    color: #fff;

}

.banner-header h3 span {

    color: #9AC532;

}

/* author & date */

.banner-header .author .avatar {

    width: 30px;

    height: 30px;

    overflow: hidden;

    border-radius: 50%;

    margin-right: 5px;

    padding: 2px;

    border: 1px solid #9AC532;

}

.banner-header .post {

    margin-top: 20px;

}

.banner-header .post div {

    display: inline-block;

}

.banner-header .post .author {

    margin-right: 15px;

    font-size: 15px;

}

.banner-header .post .date-comment {

    position: relative;

    font-size: 15px;

    color: #fff;

    margin-right: 15px

}

.banner-header .post .date-comment i {

    color: #9AC532;

    font-size: 17px;

    margin-right: 5px;

}

.banner-header .post .date-comment:last-of-type {

    margin-right: 0px;

}



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

    .banner-header.middle-height {

        min-height: calc(50vh - 100px);

    }

    .banner-header.full-height h1 {

        font-size: 45px;

    }

    .banner-header h3 {

        font-size: 36px;

    }

}





/* =======  Video Background style  ======= */

.video-fullscreen-wrap {

    position: relative;

    min-height: calc(100vh - 100px);

    overflow: hidden;

}

.video-fullscreen-video {

    height: calc(100vh - 100px);

}

.video-fullscreen-wrap video {

    width: 100vw;

    min-width: 100%;

    height: calc(100vh - 100px);

    -o-object-fit: cover;

    object-fit: cover;

}

.video-fullscreen-wrap .video-fullscreen-inner {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.video-lauch-wrapper {

    border: none;

    background: none;

    width: 100%;

    padding: 0;

}

.video-fullscreen-wrap .overlay {

    opacity: 1;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    box-sizing: border-box;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 4;

}





/* ======= About style ======= */

.about {

    position: relative;

}

/* icons */

.about .icon {

    color: #5b9a42;

    font-size: 60px;

    line-height: 60px;

    text-align: center;

    font-weight: normal;

    font-style: normal;

}

.about .icon h5 {

    font-size: 17px;

    text-align: center;

    color: #000;

    margin-bottom: 0;

    margin-top: 10px;

}

/* img and text */

.about .item {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    isolation: isolate;

}

.about .item img {

    width: 100%;

    transform: scale(1);

    transition: transform 500ms ease;

    border-radius: 10px;

}

.about .item:hover img {

    transform: scale(1.05);

}

.about .item .float-box {

    padding: 20px;

    border-radius: 10px;

    background-color: #341e14;

    align-items: center;

    -webkit-box-shadow: 0 0 15px rgba(92, 77, 145, .08);

    box-shadow: 0 0 15px rgba(92, 77, 145, .08);

    -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1);

    transition: all 350ms cubic-bezier(.37, 0, .63, 1);

    position: absolute;

    z-index: 1;

    bottom: 30px;

    left: 30px;

}

.about .item .float-box .icon {

    font-size: 40px;

    line-height: 40px;

    color: #fff;

    margin-bottom: 0;

    font-weight: normal;

    font-style: normal;

}

.about .item .float-box .title {

    font-weight: 300;

    color: #fff;

    margin-left: 20px;

    line-height: 1.5em;

    display: grid;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    text-align: end;

}

.about .item .float-box .title span {

    font-weight: 600;

    color: #fff;

    font-family: "Playfair Display", serif;

    font-size: 20px;

}

.about .item .float-box.animation-float {

    animation: float 2000ms linear 500ms infinite alternate both;

}

@keyframes float {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(15px);

    }

    100% {

        transform: translateY(30px);

    }

}

.about .item .float-box.animation-float-small {

    animation: float 2000ms linear 500ms infinite alternate both;

}

@keyframes float {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(5px);

    }

    100% {

        transform: translateY(10px);

    }

}





/* ======= Team style ======= */

.team {

    position: relative;

    overflow: hidden;

}

.team .team-container {

    width: 140%;

    position: relative;

}

.team .item {

    position: relative;

    margin-bottom: 30px;

}

.team .item .wrapper {

    position: relative;

    overflow: hidden;

    border-radius: 20px 20px 0 20px;

    isolation: isolate;

}

.team .item .wrapper img {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 20px 20px 0 20px;

    width: 100%;

    transform: scale(1);

    transition: transform 500ms ease;

}

.team .item:hover .wrapper .img img {

    transform: scale(1.05);

    overflow: hidden;

}

.team .item .text {

    padding: 20px;

}

.team .item .text .title {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    font-family: "Playfair Display", serif;

}

.team .item .text .subtitle {

    font-size: 17px;

    color: #484848;

}

/* icon */

.team .item .wrapper .icon {

    position: absolute;

    bottom: -6px;

    right: -6px;

    width: 90px;

    height: 90px;

    background: #fff;

    border-top-left-radius: 50%;

    padding: 15px;

}



.team .item:hover .wrapper .icon .arrow {

    transform: scale(1.05);

}

.team .item .wrapper .icon::before {

    position: absolute;

    content: "";

    bottom: 6px;

    left: -20px;

    background: transparent;

    width: 20px;

    height: 20px;

    border-bottom-right-radius: 20px;

    box-shadow: 6px 6px 0 6px #fff;

}

.team .item .wrapper .icon::after {

    position: absolute;

    content: "";

    top: -20px;

    right: 6px;

    background: transparent;

    width: 20px;

    height: 20px;

    border-bottom-right-radius: 20px;

    box-shadow: 6px 6px 0 6px #fff;

}

.team .item .wrapper .icon .arrow {

    position: absolute;

    inset: 15px;

    background: #341e14;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: 0.3s;

    width: 60px;

    height: 60px;

    line-height: 60px;

}



.team .item .wrapper .icon .arrow span {

    color: #fff;

    font-size: 15px;

}

.team .item:hover .wrapper .icon .arrow {

    color: #fff;

    background: #5b9a42;

}

.team .item:hover .wrapper .icon .arrow span {

    color: #fff;

}

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

    .team .team-container {

        width: 100%;

    }

}





/* ======= Team-Single style ======= */

.team-single {

    position: relative;

}

.team-single h3 {

    font-size: 24px;

    color: #000;

    margin-bottom: 10px;

}

.team-single h6 {

    font-family: 'Outfit', sans-serif;

    font-size: 17px;

    color: #341e14;

    font-weight: 300;

}

.team-single .item {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 30px;

    isolation: isolate;

}

.team-single .item .img img {

    width: 100%;

    transform: scale(1);

    transition: transform 500ms ease;

}

.team-single .item:hover .img img {

    transform: scale(1.05);

}

/* list */

.team-single .list {

    position: relative;

    display: block;

}

.team-single .list li {

    position: relative;

    display: flex;

    align-items: baseline;

}

.team-single .list li + li {

    margin-top: 10px;

}

.team-single .list-icon {}

.team-single .list-icon span {

    font-size: 15px;

    color: #341e14;

}

.team-single .list-text {

    margin-left: 15px;

}

.team-single .list-text p {

    font-size: 17px;

    margin: 0;

    color: #484848;

}

/* tabs */

.team-single .cont .simpl-bord.nav-tabs {

    padding-bottom: 15px;

    margin-bottom: 20px;

    border-bottom: 1px solid #ff7900;

}

.team-single .cont .simpl-bord .nav-item {

    margin-right: 30px;

}

.team-single .cont .simpl-bord .nav-item:last-of-type {

    margin-right: 0;

}

.team-single .cont .simpl-bord .nav-link {

    padding: 0;

    border: 0;

    color: inherit;

    background: transparent !important;

    cursor: pointer;

    font-family: "Playfair Display", serif;

    color: #000;

    font-size: 20px;

}

.team-single .cont .simpl-bord .nav-link.active {

    color: #ff7900;

}

.team-single .tab-content p {

    color: #484848;

}





/* ======= Accommodation style ======= */

.accommodation {

    position: relative;

    overflow: hidden;

}

.accommodation .accommodation-carousel {

    position: relative;

    display: block;

    max-width: 800px;

    margin: 0 auto;

}

.accommodation .accommodation-carousel.owl-carousel .owl-stage-outer {

    overflow: visible;

    padding: 0px 0px 0px;

}

.accommodation .item {

    position: relative;

    display: block;

    margin-bottom: 15px;

}

.accommodation .item .img {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 1;

    border-radius: 10px;

    width: 100%;

    transform: scale(1);

    transition: transform 500ms ease;

}

.accommodation .item:hover img {

    transform: scale(1.05);

}

.accommodation .item .con {

    position: relative;

    display: block;

    background-color: #fff;

    padding: 30px 20px;

    margin-top: -60px;

    margin-left: 15px;

    margin-right: 15px;

    overflow: hidden;

    transition: all 500ms ease;

    z-index: 2;

    visibility: visible;

    opacity: 0;

    border-radius: 10px;

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);

}

.accommodation .item .con.opacity-1 {

    opacity: 0;

}

.accommodation .item .con.active {

    visibility: visible;

    opacity: 1;

}

.accommodation .item .con .title,

.accommodation .item .con .title a {

    font-family: "Playfair Display", serif;

    font-size: 20px;

    margin-bottom: 5px;

    color: #000;

    font-weight: 600;

    line-height: 1.2em;

    transition: all 500ms ease;

}

.accommodation .item .con .details {}

.accommodation .item .con .details i {

    font-size: 19px;

    color: #5b9a42;

    font-style: normal;

    margin-right: 9px;

    font-weight: normal;

}

/* book */

.accommodation .item .con .book {

    text-align: -webkit-right;

    margin-top: 7px;

}

.accommodation .item .con .book .btn {

    margin: 0;

    background: #341e14;

    padding: 14px 40px;

    color: #fff;

    border: 1px solid #341e14;

    border-radius: 30px;

    font-family: "Playfair Display", serif;

    font-weight: 600;

    font-size: 17px;

}

.accommodation .item .con .book .btn:hover {

    background: #5b9a42;

    border: 1px solid #5b9a42;

    color: #fff;

}

.accommodation .item .con .book > div {

    display: table-cell;

    vertical-align: middle;

}

.accommodation .item .con .book > div:nth-child(2) {

    padding-left: 15px;

    padding-right: 0;

    font-size: 14px;

    line-height: 1.2em;

}

.accommodation .item .con .book > div > span {

    display: block;

    margin-bottom: 0;

    font-size: 14px;

    color: #555;

}

.accommodation .item .con .book .price {

    font-family: "Playfair Display", serif;

    font-size: 24px;

    line-height: 1.2em;

    color: #000;

    font-weight: 600;

}

.owl-item.active .item .con {

    visibility: visible;

    opacity: 1;

}

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

    .accommodation .item .con {

        padding: 30px 20px;

        margin: 0;

    }

    .order2 {

        -webkit-box-ordinal-group: 3 !important;

        -ms-flex-order: 2 !important;

        order: 2 !important;

    }

    .order1 {

        -webkit-box-ordinal-group: 2 !important;

        -ms-flex-order: 1 !important;

        order: 1 !important;

    }

    .accommodation .item .con .book {

        text-align: left;

        margin-top: 3px;

    }

    .accommodation-carousel {

        overflow: hidden;

    }

}



/* ======= Accommodation Box style ======= */

.accommodation-box {

    position: relative;

}

.accommodation-box .item {

    text-align: center;

    margin-top: 20px;

	border: solid 1px #ddd;

    transition: all 0.4s ease;

    padding:10px;

    min-height: 170px;

	 -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

	background: #fff;

}



.accommodation-box .item h4{

	font-size: 17px;

	padding-top: 15px;

}



.accommodation-box .item a{

	background: #341e14; padding: 8px 15px; color: #fff; display: inline-block; margin-bottom: 10px; border-radius: 30px;

}



.accommodation-box .item:hover {

    background: #fff;

    transform: translateY(-10px);

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.accommodation-box .item .icon {

    color: #5b9a42;

    margin-right: 30px;

}

.accommodation-box .item .icon:before {

    font-size: 60px;

    line-height: 60px;

}

.accommodation-box .item h5 {

    font-size: 20px;

}

.accommodation-box .item p {

    font-size: 17px;

    margin-bottom: 0;

}





/* ======= Activities 1 style ======= */

.activities1 {

    position: relative;

}

.activities1 .item {

    position: relative;

    border-radius: 10px 10px 0 10px;

    z-index: 2;

    margin-bottom: 30px;

    overflow: hidden;

    transition: all 0.4s ease;

}

.activities1 .item:hover {

    transform: translateY(-10px);

}

.activities1 .item img {

    border-radius: 10px 10px 0 0;

}

.activities1 .item .cont {

    position: relative;

    padding: 30px 30px 90px 30px;

    border-radius: 0px 0px 0 20px;

    background: #fff;

    z-index: 2;

}

.activities1 .item .cont .text h5 {

    color: #000;

    font-size: 20px;

    margin-bottom: 15px;

}

.activities1 .item .cont .text p {

    margin-bottom: 0;

    color: #484848;

}

/* icon */

.activities1 .item .cont .icon {

    position: absolute;

    bottom: -6px;

    right: -6px;

    width: 90px;

    height: 90px;

    background: #f3f5f4;

    border-top-left-radius: 50%;

    padding: 15px;

}

.activities1 .item:hover .cont .icon .arrow {

    transform: scale(1.05);

}

.activities1 .item .cont .icon::before {

    position: absolute;

    content: "";

    bottom: 6px;

    left: -20px;

    background: transparent;

    width: 20px;

    height: 20px;

    border-bottom-right-radius: 20px;

    box-shadow: 6px 6px 0 6px #f3f5f4;

}

.activities1 .item .cont .icon::after {

    position: absolute;

    content: "";

    top: -20px;

    right: 6px;

    background: transparent;

    width: 20px;

    height: 20px;

    border-bottom-right-radius: 20px;

    box-shadow: 6px 6px 0 6px #f3f5f4;

}

.activities1 .item .cont .icon .arrow {

    position: absolute;

    inset: 15px;

    background: #5b9a42;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: 0.3s;

    width: 60px;

    height: 60px;

    line-height: 60px;

}

.activities1 .item .cont .icon .arrow span {

    font-size: 15px;

}

.activities1 .item:hover .cont .icon .arrow {

    color: #fff;

    background: #341e14;

}

.activities1 .item .cont .icon .icon-w {

    overflow: hidden;

    background-color: transparent;

    color: #fff;

    font-style: normal;

    font-weight: normal;

    font-size: 27px;

}

.activities1 .item:hover .cont .icon .icon-w i.icon-show,

.activities1 .item .cont .icon .icon-w i.icon-hidden {

    display: none;

}

.activities1 .item:hover .cont .icon .icon-w i.icon-hidden {

    display: inline;

    text-align: center;

    color: #fff;

    font-size: 15px;

    vertical-align: middle;

}





/* ======= Activities 2 style ======= */

.activities2 {

    position: relative;

}

.activities2 .activities2-container {

    width: 140%;

    position: relative;

}

.activities2 .item {

    background: #fff;

    padding: 60px 25px;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

    z-index: 1;

    margin-bottom: 25px;

    line-height: 1;

    border-radius: 10px;

    transition: all 0.4s ease;

    text-align: center;

    overflow: hidden;

}

.activities2 .item:hover {

    transform: translateY(-10px);

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

}

.activities2 .item h5 {

    font-size: 20px;

    color: #000;

    margin-bottom: 15px;

}

.activities2 .item:hover h5 {

    color: #000;

    -webkit-transition: .5s;

    transition: .5s;

}

.activities2 .item span {

    font-size: 32px;

    color: #fff;

    line-height: 1;

    margin-bottom: 15px;

    display: inline-block;

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: 100%;

    background: #341e14;

    width: 70px;

    height: 70px;

    line-height: 70px;

}

.activities2 .item:hover span {

    background: #5b9a42;

    color: #fff;

}

.activities2 .item p {

    margin: 0;

    color: #484848;

}

.activities2 .item .facility-shape {

    position: absolute;

    opacity: 0.03;

    z-index: -1;

    bottom: -35px;

    left: 170px;

    font-weight: normal;

}

.activities2 .item .facility-shape span {

    font-size: 120px;

    color: #000;

    background: transparent;

}



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

    .activities2 .activities2-container {

        width: 100%;

    }

}



/* ======= Amenities style ======= */

.amenities {

    position: relative;

}

.amenities .item {

    padding: 40px 30px;

    border-radius: 10px;

    position: relative;

    overflow: hidden;

    background-color: #fff;

    margin: 0 0 25px 0;

    transition: all 0.4s ease;

}

.amenities .item:hover {

    transform: translateY(-10px);

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.amenities .item span {

    font-size: 36px;

    color: #fff;

    line-height: 1;

    margin-bottom: 0;

    display: inline-block;

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: 100%;

    background: #341e14;

    width: 80px;

    height: 80px;

    line-height: 80px;

    overflow: hidden;

    float: left;

    text-align: center;

}

.amenities .item .info {

    margin-left: 105px;

}

.amenities .item .info p {

    margin-bottom: 0px;

    line-height: 1.5em;

}

.amenities .item .info .title {

    position: relative;

    display: contents;

    font-family: "Playfair Display", serif;

    font-weight: 600;

    font-size: 20px;

    color: #000;

    margin-bottom: 10px;

}





/* ======= Events style ======= */

.events {

    position: relative;

}

.events .img {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    isolation: isolate;

}

.events .img:hover img {

    -webkit-filter: none;

    filter: none;

    -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

}

.events .img img {

    -webkit-transition: all .5s;

    transition: all .5s;

}

.events .item {

    width: 100%;

    padding: 40px;

}

.events .item h5 {

    font-size: 15px;

    color: #341e14;

    margin-bottom: 5px;

    font-family: 'Outfit', sans-serif;

    font-weight: 300;

}

.events .item h4 {

    font-size: 27px;

    color: #000;

    line-height: 1.5em;

}

.events .item p {

    color: #484848;

}

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

    .order2 {

        -webkit-box-ordinal-group: 3 !important;

        -ms-flex-order: 2 !important;

        order: 2 !important;

    }

    .order1 {

        -webkit-box-ordinal-group: 2 !important;

        -ms-flex-order: 1 !important;

        order: 1 !important;

    }

}





/* ======= Events Details style ======= */

.events-details {

    position: relative;

}

.events-details h3 {

    color: #000;

    font-size: 24px;

    margin-bottom: 20px;

}

.events-details .sidebar-event {

    position: relative;

    display: block;

    padding: 0;

    background: #f3f5f4;

    border-radius: 10px;

    margin-top: -228.5px;

    z-index: 9;

}

.events-details .sidebar-event .title {

    position: relative;

    background-color: #5b9a42;

    padding: 40px 30px;

    border-radius: 10px 10px 0 0;

    text-align: center;

}

.events-details .sidebar-event .title h4 {

    font-size: 24px;

    line-height: 1.2em;

    color: #fff;

    margin: 0;

}

.events-details .sidebar-event .item {

    padding: 30px 30px 40px 30px;

}

.events-details .sidebar-event .item .features {

    padding: 15px 0;

    display: grid;

    grid-template-columns: 50% 50%;

    border: none;

    border-bottom: 1px solid rgba(91, 154, 66, 0.1);

}

.events-details .sidebar-event .item .features span {

    color: #000;

    font-family: "Playfair Display", serif;

    font-size: 17px;

    position: relative;

    display: inline-flex;

    align-items: center;

}

.events-details .sidebar-event .item .features span i {

    color: #fff;

    margin-right: 10px;

    font-size: 15px;

    width: 45px;

    height: 45px;

    line-height: 45px;

    background: #341e14;

    border-radius: 100%;

    text-align: center;

}

.events-details .sidebar-event .item .features p {

    margin-bottom: 0px;

    color: #484848;

    text-align: right;

}

.events-details .sidebar-event .item .features p b {

    font-family: "Playfair Display", serif;

    font-size: 17px;

    font-weight: 600;

    color: #000;

}

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

    .events-details .sidebar-event {

        margin-top: 30px;

    }

}





/* ======= Details Page style ======= */

.details-page {

    position: relative;

}

.details-page h3 {

     color: #000;

     font-size: 24px;

     margin-bottom: 25px;

 }

.details-page .sidebar {

     position: relative;

     display: block;

     padding: 0;

     background: #fff;

     border-radius: 10px;

     margin-top: -228px;

     z-index: 9;

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.details-page .sidebar .title {

     position: relative;

     background-color: #5b9a42;

     padding: 40px 30px;

     border-radius: 10px 10px 0 0;

     text-align: center;

 }

.details-page .sidebar .title h4 {

     font-size: 24px;

     line-height: 1.2em;

     color: #fff;

     margin: 0;

 }

.details-page .sidebar .item {

     padding: 40px;

 }

.details-page .sidebar .item .features {

     grid-template-columns: 87% 13%;

     border-radius: 0;

     padding: 10px 0;

     margin-bottom: 0;

     border-bottom: 1px solid rgba(91, 154, 66, 0.1);

     display: grid;

     align-items: center;

 }

.details-page .sidebar .item .features:last-child {

     border: none;

 }

.details-page .sidebar .item .features span {

     color: #000;

     font-family: "Playfair Display", serif;

     font-weight: 600;

     font-size: 17px;

 }

.details-page .sidebar .item .features i {

     color: #000;

     font-size: 12px;

     width: 40px;

     height: 40px;

     line-height: 40px;

     background: #fff;

     border-radius: 100%;

     text-align: center;

     transform: rotate(0);

     -webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

     transition: all 0.5s linear;

 }

.details-page .sidebar .item .features:hover i {

     -webkit-transform: rotate(45deg);

     transform: rotate(45deg);

     -webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

     transition: all 0.5s linear;

 }

.details-page .sidebar .item .features p {

     margin-bottom: 0px;

     color: #000;

     text-align: right;

 }

.details-page .sidebar .item .features:hover i,

.details-page .sidebar .item .features.active i {

     -webkit-transform: rotate(45deg);

     transform: rotate(45deg);

     -webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

     transition: all 0.5s linear;

 }

.details-page .sidebar .item .features:hover,

.details-page .sidebar .item .features.active {

     color: #341e14;

     -webkit-transition: all 0.2s linear;

     -o-transition: all 0.2s linear;

     transition: all 0.2s linear;

 }

.details-page .sidebar .item .features:hover i,

.details-page .sidebar .item .features.active i {

     color: #fff;

     background: #341e14;

 }

.details-page .sidebar .item .features:hover span,

.details-page .sidebar .item .features.active span {

     color: #341e14;

 }

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

    .details-page .sidebar {

         margin-top: 30px;

     }

 }



 /* ======= Pricing style ======= */

.pricing {

     outline: none;

     outline: 0;

     border: none;

     box-shadow: none;

 }

.pricing .img {

     position: relative;

     overflow: hidden;

     border-radius: 10px;

    isolation: isolate;

 }

.pricing .img:hover img {

     -webkit-filter: none;

     filter: none;

     -webkit-transform: scale(1.09, 1.09);

     transform: scale(1.09, 1.09);

     -webkit-transition: all 1s ease;

     -moz-transition: all 1s ease;

     -o-transition: all 1s ease;

     -ms-transition: all 1s ease;

     transition: all 1s ease;

 }

.pricing .img img {

     -webkit-transition: all .5s;

     transition: all .5s;

 }

.pricing .img .centered {

     position: absolute;

     top: 50%;

     left: 50%;

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

 }

.pricing .img .centered h2 {

     color: #fff;

     font-size: 27px;

     margin-bottom: 0;

 }

.pricing .item {}

.pricing .item span {

    font-size: 27px;

    color: #fff;

    line-height: 1;

    margin-bottom: 0;

    display: inline-block;

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: 100%;

    background: #341e14;

    width: 60px;

    height: 60px;

    line-height: 60px;

    overflow: hidden;

    float: left;

    text-align: center;

    margin-right: 15px;

 }

.pricing .item .flex {

     display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     outline: none;

 }

.pricing .item .flex .title {

     -ms-flex-negative: 0;

     flex-shrink: 0;

     color: #000;

     font-family: "Playfair Display", serif;

     font-size: 17px;

     font-weight: 600;

 }

.pricing .item .flex .dots {

     flex-grow: 1;

     position: relative;

     margin: 0 20px;

 }

.pricing .item .flex .dots:after {

     content: '';

     position: absolute;

     top: 70%;

     left: 0;

     width: 100%;

     border-bottom: 1px dashed #c9d4c5;

 }

.pricing .item .flex .price {

     margin-left: auto;

     font-family: "Playfair Display", serif;

     font-size: 17px;

     color: #000;

     font-weight: 600;

 }





/* ======= Clients style ======= */

.clients {

    background-color: #5b9a42;

}

.clients .owl-carousel {

    margin: 20px 0;

}

.clients .logo {

    opacity: 1;

    line-height: 0;

    padding: 20px 0;

    text-align: center;

}

.clients .logo:hover {

    opacity: 1;

}

.clients img {

    -webkit-filter: none;

    filter: none;

    height: 35px;

}





/* =======  Image Gallery style  ======= */

.gallery-filter {

    width: 100%;

    padding-bottom: 30px;

    padding-left: 0px;

    position: relative;

}

.gallery-filter li {

    font-family: "Playfair Display", serif;

    font-size: 20px;

    font-weight: 600;

    margin-right: 15px;

    display: inline-block;

    cursor: pointer;

    color: #000;

}

.gallery-filter li:last-child {

    margin-right: 0;

}

.gallery-filter li.active {

    color: #341e14;

    content: "";

    left: 0;

    bottom: -4px;

    border-bottom: 2px solid #341e14;

    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);

    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);

    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);

}

.gallery-filter li:hover {

    color: #341e14;

}

.gallery-item-inner {

    position: relative;

    display: inline-block;

    width: 100%;

    vertical-align: middle;

    -webkit-background-size: cover;

    background-size: cover;

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

    -webkit-transition: all 1.25s cubic-bezier(.01, .71, .26, .94);

    -moz-transition: all 1.25s cubic-bezier(.01, .71, .26, .94);

    transition: all 1.25s cubic-bezier(.01, .71, .26, .94);

    border-radius: 7px;

}

.gallery-box {

    overflow: hidden;

    position: relative;

    display: flex;

    flex-direction: column;

    cursor: pointer;

    border-radius: 10px;

    isolation: isolate;

}

.gallery-box .gallery-img {

    position: relative;

    overflow: hidden;

    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);

	background: #f1f1f1;

	padding: 5px;

}

.gallery-box .gallery-img:after {

    content: " ";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);

    overflow: hidden;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.gallery-box .gallery-img > img {

    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);

    border-radius: 0;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.gallery-box:hover .gallery-img > img {

    -webkit-filter: none;

    filter: none;

    -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

}

.gallery-box .gallery-detail {

    position: absolute;

    opacity: 0;

    transform: translateX(-20px);

    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);

    padding: 30px 20px;

    bottom: 0;

}

.gallery-box .gallery-detail h4 {

    font-size: 20px;

    color: #fff;

    margin-bottom: 0;

}

.gallery-box .gallery-detail p {

    color: #fff;

    margin-bottom: 0;

}

.gallery-box:hover .gallery-detail {

    opacity: 1;

    transform: translateX(0px);

}

/* magnific popup custom */

.mfp-counter {

    display: none;

}

.mfp-figure button {

    border: 0px solid transparent;

}

button.mfp-close,

button.mfp-arrow {

    border: 0px solid transparent;

    background: transparent;

}

.mfp-bg,

body.mfp-zoom-out-cur {

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

    height: 100% !important;

}





/* ======= Video Gallery style ======= */

.vid-icon {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    isolation: isolate;

}

.vid-icon:hover img {

    -webkit-filter: none;

    filter: none;

    -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

}

.video-gallery-button {

    position: relative;

    margin: auto;

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    z-index: 4;

    margin-right: 20px;

    float: left;

}

.video-gallery-polygon {

    z-index: 2;

    padding-right: 5px;

    display: inline-block;

    position: absolute;

    bottom: 20px;

    left: 20px;

    background: #341e14;

    border-radius: 50%;

    color: #fff;

    padding: 12px 11px 12px 13px;

    line-height: 0;

    box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 10%);

}

.video-gallery-polygon:hover {

    background: #9AC532;

    color: #fff;

}

.video-gallery-polygon {

    font-size: 20px;

    ;

}

.video-gallery {

    position: relative;

}

.video-gallery .item {

    position: relative;

    border-radius: 20px 20px 20px 0;

    overflow: hidden;

    margin-bottom: 30px;

}

.video-gallery .item img {

    width: 100%

    transform: scale(1);

    transition: transform 500ms ease;

}

.video-gallery .item:hover img {

    transform: scale(1.05);

}

.video-gallery .item .title {

    position: absolute;

    top: 0px;

    padding: 30px;

}

.video-gallery .item .title h4 {

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

}

.video-gallery .item .curv-butn {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 90px;

    height: 90px;

    line-height: 90px;

    text-align: center;

    border-radius: 0 40px 0 0;

}

.video-gallery .item .curv-butn.icon-bg {

    background: #fff !important;

}

.video-gallery .item .curv-butn .vid {

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border-radius: 100%;

    background: transparent;

    color: #fff;

}

.video-gallery .item .curv-butn .br-left-top {

    position: absolute;

    top: -24px;

    left: -1px;

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg);

    line-height: 1;

}

.video-gallery .item .curv-butn .br-left-top svg {

    width: 24px;

    height: 24px;

}

.video-gallery .item .curv-butn .br-right-bottom {

    position: absolute;

    bottom: -1px;

    right: -24px;

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg);

    line-height: 1;

}

.video-gallery .item .curv-butn .br-right-bottom svg {

    width: 24px;

    height: 24px;

}

.video-gallery .item .curv-butn .icon {

    width: 60px;

    height: 60px;

    font-size: 20px;

    ;

    color: #fff;

    border: 1px solid #341e14;

    background-color: #341e14;

    border-radius: 100%;

    line-height: 60px;

}

.video-gallery .item:hover .curv-butn .icon {

    background-color: #9AC532;

    border: 1px solid #9AC532;

    color: #fff;

    border-radius: 100%;

}





/* ======= Video Popup style ======= */

.play-button {

    position: relative;

    margin: auto;

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    z-index: 4;

}

.play-button svg {

    position: absolute;

    width: 100%;

    height: 100%;

}

.polygon {

    position: absolute;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 90px;

    font-size: 27px;

    z-index: 2;

}

.play-button svg.circle-fill {

    z-index: 1;

    stroke-dasharray: 322;

    stroke-dashoffset: 322;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

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

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

    transform: rotate(-90deg);

}

.play-button:hover svg.circle-fill {

    stroke-dashoffset: 38.5;

}

.play-button svg.circle-track {

    z-index: 0;

}

.video-wrapper {}

.video-wrapper .vid {

    position: relative;

    z-index: 8;

}

.video-wrapper .vid .vid-button:hover .icon {

    color: #fff;

}

.video-wrapper .vid .vid-button:hover .icon:before {

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}

.video-wrapper .vid .vid-button .icon {

    color: #fff;

    width: 100px!important;

    height: 100px!important;

    border: none;

    border-radius: 50%;

    line-height: 100px;

    text-align: center;

    font-size: 32px;

    position: relative;

    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;

    transform-style: preserve-3d;

}

.video-wrapper .vid .vid-button .icon:after {

    content: '';

    position: absolute;

    top: 5px;

    bottom: 5px;

    right: 5px;

    left: 5px;

    border: 2px solid #9AC532;

    border-radius: 50%;

    z-index: -1;

}

.video-wrapper .vid .vid-button .icon:before {

    content: '';

    position: absolute;

    top: 5px;

    bottom: 5px;

    right: 5px;

    left: 5px;

    background: transparent;

    border-radius: 50%;

    z-index: -1;

    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);

    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);

    transition: all 0.5s cubic-bezier(1, 0, 0, 1);

}

.video-wrapper .vid .vid-button:hover .icon:after {

    border: 3px solid #fff;

}





/* ======= Testimonials style ======= */

.testimonials .item {

    position: relative;

    background: transparent;

}

.testimonials .item h5 {

    color: #fff;

    font-size: 24px;

    margin-bottom: 15px;

}

.testimonials .item p {

    color: #fff;

    font-weight: 300;

    line-height: 1.5em;

}

.testimonials .item .who {

    margin: 0;

}

.testimonials .item .who img {

    border-radius: 100%;

}

.testimonials .item .who .img {

    width: 70px;

    height: 70px;

    border-radius: 100%;

    overflow: hidden;

    margin: 0 auto;

    padding: 3px;

    border: 2px solid #9AC532;

}

.testimonials .item .who h6 {

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    margin-bottom: 0px;

    padding-top: 10px;

    color: #fff;

    line-height: 1em;

}





/* ======= FAQs style ======= */

.faqs {

    position: relative;

    padding: 0px;

}

.faqs .item {

    position: relative;

    background: #fff;

    overflow: hidden;

    margin-bottom: 20px;

    border-radius: 20px;

    border: 1px solid rgba(91,154,66,0.3);

}

.faqs .item.active-block {

    border-radius: 20px;

}

.faqs .item:last-child {

    margin-bottom: 0;

}

.faqs .item .title {

    position: relative;

    font-family: "Playfair Display", serif;

    font-size: 17px;

    line-height: 17px;

    font-weight: 600;

    cursor: pointer;

    padding: 30px 30px;

    padding-right: 80px;

    color: #000;

    transition: all 500ms ease;

}

.faqs .item .title:before {

    position: absolute;

    right: 25px;

    top: 15px;

    font-size: 13px;

    color: #fff;

    content: "\e628";

    font-family: "themify";

    transition: all 500ms ease;

    background: #341e14;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 50%;

}

.faqs .item .title.active {

    background-color: #341e14;

    color: #fff;

}



.faqs .item .title.active:before {

    color: #000;

    font-family: "themify";

    content: "\e62a";

    background: #fff;

}



.faqs .item .cont {

    position: relative;

    display: none;

    padding: 30px;

    border-radius: 0px 0px 20px 20px;

}

.faqs .item .cont.current {

    display: block;

}

.faqs .item .cont .text {

    display: block;

    position: relative;

    top: 0px;

}



/* ======= Blog Style ======= */

.blog {

    position: relative;

}

.blog .item {

    position: relative;

    border-radius: 10px;

    transition: all 0.4s ease;

    margin-bottom: 30px;

}

.blog .item:hover {

    transform: translateY(-10px);

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.blog .item .img {

    overflow: hidden;

    border-radius: 10px 10px 0 0;

}

.blog .item .box {

    padding: 0;

}

.blog .item .cont {

    padding: 30px;

    background: #fff;

    position: relative;

    z-index: 2;

    border-radius: 0 0 10px 10px;

}

.blog .item .cont .date {

    padding: 2px 20px;

    border: 1px solid #f3f5f4;

    border-radius: 30px;

    font-size: 12px;

    color: #484848;

    margin-bottom: 15px;

    background: #f3f5f4;

}

.blog .item .cont .date i {

    color: #341e14;

}

.blog .item .cont h5 {

    font-size: 20px;

}

.blog .item .cont h5:hover {

    color: #341e14;

}

.blog .item .cont h5 a {

    text-decoration: none;

    color: #000;

    font-size: 20px;

}

/* blog sidebar */

.blog-sidebar .widget {

    background: #fff;

    padding: 30px;

    margin-bottom: 30px;

    overflow: hidden;

    border-radius: 10px;

    border: none;

}

.blog-sidebar .widget ul {

    margin-bottom: 0;

    padding: 0;

}

.blog-sidebar .widget ul li {

    font-size: 17px;

    line-height: 1.5em;

    margin-bottom: 15px;

}

.blog-sidebar .widget ul li a {

    color: #484848;

}

.blog-sidebar .widget ul li a.active {

    color: #484848;

}

.blog-sidebar .widget ul li a:hover {

    color: #341e14;

}

.blog-sidebar .widget ul li:last-child {

    margin-bottom: 0;

}

.blog-sidebar .widget ul li i {

    font-size: 12px;

    margin-right: 10px;

    color: #341e14;

}

.blog-sidebar .widget .recent li {

    display: block;

    overflow: hidden;

}

.blog-sidebar .widget .recent .thum {

    width: 110px;

    overflow: hidden;

    float: left;

    border-radius: 10px;

}

.blog-sidebar .widget .recent a {

    display: block;

    margin-left: 125px;

}

.blog-sidebar .widget-title {

    margin-bottom: 20px;

}

.blog-sidebar .widget-title h6 {

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(91,154,66,0.3);

    font-size: 20px;

    margin-bottom: 15px;

    color: #000;

}

.blog-sidebar .search form {

    position: relative;

}

.blog-sidebar .search form input {

    width: 100%;

    padding: 16px 20px;

    border: 0;

    background: #f3f5f4;

    margin-bottom: 0;

    border: none;

    color: #484848;

    border-radius: 30px;

}

.blog-sidebar .search form input::placeholder {

    color: #484848;

}

.blog-sidebar .search form button {

    height: 50px;

    width: 50px;

    line-height: 50px;

    border: none;

    background: #341e14;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    outline: none;

    padding: 0px 16px;

    cursor: pointer;

    display: inline-block;

    position: absolute;

    top: 4px;

    right: 5px;

    border-radius: 100%;

    outline: none;

}

.blog-sidebar button[type="submit"] i {

    margin-right: 0px;

}

.blog-sidebar:hover .search form button {

    background-color: #5b9a42;

    color: #fff;

    outline: none;

}

.blog-sidebar .tags li {

    margin: 4px !important;

    padding: 10px 30px;

    background-color: #f3f5f4;

    color: #484848;

    float: left;

    border-radius: 30px;

}

.blog-sidebar ul.tags li a {

    font-size: 14px;

    color: #484848;

}

.blog-sidebar ul.tags li:hover,

.blog-sidebar ul.tags li:hover a {

    background-color: #5b9a42;

    color: #fff;

}

/* pagination */

.pagination-wrap {

    padding: 0;

    margin: 0;

}

.pagination-wrap li {

    display: inline-block;

    margin: 0 5px;

}

.pagination-wrap li a {

    background: #fff;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #000;

    font-family: "Outfit", sans-serif;

    font-weight: 300;

    border: 1px solid #fff;

    border-radius: 100%;

    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;

    transform-style: preserve-3d;

}

.pagination-wrap li a i {

    font-size: 15px;

}

.pagination-wrap li a:hover {

    opacity: 1;

    text-decoration: none;

    background: #5b9a42;

    border: 1px solid #5b9a42;

    color: #fff;

    transform: translate3d(0px, -6px, 0.01px);

}

.pagination-wrap li a.active {

    background-color: #5b9a42;

    border: 1px solid #5b9a42;

    color: #fff;

}

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

    .pagination-wrap {

        padding: 0;

        margin: 0;

        text-align: center;

    }

}





/* ======= Post style ======= */

.post {

    position: relative;

}

.post h3 {

    font-size: 24px;

    color: #000;

}

.post .comment {}

.post .comment .item {

    display: flex;

    margin-bottom: 60px;

}

.post .comment .item .img {

    margin-right: 20px;

    flex: 0 0 auto;

}

.post .comment .item .img img {

    border-radius: 100%;

    width: 100px;

    padding: 3px;

    border: 2px solid #9AC532;

}

.post .comment .item .cont h6 {

    font-size: 17px;

    color: #5b9a42;

}

.post .comment .item .cont h6 span {

    font-family: "Outfit", sans-serif;

    font-size: 13px;

    color: #484848;

    margin-left: 15px;

    font-weight: 300;

}





/* ======= Contact style ======= */

.contact h3 {

    font-size: 24px;

    color: #000;

}

/* contact box */

.contact-box {

    position: relative;

    margin-bottom: 0px;

    margin-top: -100px;

}

.contact-box .container {

    position: relative;

    z-index: 2;

}

.contact-box .item {

    background: #fff;

    padding: 45px 30px;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

    z-index: 1;

    margin-bottom: 30px;

    line-height: 1;

    text-align: left;

    overflow: hidden;

    transition: background-color 300ms ease, transform 300ms ease, color 300ms ease;

    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

    border-radius: 10px;

    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

    box-shadow: 0 0 30px rgba(0,0,0,.08);

    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);

}

.contact-box .item.active {

    background: #5b9a42;

}

.contact-box .item:hover {

    background: #341e14;

    transform: translate3d(0px, -15px, 0.01px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

}

.contact-box .item h5 {

    font-size: 20px;

    color: #000;

    margin-bottom: 5px;

}

.contact-box .item.active h5 {

    color: #fff

}

.contact-box .item:hover h5 {

    color: #fff;

    -webkit-transition: .5s;

    transition: .5s;

}

.contact-box .item p {

    color: #484848;

    font-size: 17px;

    font-weight: 300;

    margin-bottom: 0;

}

.contact-box .item.active p {

    color: #fff;

}

.contact-box .item:hover p {

    color: #fff;

}

.contact-box .item span {

    font-size: 45px;

    color: #341e14;

    line-height: 1;

    margin-bottom: 20px;

    display: inline-block;

    -webkit-transition: .5s;

    transition: .5s;

}

.contact-box .item.active span {

    color: #fff;

}

.contact-box .item:hover span {

    color: #fff;

}

.contact-box .item i.numb {

    font-size: 120px;

    position: absolute;

    bottom: -20px;

    right: -20px;

    color: rgba(0, 0, 0, 0.3);

    opacity: .2;

}

.contact-box .item.active i.numb {

    color: rgba(0, 0, 0, 0.3);

}

.contact-box .item:hover .numb {

    color: rgba(0, 0, 0, 0.3);

}





/* ======= Section Info style ======= */

.section-info {

    position: relative;

    display: contents;

}

.section-info .icons {

    margin-right: 10px;

    padding: 0 20px;

    border-radius: 30px;

    background-color: #5b9a42;

    color: #fff;

    text-transform: uppercase;

    font-family: "Playfair Display", serif;

    font-size: 13px;

    display: inline-block !important;

    vertical-align: middle !important;

    letter-spacing: 1px;

}

.section-info .tag {

    margin-right: 10px;

    padding: 0 20px;

    border-radius: 30px;

    background-color: #5b9a42;

    color: #fff;

    text-transform: uppercase;

    font-family: "Playfair Display", serif;

    font-size: 13px;

    font-weight: 600;

    display: inline-block !important;

    vertical-align: middle !important;

    letter-spacing: 1px;

}

.section-info .desc {

    margin: 0;

    color: #484848;

    display: inline-block;

    vertical-align: middle;

    display: inherit;

}

.section-info .text-decoration-line-bottom {

    border-bottom: 1px solid #341e14;

    line-height: 1.5em;

    color: #000;

    font-family: "Playfair Display", serif;

}

.section-info.bg {

    background: #341e14;

}

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

    .section-info {

        display: block;

    }

}





/* ======= Buttons style ======= */

/* button 1 */

.button-1 {

    display: inline-block;

    height: auto;

    padding: 14px 40px;

    border: 1px solid #341e14;

    border-radius: 30px;

    background-color: #341e14;

    color: #fff;

    text-align: center;

    font-size: 17px;

    font-weight: 600;

    font-family: "Playfair Display", serif;

    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;

    transform-style: preserve-3d;

}

[data-overlay-dark] .button-1 span,

.button-1 span {

    font-size: 13px;

    margin-left: 5px;

    color: #fff;

}

[data-overlay-dark] .button-1 i,

.button-1 i {

    font-style: normal;

    font-size: 13px;

    padding-right: 5px;

    color: #fff;

}

.button-1:hover {

    border: 1px solid #fff;

    background-color: #fff;

    color: #000;

    transform: translate3d(0px, -6px, 0.01px);

}

.button-1:hover span {

    color: #000;

}

/* button 2 */

.button-2 {

    display: inline-block;

    height: auto;

    padding: 14px 40px;

    border: 1px solid #5b9a42;

    border-radius: 30px;

    background-color: #5b9a42;

    color: #fff;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    font-family: "Playfair Display", serif;

    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;

    transform-style: preserve-3d;

}

[data-overlay-dark] .button-2 span,

.button-2 span {

    font-size: 13px;

    margin-left: 5px;

    color: #fff;

}

[data-overlay-dark] .button-2 i,

.button-2 i {

    font-style: normal;

    font-size: 13px;

    padding-right: 5px;

    color: #fff;

}

.button-2:hover {

    border: 1px solid #341e14;

    background-color: #341e14;

    color: #fff;

    transform: translate3d(0px, -6px, 0.01px);

}

.button-2:hover i,

.button-2:hover span {

    color: #fff;

}





/* ====== 404 Page style ======= */

.notfound {

    min-height: calc(100vh - 100px);

    height: auto;

    position: relative;

    background-blend-mode: overlay;

    background: rgba(0, 0, 0,.5);

    background-image: url("../img/slider/01.jpg");

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    color: #fff;

}

.notfound h1 {

    font-size: 120px;

    font-weight: 600;

    margin-bottom: 0px;

    position: relative;

    color: #fff;

}

.notfound h3 {

    font-size: 27px;

    font-weight: 600;

    color: #341e14;

    position: relative;

    margin-bottom: 15px;

}

.notfound p {

    color: #fff;

    font-size: 17px;

}

/* coming form */

.notfound form {

    margin-top: 30px;

    position: relative;

}

.notfound form input {

    width: 100%;

    padding: 15px 60px 15px 20px;

    background-color: transparent;

    border: 1px solid #fff;

    border-radius: 30px;

    color: #fff;

    margin-bottom: 15px;

    outline: none;

}

.notfound form input::placeholder {

    color: #fff;

}

.notfound form button {

    background-color: #341e14;

    padding: 9px 27px;

    border-radius: 30px;

    color: #fff;

    border: 0;

    position: absolute;

    top: 4.5px;

    right: 4.5px;

    cursor: pointer;

    font-family: "Playfair Display", serif;

    font-size: 17px;

    font-weight: 600;

    outline: none;

}

.notfound form button:hover {

    background-color: #5b9a42;

    color: #fff;

    outline: none;

}





/* ======= Booking style ======= */

.booking-wrapper {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 5%;

    z-index: 5;

}

.booking2-wrapper {

    position: relative;

    margin-bottom: 40px;

}

.booking-inner {

    position: relative;

    border-radius: 0;

}

.form1 {

    display: block;

    padding: 0;

    position: relative;

}

.form1.brdr {

    padding: 15px 15px 0 15px;

    background: #fff;

    border-radius: 60px;

}

.form1 label {

    display: none;

}

.form1 .col1 {

    float: left;

    width: 20%;

}

.form1 .col2 {

    float: left;

    width: 14%;

}

.form1 .col3 {

    float: left;

    width: 18%;

}

.form1 .c1 {

    border-right: 1px solid #f1eeeb;

    height: 52.5px;

    margin-bottom: 15px;

}

.form1 .c2 {

    border-right: 1px solid #f1eeeb;

    height: 52.5px;

    margin-bottom: 15px;

}

.form1 .c3 {

    border-right: 1px solid #f1eeeb;

    height: 52.5px;

    margin-bottom: 15px;

}

.form1 .c4 {

    border-right: 1px solid #f1eeeb;

    height: 52.5px;

    margin-bottom: 15px;

}

.form1 .c5 {

    border-right: 1px solid #f1eeeb;

    height: 52.5px;

    margin-bottom: 15px;

}

.ui-datepicker .ui-datepicker-header {

    background: #5b9a42;

    border: #5b9a42;

    color: #fff;

}

.ui-datepicker {

    font-size: 17px;

    color: #000;

    background: #fff;

    z-index: 9999 !important;

    border: 1px solid #fff;

    border-radius: 0px;

}

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default {

    border: 1px solid #f3f5f4;

    background: #f3f5f4;

    color: #000;

}

.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover,

.ui-state-focus,

.ui-widget-content .ui-state-focus,

.ui-widget-header .ui-state-focus {

    border: 1px solid #5b9a42;

    background: #5b9a42;

    font-weight: normal;

    color: #fff;

}

.ui-datepicker .ui-datepicker-prev:after {

    font-size: 10px;

    content: "\e64a";

    font-family: "themify";

    color: #fff;

}

.ui-datepicker .ui-datepicker-next:before {

    font-size: 10px;

    content: "\e649";

    font-family: "themify";

    color: #fff;

    float: right;

}

.ui-datepicker .ui-datepicker-prev:hover,

.ui-datepicker .ui-datepicker-next:hover {

    background: transparent;

    border: 1px solid transparent;

}

.booking-button {

    display: block;

    padding: 0;

    border: none;

    margin: 0;

    width: 100%;

    background: #5b9a42;

    color: #fff;

    font-family: "Playfair Display", serif;

    font-size: 17px;

    text-decoration: none;

    line-height: 60px;

    position: relative;

    cursor: pointer;

    transition: all 0.3s ease-out;

    font-weight: 600;

    border-radius: 30px;

}

.booking-button:hover {

    background: #341e14;

    color: #fff;

}

.booking-button:focus {

    outline: none;

}

.input1_inner {

    position: relative;

}

.input1_inner:after {

    content: '';

    display: block;

    position: absolute;

    right: 20px;

    top: 20px;

    pointer-events: none;

    content: "\e6b6";

    font-family: "themify";

    font-size: 15px;

    color: #484848;

    line-height: 1;

    z-index: 99999;

}

.input1_inner input {

    display: block;

    width: 100%;

    font-size: 17px;

    color: #484848;

    padding: 15px 50px 15px 15px;

    background: #fff;

    border: none;

    box-shadow: none;

    border-radius: 30px;

    border: 1px solid rgba(91, 154, 66, 0.2);

}

.input1_inner input::placeholder {

    font-size: 17px;

    color: #484848 !important;

}

.input1_inner input:focus {

    outline: none;

    box-shadow: none;

    background: #fff;

    color: #484848 !important;

}

.select1_wrapper {

    margin-bottom: 0;

}

.select1_inner {

    position: relative;

}

.select1_inner:after {

    content: '';

    display: block;

    position: absolute;

    right: 20px;

    top: 20px;

    pointer-events: none;

    content: "\e64b";

    font-family: "themify";

    font-size: 10px;

    color: #484848;

    font-weight: normal;

    line-height: 15px;

}

.select2 {

    width: 100%;

    background: #fff;

    margin-bottom: 15px;

    border-radius: 30px;

    border: 1px solid rgba(91, 154, 66, 0.2);

}

.input1_wrapper {

    margin-bottom: 15px;

}

.select2 *:focus {

    outline: none !important;

}





.btn-form1-submit {

    width: 100%;

    position: relative;

}

.btn-form1-submit:hover {

    background: #341e14;

    transform: translate3d(0px, -6px, 0.01px);

}

.btn-form1-submit:focus {

    outline: none;

}

.btn-form2-submit {

    display: block;

    padding: 0;

    border: none;

    margin: 0;

    width: 100%;

    background: #5b9a42;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 4px;

    font-weight: 300;

    text-decoration: none;

    line-height: 52px;

    position: relative;

    cursor: pointer;

    transition: all 0.3s ease-out;

    font-family: "Outfit", sans-serif;

}

.btn-form2-submit:hover {

    background: #fff;

    color: #484848;

}

.btn-form2-submit:focus {

    outline: none;

}

.btn-form2-submit:after {

    content: '';

    display: block;

    width: 1px;

    height: 100%;

    position: absolute;

    left: 100%;

    top: 0;

    background: inherit;

}



.input2_inner {

    position: relative;

    position: relative;

}

.input2_inner input {

    display: block;

    width: 100%;

    font-size: 17px;

    color: #484848;

    padding: 15px 40px 15px 15px;

    background: #fff;

    border: none;

    box-shadow: none;

    border-radius: 0;

}

.input2_inner input::placeholder {

    font-size: 17px;

    color: #484848 !important;

}

.input2_inner input:focus {

    outline: none;

    box-shadow: none;

    background: #fff;

    color: #484848 !important;

}

.select2-container--default .select2-results > .select2-results__options {

    max-height: 500px;

}

.select2-container--default .select2-selection--single {

    background: none;

    border-radius: 0;

    border: none;

    height: auto;

}

.selection {

    display: inline-flex;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    font-size: 17px;

    padding: 14.75px 49px 14.75px 15px;

    color: #484848;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    display: none;

}

.select2-dropdown {

    background: none;

    border-radius: 0;

    z-index: 99999;

    min-width: 0px;

    border: none;

}

.select2-container--open .select2-dropdown--above {

    border-bottom: 1px solid #f3f5f4;

}

.select2-container--open .select2-dropdown--below {

    border-top: 1px solid #f3f5f4;

}

.select2-results__option {

    padding: 10px 30px;

    background: #fff;

    font-size: 17px;

    line-height: 20px;

    color: #484848;

    border-top: 1px solid #f3f5f4;

    text-align: center;

}

.select2-results__option:first-child {

    border-top: none;

}

.small .select2-results__option {

    padding-left: 0;

}

.select2-container--default .select2-results__option[aria-selected=true] {

    background: #5b9a42;

    color: #fff;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background: #5b9a42;

    color: #fff;

}

@media (max-width: 991.98px) {

    .form1 .col1 {

        width: 50%;

        border-bottom: 1px solid #f3f5f4;

    }

    .form1 .c2 {

        border-right: none;

    }

    .form1 .col2 {

        width: 25%;

    }

    .form1 .col3 {

        width: 25%;

    }

}

@media (max-width: 767.98px) {

    .form1 .col1 {

        width: 100%;

        border-right: 0;

        border-bottom: 1px solid #f3f5f4;

    }

    .form1 .col2 {

        width: 100%;

        border-right: 0;

        border-bottom: 1px solid #f3f5f4;

    }

    .form1 .col3 {

        width: 100%;

        border-right: 0;

    }

    .btn-form1-submit:after {

        background: none;

    }

    .booking-wrapper {

        position: relative;

        bottom: auto;

        padding: 30px 0 0;

    }

}











/* ======= Footer style ======= */

.footer {

    position: relative;

    background-color: #000000;

}

/* footer top */

.footer .top {

    padding: 30px 0 20px 0;

    border: none;

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

}

.footer .top .item .logo,

.footer .bottom .logo {

    width: 275px;

    margin-bottom: 50px;

	margin: auto;

}

.footer .top .item h2 {

    font-size: 27px;

    margin-bottom: 15px;

}

.footer .top .item h3 {

    color: #000;

    font-size: 20px;

}

.footer .top .item h3 i {

    color: #000;

    font-style: normal;

    font-weight: normal;

}

.footer .top .item p,

.footer .top .item p a {

    color: #b9b9b9;

    margin-bottom: 0px;

}

.footer .top .item .phone {

    font-size: 17px;

    color: #484848;

    position: relative;

}

.footer .top .item .mail {

    font-size: 17px;

    line-height: 3em;

    color: #484848;

    position: relative;

    display: inline-block;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}

.footer .top .item .mail:before {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    height: 1px;

    background-color: rgba(91,154,66,0.3);

    content: "";

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}

/* newsletter */

.footer .top .item .newsletter {

    position: relative;

}

.footer .top .item .newsletter input {

    height: 60px;

    width: 100%;

    border: none;

    background: transparent;

    font-size: 17px;

    font-weight: 600;

    color: #484848;

    outline: none;

    padding: 0 90px 0 20px;

    border: 1px solid rgba(91,154,66,0.4);

    border-radius: 30px;

}

.footer .top .item .newsletter button {

    height: 50px;

    width: 50px;

    line-height: 50px;

    border: none;

    background: #341e14;

    font-size: 17px;

    font-weight: 600;

    color: #fff;

    outline: none;

    padding: 0px 16px;

    cursor: pointer;

    display: inline-block;

    position: absolute;

    top: 5px;

    right: 5px;

    border-radius: 100%;

    outline: none;

}

.footer .top .item .newsletter input::placeholder {

    color: #484848;

    font-weight: 300;

}

.footer .top .item .newsletter:hover button {

    background: #5b9a42;

    outline: none;

    color: #fff;

}

.footer .top .item .newsletter button[type="submit"] i {

    transform: rotate(0);

    -webkit-transition: all 0.7s linear;

    -o-transition: all 0.7s linear;

    transition: all 0.7s linear;

}

.footer .top .item .newsletter:hover button[type="submit"] i {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.7s linear;

    -o-transition: all 0.7s linear;

    transition: all 0.7s linear;

}

/* social icons */

.social-icons li {

    display: inline-block;

    border: none;

    z-index: 1;

    position: relative;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    margin-right: 3px;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    border-radius: 100%;

    font-size: 15px;

    color: #fff;

    border: 1px solid #341e14;

    background: #341e14;

}

.social-icons .list-inline {

    margin: 0;

}

.social-icons li:hover {

    background: #5b9a42;

    color: #fff;

    -webkit-transition: all .7s;

    -o-transition: all .7s;

    transition: all .7s;

    border: 1px solid #5b9a42;

}

/* footer bottom */

.footer .bottom {

    position: relative;

    display: block;

    background-color: #f3f5f4;

    padding: 10px 0;

    border: none;

}

.footer .bottom p {

    color: #484848;

    font-size: 15px;

    margin: 10px;

}

.footer .bottom p a {

    background: linear-gradient(to bottom, rgba(91,154,66,0.3) 0%, rgba(91,154,66,0.3) 100%);

    background-position: 0 100%;

    background-repeat: repeat-x;

    background-size: 1px 1px;

    color: #484848;

    text-decoration: none;

    transition: background-size .2s;

    line-height: 1.5em;

}

.footer .bottom p a:hover {

    color: #341e14;

}

/* footer bottom links */

.footer .bottom .links {

    text-align: end;

}

.footer .bottom .links ul {

    margin: 0;

    padding: 0;

}

.footer .bottom .links ul li {

    display: inline-block;

    margin: 10px;

    font-size: 15px;

}

.footer .bottom .links ul li a {

    color: #484848;

    position: relative;

}

.footer .bottom .links ul li:hover,

.footer .bottom .links ul li:hover a {

    color: #341e14;

}





/* ======= toTop Button style ======= */

.progress-wrap {

    position: fixed;

    bottom: 30px;

    right: 30px;

    height: 50px;

    width: 50px;

    cursor: pointer;

    display: block;

    border-radius: 50px;

    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 145, 27, 0.2);

    box-shadow: inset 0 0 0 1px rgba(255, 145, 27, 0.2);

    z-index: 100;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    transition: all 400ms linear;

}

.progress-wrap.active-progress {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}

.progress-wrap::after {

    position: absolute;

    font-family: 'themify';

    content: '\e648';

    text-align: center;

    line-height: 50px;

    font-size: 12px;

    font-weight: 600;

    left: 0;

    top: 0;

    height: 50px;

    width: 50px;

    cursor: pointer;

    display: block;

    z-index: 1;

    -webkit-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    transition: all 400ms linear;

}

.progress-wrap svg path {

    fill: none;

}

.progress-wrap svg.progress-circle path {

    stroke-width: 2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    transition: all 400ms linear;

}

.progress-wrap::after {

    color: #341e14;

}

.progress-wrap svg.progress-circle path {

    stroke: #341e14;

}





/* =======  Overlay Effect Bg image style  ======= */

[data-overlay-dark] {

    position: relative;

}

[data-overlay-dark] .container {

    position: relative;

    z-index: 2;

}

[data-overlay-dark]:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}

[data-overlay-dark]:before {

    background: #000;

}

[data-overlay-dark] h1,

[data-overlay-dark] h2,

[data-overlay-dark] h3,

[data-overlay-dark] h4,

[data-overlay-dark] h5,

[data-overlay-dark] h6,

[data-overlay-dark] span {

    color: #fff;

}

[data-overlay-dark] p {

    color: #fff;

}

[data-overlay-dark="0"]:before {

    opacity: 0;

}

[data-overlay-dark="1"]:before {

    opacity: 0.1;

}

[data-overlay-dark="2"]:before{

    opacity: 0.2;

}

[data-overlay-dark="3"]:before {

    opacity: 0.1;

}

[data-overlay-dark="4"]:before {

    opacity: 0.4;

}

[data-overlay-dark="5"]:before {

    opacity: 0.5;

}

[data-overlay-dark="6"]:before {

    opacity: 0.6;

}

[data-overlay-dark="7"]:before {

    opacity: 0.7;

}

[data-overlay-dark="8"]:before {

    opacity: 0.8;

}

[data-overlay-dark="9"]:before {

    opacity: 0.9;

}

[data-overlay-dark="10"]:before {

    opacity: 1;

}





/* ======= Responsive style ======= */

@media (min-width: 1400px) {

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1220px;

    }

}

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

        .bg-fixed {

            background-attachment: scroll !important;

        }

        .footer .bottom .links ul {

            text-align: left;

        }

    }









 /* ======= Modal Popup style ======= */

 .modal-content {

     position: relative;

     border-radius: 10px;

     border: none;

 }

 .modal-header {

     background: #3a241a;

     border: none;

     padding: 20px;

     border-top-left-radius: 8px;

     border-top-right-radius: 8px;

 }

 .modal-body {

     background: #f3f5f4;

     padding: 0;

     border-bottom-left-radius: 8px;

     border-bottom-right-radius: 8px;

     position: relative;

     padding: 45px 30px;

     border-radius: 10px;

 }

 .modal-body .booking-box {

     margin-bottom: 0;

 }

 .modal-title {

     font-family: "Playfair Display", serif;

     font-weight: 600;

     font-size: 24px;

     color: #fff;

 }

 .modal-body .input1_inner input {

     position: relative;

     z-index: 99999;

 }

 .modal-header .btn-close:focus,

 .modal-header .btn-close:active {

     outline: none;

     box-shadow: none;

 }





/* ======= Booking Box style ======= */

.booking-box {

    position: relative;

    background: #f3f5f4;

    padding: 45px 30px;

    border-radius: 10px;

}

.booking-box .head-box h6 {

    font-size: 27px;

    text-align: center;

    font-weight: 600;

    color: #000;

    text-transform: none;

    position: relative;

    letter-spacing: 0;

    margin-bottom: 20px;

}

.booking-box .head-box h4 {

    font-size: 27px;

    color: #000;

    margin-bottom: 20px;

    text-transform: none;

    letter-spacing: 0;

    text-align: center;

}

.booking-box .head-box h4 span {

    color: #5b9a42;

}

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

    .booking-box {

        margin-bottom: 90px;

        padding: 40px 30px;

    }

}



/*Whatsapp call*/

.btn-whatsapp-pulse {

	background: #25d366;

	color: white;

	position: fixed;

	bottom: 120px;

	right: 20px;

	font-size: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 0;

	height: 0;

	padding: 26px;

	text-decoration: none;

	border-radius: 50%;

	animation-name: pulse;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

	z-index: 1111;

  }

  

  .btn-whatsapp-pulse::before {

	content: "";

	position: absolute;

	border-radius: 50%;

	padding: 25px;

	border: 5px solid #075e54;

	opacity: 0.75;

	animation-name: pulse-border;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

  }

  

  @keyframes pulse {

	0% {

	  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);

	}

	80% {

	  box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);

	}

  }

  

  .btn-whatsapp-pulse-border {

	bottom: 90px;

	right: 20px;

	animation-play-state: paused;

  }

  

  .btn-whatsapp-pulse-border::before {

	content: "";

	position: absolute;

	border-radius: 50%;

	padding: 25px;

	border: 5px solid #341e14;

	opacity: 0.75;

	animation-name: pulse-border;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

  }



  

  @keyframes pulse-border {

	0% {

	  padding: 25px;

	  opacity: 0.75;

	}

	75% {

	  padding: 50px;

	  opacity: 0;

	}

	100% {

	  opacity: 0;

	}

  }



.btn-whatsapp-pulse1 {

	background: #341e14;

	color: white;

	position: fixed;

	bottom: 190px;

	right: 20px;

	font-size: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 0;

	height: 0;

	padding: 26px;

	text-decoration: none;

	border-radius: 50%;

	animation-name: pulses;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

	z-index: 1111;

  }

  

  .btn-whatsapp-pulse1::before {

	content: "";

	position: absolute;

	border-radius: 50%;

	padding: 25px;

	border: 5px solid #341e14;

	opacity: 0.75;

	animation-name: pulse-border;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

  }

  

  @keyframes pulses {

	0% {

	  box-shadow: 0 0 0 0 rgba(126, 46, 47, 0.5);

	}

	80% {

	  box-shadow: 0 0 0 14px rgba(126, 46, 47, 0);

	}

  }

  

  .btn-whatsapp-pulse-border1 {

	bottom: 90px;

	right: 20px;

	animation-play-state: paused;

  }

  

  .btn-whatsapp-pulse-border1::before {

	content: "";

	position: absolute;

	border-radius: 50%;

	padding: 25px;

	border: 5px solid #7e2e2f;

	opacity: 0.75;

	animation-name: pulse-borders;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;

  }



  

  @keyframes pulse-borders {

	0% {

	  padding: 25px;

	  opacity: 0.75;

	}

	75% {

	  padding: 50px;

	  opacity: 0;

	}

	100% {

	  opacity: 0;

	}

  }



  img.what {

	position: absolute;

	z-index: 1;

  }

/*End whatsapp icon*/



.banner-text{

	padding: 0px 25px;

	position: relative;

	z-index: 99999;

}



.middle-section{

	width: 100%;

	shape-inside: 300px;

	float: left;

	background: #000;

}



.contact-info h4{

	font-size: 20px;

	color: #fff;

}

.contact-info p{

	color: #fff;

}



.form{

	background: rgba(255,255,255,.3);

	padding: 30px;

	backdrop-filter: blur(10px);

	border-radius: 5px;

}