/* Template Name: Marcho - Consulting Hotel Template  */
/* Author: Lamarena */
/* Adaptação: Valente Soluções */
/* CSS INDEX
	01. Theme Default CSS (body, link color, section etc)
    02. Index-1
    03. Index-2
    04. Index-3
    05. Index-4
    06. Index-5
    07. Footer section
    08. Breadcumbs section
    09. LIGHTBOX
    10. About page
    11. Contact page
    12. Room page
    13. Single Room page
    14. Dining & Bar page
    15. News page
*/

/*  Google Fonts */

@import url("fonts.css");
:root {
    --color-green-forest: rgb(104, 116,73);
    --color-green-flag: rgb(0, 155, 69);
    --color-green-dark: rgb(0, 68, 46);

    --color-green-primary: rgb(104, 116, 73);  /* #699C07; */
    --color-green-strong: rgb(0, 155, 69);   /* #228B22; */
    --color-white: #FFFFFF;
    --color-gray-light: #F9F9F9;
    --color-gray-medium: #777777;
    --color-gray-dark: #444444;
    --color-blue-navy: #1B2B45;
    --color-black: #000000;
    --color-blue-primary: #1F79A0;
}

/*----------------------------------------*/
/*  1.  Theme default CSS/*----------------------------------------*/
html,
body {
    height: 100%;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0px solid;
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden;
}

p {
    margin: 0 0 15px;
    color: var(--color-gray-medium);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 15px;
    color: var(--color-gray-dark);
    font-weight: 700;
}

h1 {
    font-size: 48px;
    line-height: 50px;
}

h2 {
    font-size: 38px;
    line-height: 40px;
}

h3 {
    font-size: 30px;
    line-height: 32px;
    font-family: "Raleway", sans-serif;
}

h4 {
    font-size: 23px;
    line-height: 26px;
}

h5 {
    font-size: 18px;
    line-height: 22px;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0;
    background: transparent;
}

.is-disabled {
    color: #BDBDBD !important;
    pointer-events: none;
    cursor: not-allowed;
    opacity: .7;
}

.pagination {
    margin-bottom: 0;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--color-green-primary);
    border-color: var(--color-green-primary);
    color: var(--color-white);
}

.links-green .pagination > .active > a,
.links-green .pagination > .active > a:focus,
.links-green .pagination > .active > a:hover,
.links-green .pagination > .active > span,
.links-green .pagination > .active > span:focus,
.links-green .pagination > .active > span:hover {
    background-color: var(--color-green-primary) !important;
    border-color: var(--color-green-primary) !important;
    color: var(--color-white) !important;
}

a:hover {
    color: #93A889;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0 none;
}

a:hover,
a:focus {
    color: #333;
    text-decoration: none;
}

.links-green a,
.links-green a:hover,
.links-green a:focus,
.links-green a:active,
.links-green a:visited {
    color: var(--color-green-primary) !important;
}

.links-green .social.list-inline li a,
.links-green .social.list-inline li a:hover,
.links-green .social.list-inline li a:focus,
.links-green .social.list-inline li a:active,
.links-green .social.list-inline li a:visited {
    color: var(--color-white) !important;
}

.links-green a.thm-btn,
.links-green a.thm-btn-inverse,
.links-green a.ped-btn,
.links-green a.listing-search__btn,
.links-green button.thm-btn,
.links-green button.ped-btn-footer,
.links-green input[type="submit"],
.links-green input[type="button"] {
    background: var(--color-green-primary) !important;
    border-color: var(--color-green-primary) !important;
    color: var(--color-white) !important;
}

.links-green a.thm-btn:hover,
.links-green a.thm-btn:focus,
.links-green a.thm-btn-inverse:hover,
.links-green a.thm-btn-inverse:focus,
.links-green a.ped-btn:hover,
.links-green a.ped-btn:focus,
.links-green a.listing-search__btn:hover,
.links-green a.listing-search__btn:focus,
.links-green button.thm-btn:hover,
.links-green button.thm-btn:focus,
.links-green button.ped-btn-footer:hover,
.links-green button.ped-btn-footer:focus,
.links-green input[type="submit"]:hover,
.links-green input[type="submit"]:focus,
.links-green input[type="button"]:hover,
.links-green input[type="button"]:focus {
    background: var(--color-white) !important;
    border-color: var(--color-green-primary) !important;
    color: var(--color-green-primary) !important;
}

body {
    background: #fff none repeat scroll 0 0;
    color: #777;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    text-align: left;
    overflow-x: hidden;
    line-height: 24px;
}

#scrollUp {
    background: var(--color-black) none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 34px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    opacity: 0.6;
    right: 27px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 34px;
}

#scrollUp:hover {
    background: var(--color-green-primary);
    opacity: 1;
}

.thm-btn,
.thm-btn-inverse,
.ped-btn,
.ped-btn-footer,
.listing-search__btn,
.load-more-btn {
    color: var(--color-white);
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border-radius: 10px !important;
}

.thm-btn:hover,
.thm-btn:focus,
.thm-btn-inverse:hover,
.thm-btn-inverse:focus,
.ped-btn:hover,
.ped-btn:focus,
.ped-btn-footer:hover,
.ped-btn-footer:focus,
.listing-search__btn:hover,
.listing-search__btn:focus,
.load-more-btn:hover,
.load-more-btn:focus,
.contact-us .form input[type="submit"]:hover,
.contact-us .form input[type="submit"]:focus {
    background: var(--color-white) !important;
    border-color: var(--color-green-primary) !important;
    color: var(--color-green-primary) !important;
}

.btn-whatsapp-pulse {
    background: #25d366;
    color: #fff;
    position: fixed;
    bottom: 60px;
    right: 15px;
    font-size: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    text-decoration: none;
    border-radius: 50%;
    z-index: 2147483646;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.92);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    animation: whatsapp-pulse 1.5s ease-out infinite;
}

.btn-whatsapp-pulse.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
}

.btn-whatsapp-pulse:hover,
.btn-whatsapp-pulse:focus {
    color: #fff;
    text-decoration: none;
}

.btn-whatsapp-pulse i {
    color: var(--color-white);
    line-height: 1;
}

.btn-whatsapp-pulse::after {
    content: "Fale conosco no WhatsApp";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 12px;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0);
    transition: opacity 0.2s ease, transform 0.2s ease;
    font-size: 14px;
    line-height: 1.2;
}

.btn-whatsapp-pulse:hover::after,
.btn-whatsapp-pulse:focus::after {
    opacity: 1;
    transform: translateY(-4px);
}

@keyframes whatsapp-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);
    }
}

@media (max-width: 767px) {
    .header {
        display: none;
    }

    .main-menu-one #main-navigation-wrapper .logo {
        margin: 6px 0 !important;
        max-width: 170px !important;
    }

    .main-menu-one #main-navigation-wrapper .logo a {
        display: block;
        padding: 0 !important;
    }

    .main-menu-one #main-navigation-wrapper .logo img {
        display: block;
        width: auto;
        max-width: 100%;
        max-height: 44px;
    }

    #scrollUp {
        right: 24px;
    }

    .main-menu-one #main-navigation-wrapper .container {
        position: relative;
    }

    .main-menu-one #main-navigation-wrapper .float-left {
        float: left !important;
    }

    .main-menu-one #main-navigation-wrapper .float-right {
        float: none !important;
        display: block;
    }

    .main-menu-one #main-navigation-wrapper .navbar-header {
        float: none !important;
        position: absolute;
        top: 8px;
        right: 15px;
        height: 44px;
        display: flex;
        align-items: center;
        z-index: 1001;
        margin: 0;
    }

    .main-menu-one #main-navigation-wrapper .navbar-toggle {
        float: none !important;
        margin: 0 !important;
    }

    .main-menu-one #main-navigation-wrapper .navbar-collapse {
        clear: both;
        width: 100%;
        margin-top: 10px;
    }

    .main-menu-one ul.nav.navbar-nav {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item {
        display: block;
        float: none !important;
        width: 100%;
        margin: 12px 0 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item>.menu-cta-link {
        all: unset;
        box-sizing: border-box;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        min-width: 220px;
        max-width: calc(100% - 30px);
        height: 48px !important;
        padding: 0 24px !important;
        margin: 0 auto !important;
        text-align: center !important;
        text-decoration: none;
        background: var(--color-green-primary) !important;
        border: 2px solid var(--color-green-primary) !important;
        border-radius: 10px !important;
        color: var(--color-white) !important;
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1 !important;
        text-transform: uppercase;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border-top: 0 !important;
    }

    .testimonial-section .testimonial-carousel {
        padding: 0 12px 34px;
    }

    .testimonial-section .single-testi {
        margin-bottom: 24px;
        padding: 26px 18px 22px;
    }

    .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
        left: 50%;
        right: auto;
        bottom: 0;
        transform: translateX(-50%);
        width: max-content;
        white-space: nowrap;
    }

    .btn-whatsapp-pulse {
        width: 52px;
        height: 52px;
        font-size: 30px;
        bottom: 58px;
    }
}

.clear {
    clear: both;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.p-0 {
    padding-bottom: 0 !important;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

input,
select,
textarea,
input[type="text"],
input[type="date"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="tel"],
button,
button[type="submit"] {
    -moz-appearance: none;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url("../img/logo/preloader.gif") no-repeat center center;
}

.navbar-collapse {
    padding-left: 0px;
}

::-moz-selection {
    background: var(--color-green-primary);
    text-shadow: none;
}

::selection {
    background: var(--color-green-primary);
    text-shadow: none;
}

.color {
    color: #87B344;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: var(--color-black);
    padding: 0.2em 0;
}

.sec-padding {
    padding: 90px 0px;
}

.sec-padding-2 {
    padding: 70px 0px 50px;
}

.padding-2 {
    padding-bottom: 90px;
}

.section-titleBar {
    margin-bottom: 60px;
    position: relative;
}

.section-titleBar h3 {
    display: inline-block;
    font-size: 36px;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 48px;
}

.section-titleBar.white-headline h3 {
    color: #fff;
}

.section-titleBar.text-left {
    margin-bottom: 40px;
}

.section-titleBar::after {
    border: 1px solid var(--color-green-primary);
    bottom: -20px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 60px;
    right: 0;
}

.section-titleBar.text-left h3::after {
    border: 2px solid var(--color-green-primary);
    left: 0;
    right: auto;
}

.section-titleBar p {
    max-width: 680px;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin: 0 auto;
}

.quote-intro .quote-dropcap {
    display: inline-block;
    font-size: 2.1em;
    line-height: 0.9;
    font-weight: 700;
    margin-right: 2px;
    vertical-align: -0.08em;
}

.img-bordered {
    border: 8px solid #f8f8f8;
    width: 100%;
}

.img-bordered-lighter {
    border: 8px solid #fcfcfc;
    width: 100%;
}

.sub-head h4 {
    color: #fff;
    font-size: 30px;
    position: relative;
    padding-bottom: 30px;
}

.sub-head h4::after {
    border: 2px solid var(--color-green-primary);
    bottom: 0px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 20%;
}

.sub-head p {
    color: #fff;
    font-size: 17px;
    margin-top: 20px;
    line-height: 26px;
}

.mar-row {
    margin-top: 30px;
}

.load-more-btn {
    text-transform: uppercase;
    background: var(--color-green-primary);
    display: inline-block;
    padding: 12px 30px;
    color: var(--color-white);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-top: 30px;
    border-radius: 3px;
    width: 200px;
    transition: 0.4s;
    border: 2px solid var(--color-green-primary);
}

.load-more-btn:hover {
    background: #fff;
    border: 2px solid var(--color-green-primary);
    color: var(--color-green-primary);
    transition: 0.4s;
}

.google-map-area {
    position: relative;
    height: 450px;
    width: 100%;
    margin-bottom: 20px;
}

.thm-btn {
    border: 2px solid var(--color-green-primary);
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 22px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: var(--color-green-primary);
    border-radius: 10px;
}

.thm-btn:hover {
    background: var(--color-white);
    border: 2px solid var(--color-green-primary);
    color: var(--color-green-primary);
    transition: 0.4s;
}

.bg-color {
    background: #f7f7f7;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.owl-carousel.owl-loaded {
    display: block;
    z-index: 0;
}

/*--------------------------------*/
/*  2. Index-1/*--------------------------------*/
/*  Header top section */
.header {
    background: var(--color-green-primary);
    line-height: 49px;
    position: relative;
    z-index: 9;
    padding: 15px 0;
}

.header p,
.header ul,
.header li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .thm-container {
    position: relative;
    z-index: 9;
    padding: 18px 0;
}

.header .header-right-info ul li {
    display: inline-block;
    vertical-align: bottom;
}

.header-right-info {
    float: left;
}

.header-left-info {
    float: right;
}

.icons ul {
    display: flex;
}

.icons ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 0 10px;
}

.icons ul li a {
    color: #fff;
    transition: 0.5s ease-in-out;
    font-size: 14px;
}

.header-left-info .thm-btn-inverse {
    position: relative;
    background: var(--color-green-primary);
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    line-height: 46px;
    font-weight: 600;
    color: var(--color-white);
    border: 2px solid var(--color-green-primary);
    text-transform: uppercase;
    display: inline-block;
    padding: 0 38px;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

.member-logout-header__button {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 11px 16px;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.member-logout-header__button:hover,
.member-logout-header__button:focus {
    background: #fff;
    color: var(--color-green-primary);
}

.member-logout-header,
.member-header-auth {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 49px;
    line-height: 1;
}

.header .member-logout-header__greeting {
    margin: 0 12px 0 0;
    color: rgba(255, 255, 255, 0.92);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 1.2;
}

.member-menu-panel {
    display: none;
    background: #fff;
    border: 1px solid rgba(80, 109, 42, 0.22);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(31, 47, 20, 0.2);
    overflow: hidden;
    z-index: 1100;
}

.member-menu-panel.is-open {
    display: block;
    animation: member-menu-panel-in 0.2s ease both;
}

.member-logout-header .member-menu-panel,
.member-header-auth .member-menu-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 190px;
}

.member-menu-panel__item {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #edf0e8;
    background: #fff;
    color: #3f5724;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 13px 16px;
    text-align: left;
    text-transform: uppercase;
}

.member-menu-panel form:last-child .member-menu-panel__item {
    border-bottom: 0;
}

.member-menu-panel__item:hover,
.member-menu-panel__item:focus {
    background: #f0f5e9;
    color: var(--color-green-primary);
}

@keyframes member-menu-panel-in {
    from { opacity: 0; transform: translateY(-7px); }
    to { opacity: 1; transform: translateY(0); }
}

.thm-btn:hover {
    background: var(--color-white);
    border: 2px solid var(--color-green-primary);
    color: var(--color-green-primary);
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

.header .header-right-info ul li .single-header-right-info .text-box,
.header .header-right-info ul li .single-header-right-info .icon-box {
    display: table-cell;
    vertical-align: middle;
}

.header .header-right-info ul li .single-header-right-info .icon-box {
    text-align: center;
    padding: 0 8px;
}

.header .header-right-info ul li .single-header-right-info .icon-box i {
    color: #87B344;
    font-size: 30px;
}

.header .header-right-info ul li .single-header-right-info .text-box p {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
}

/*-------------Menu section---------------*/
.main-menu-one {
    background: #fff;
    z-index: 100;
    width: 100%;
}

.main-menu-one #main-navigation-wrapper.navbar-default {
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
}

.main-menu-one #main-navigation-wrapper.affix {
    background: #fff;
    box-shadow:
        0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.main-menu-one #main-navigation-wrapper .logo {
    margin: 25px 0 25px;
    max-width: 210px;
}

.main-menu-one #main-navigation-wrapper .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.main-menu-one #main-navigation-wrapper .nav>li>a {
    padding: 44px 17px;
    text-transform: uppercase;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    outline: 0;
    line-height: 1.42857143;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

.main-menu-one ul.nav.navbar-nav {
    float: right;
}

.main-menu-one #main-navigation-wrapper .navbar-form {
    padding: 0;
    margin: 0;
}

.main-menu-one #main-navigation-wrapper .navbar-nav {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .main-menu-one #main-navigation-wrapper .float-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .main-menu-one ul.nav.navbar-nav {
        display: flex;
        align-items: center;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item {
        margin-left: 18px;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item>.menu-cta-link {
        background: var(--color-green-primary);
        border: 2px solid var(--color-green-primary);
        border-radius: 999px;
        color: var(--color-white) !important;
        line-height: 1;
        margin-top: 0;
        padding: 12px 18px;
        white-space: nowrap;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item>.menu-cta-link:visited {
        color: var(--color-white) !important;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item>.menu-cta-link:hover,
    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item>.menu-cta-link:focus {
        background: var(--color-white) !important;
        border-color: var(--color-green-primary);
        color: var(--color-green-primary) !important;
    }
}

.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>.open>a,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>.open>a:focus,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>.open>a:hover,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>li:hover>a,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>.active>a,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>.active>a:focus,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>.active>a:hover,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>li.active>a,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>li.active>a:focus,
.main-menu-one #main-navigation-wrapper.navbar-default .navbar-nav>li.active>a:hover,
.main-menu-one #main-navigation-wrapper .nav>li.active>a,
.main-menu-one #main-navigation-wrapper .nav>li.active>a:focus,
.main-menu-one #main-navigation-wrapper .nav>li.active>a:hover {
    background: none !important;
    background-color: transparent !important;
    color: #87B344 !important;
}

.main-menu-one #main-navigation-wrapper .navbar-form {
    background: var(--color-black);
    padding: 15px 20px 15px 30px;
    border-left: 1px solid #20202c;
    border-right: 1px solid #20202c;
}

.main-menu-one #main-navigation-wrapper .navbar-form input {
    border-radius: 0;
    border: none;
    outline: none;
    background-color: transparent;
    width: calc(100% - 32px);
    color: #fff;
}

.main-menu-one #main-navigation-wrapper .navbar-form button {
    border: none;
    outline: none;
    background-color: transparent;
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    padding: 0;
    border: none;
    border-radius: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-width: 220px;
    background: #fff;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    border-top: 2px solid rgb(46, 46, 149);
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu>li {
    border-bottom: 1px solid #ddd;
    padding: 0;
    position: relative;
    width: 100%;
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li .dropdown-submenu2 {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    padding: 0;
    border: none;
    border-radius: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-width: 220px;
    background: #10252e;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
}

.main-menu-one #main-navigation-wrapper .navbar-nav ul.dropdown-submenu li.new {
    position: relative;
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item.menu-cta-auth {
    position: relative;
}

.member-logout-menu {
    display: none;
}

@media (min-width: 768px) {
    .main-menu-one #main-navigation-wrapper .navbar-nav>li.member-logout-menu {
        display: none !important;
    }
}

.menu-cta-logout-form {
    margin: 0;
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item .menu-cta-logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-green-primary);
    border-radius: 999px;
    background: var(--color-green-primary);
    color: var(--color-white);
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.42857143;
    padding: 12px 18px;
    text-transform: uppercase;
    white-space: nowrap;
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item .menu-cta-logout-button:hover,
.main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item .menu-cta-logout-button:focus {
    background: var(--color-white);
    color: var(--color-green-primary);
}

@media (max-width: 767px) {
    .member-logout-header:not(.member-header-auth) {
        display: none;
    }

    .member-header-auth {
        display: block;
        min-height: 0;
        float: none;
        position: static;
    }

    .member-header-auth > .member-logout-header__greeting,
    .member-header-auth > .member-logout-header__button {
        display: none !important;
    }

    .member-logout-menu {
        display: block;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.member-logout-menu .menu-cta-logout-button {
        width: auto;
        min-width: 220px;
        height: 48px;
        margin: 0 auto;
        padding: 0 24px;
        border: 2px solid var(--color-green-primary);
        border-radius: 10px;
        background: var(--color-green-primary);
        color: var(--color-white);
        font-size: 16px;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.member-logout-menu .member-menu-panel {
        width: min(320px, calc(100% - 30px));
        margin: 8px auto 0;
        text-align: left;
    }
}

.member-modal,
.member-password-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 2500;
}

.member-modal.is-open,
.member-password-modal.is-open {
    display: flex;
}

.member-modal__backdrop,
.member-password-modal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(14, 29, 14, 0.72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1;
}

.member-modal__dialog,
.member-password-modal__dialog {
    position: relative;
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 28px 60px rgba(18, 42, 22, 0.35);
    overflow: hidden;
    overflow-y: auto;
    z-index: 2;
    animation: member-modal-scale-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes member-modal-scale-in {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.member-modal__header {
    position: relative;
    background: linear-gradient(135deg, #5b693f 0%, #46532e 100%) !important;
    padding: 24px 26px 22px !important;
    text-align: center;
    color: #ffffff !important;
}

.member-modal__close,
.member-password-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
    z-index: 2;
}

.member-modal__close:hover,
.member-modal__close:focus,
.member-password-modal__close:hover,
.member-password-modal__close:focus {
    background: rgba(255, 255, 255, 0.4);
    color: #ffffff;
    transform: rotate(90deg);
}

.member-modal__eyebrow {
    position: relative;
    margin: 0 0 6px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.member-modal__header h4 {
    position: relative;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.member-modal__subtitle {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

.member-modal__body {
    padding: 24px 26px 28px;
    background: #fdfefe;
}

.member-modal__field {
    margin-bottom: 16px;
}

.member-modal__field label {
    display: block;
    margin-bottom: 8px;
    color: #264016;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.member-modal__field input {
    width: 100%;
    height: 44px;
    border: 1px solid rgba(101, 144, 48, 0.35);
    border-radius: 10px;
    background: #fff;
    color: #223218;
    padding: 0 14px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.member-modal__field input:focus {
    border-color: #87b344;
    box-shadow: 0 0 0 3px rgba(135, 179, 68, 0.18);
    outline: none;
}

.member-modal__submit {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 999px;
    margin-top: 6px;
    background: linear-gradient(120deg, #87b344, #6a9432);
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.member-modal__submit:hover,
.member-modal__submit:focus {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(105, 156, 7, 0.35);
}

.member-modal__footer {
    margin-top: 18px;
    text-align: center;
}

.member-modal__back-link {
    background: none;
    border: none;
    color: #556c39;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}

.member-modal__back-link:hover,
.member-modal__back-link:focus {
    color: #384e20;
    text-decoration: underline;
}

.member-modal__error,
.member-password-modal__error {
    margin: 0 0 16px;
    padding: 11px 14px;
    border-radius: 10px;
    background: rgba(199, 58, 58, 0.08);
    border: 1px solid rgba(199, 58, 58, 0.24);
    color: #9e2a2b;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
}

.member-modal__success {
    margin: 0 0 16px;
    padding: 11px 14px;
    border-radius: 10px;
    background: rgba(105, 156, 7, 0.1);
    border: 1px solid rgba(105, 156, 7, 0.25);
    color: #3a5c12;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
}

.member-modal.is-required .member-modal__close,
.member-password-modal.is-required .member-password-modal__close {
    display: none !important;
}

.member-modal.is-required .member-modal__backdrop,
.member-password-modal.is-required .member-password-modal__backdrop {
    cursor: default;
}

.member-login-popup {
    position: absolute;
    top: calc(100% + 18px);
    right: 0;
    width: min(370px, calc(100vw - 30px));
    background: #ffffff;
    border: 1px solid rgba(82, 93, 55, 0.25);
    border-radius: 16px;
    box-shadow: 0 28px 60px rgba(18, 42, 22, 0.26);
    padding: 0;
    overflow: hidden;
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -14px, 0);
    transition: opacity 0.26s ease, transform 0.26s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.26s ease;
}

.member-login-popup::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 50px;
    width: 14px;
    height: 14px;
    background: #5d6a40;
    border-left: 1px solid rgba(82, 93, 55, 0.35);
    border-top: 1px solid rgba(82, 93, 55, 0.35);
    transform: rotate(45deg);
    z-index: 3;
}

.member-login-popup.is-open {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.member-login-popup__header {
    position: relative;
    background: linear-gradient(135deg, #5b693f 0%, #46532e 100%) !important;
    padding: 22px 24px 20px !important;
    text-align: center;
    color: #ffffff !important;
}

.member-login-popup__header .member-login-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
    z-index: 2;
}

.member-login-popup__header .member-login-popup__close:hover,
.member-login-popup__header .member-login-popup__close:focus {
    background: rgba(255, 255, 255, 0.4);
    color: #ffffff;
    transform: rotate(90deg);
}

.member-login-popup__header .member-login-popup__eyebrow {
    position: relative;
    margin: 0 0 6px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.member-login-popup__header h4 {
    position: relative;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.member-login-popup__header .member-login-popup__subtitle {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

.member-login-popup__body {
    padding: 22px 24px 26px;
    background: #fdfefe;
}

.member-login-popup__views {
    position: relative;
    min-height: 0;
}

.member-login-popup__view {
    display: none;
    opacity: 0;
    transform: translate3d(0, 8px, 0);
}

.member-login-popup__view.is-active {
    display: block;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation: member-popup-view-in 0.28s ease both;
}

@keyframes member-popup-view-in {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.member-login-popup__field {
    margin-bottom: 14px;
}

.member-login-popup__field:first-of-type {
    margin-top: 8px;
}

.member-login-popup__field label {
    display: block;
    margin-bottom: 8px;
    color: #264016;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.member-login-popup__field input {
    width: 100%;
    height: 44px;
    border: 1px solid rgba(101, 144, 48, 0.35);
    border-radius: 10px;
    background: #fff;
    color: #223218;
    padding: 0 14px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.member-login-popup__field input:focus {
    border-color: #87b344;
    box-shadow: 0 0 0 3px rgba(135, 179, 68, 0.18);
}

.member-login-popup__submit {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 999px;
    margin-top: 4px;
    background: linear-gradient(120deg, #87b344, #6a9432);
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.member-login-popup__submit:hover,
.member-login-popup__submit:focus {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(106, 148, 50, 0.35);
}

.member-login-popup__forgot {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-top: 16px;
    margin-bottom: 6px;
    color: #3f5f23 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
}

body.frontend-user-guest .member-login-popup__logged,
body.frontend-user-logged .member-login-popup__guest {
    display: none;
}

body.frontend-user-logged .member-login-popup {
    min-height: 230px;
}

.member-login-popup__logged-actions {
    display: flex;
    gap: 10px;
}

.member-login-popup__submit--secondary {
    flex: 1;
}

.member-login-popup__logout {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid #87b344;
    color: #3f5f23 !important;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.member-login-popup__error {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fdf2f2;
    border: 1px solid #f98080;
    border-radius: 8px;
    color: #9b1c1c;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px 12px;
    margin: 0 0 14px;
    text-align: left;
}

.member-login-popup__error i {
    font-size: 16px;
    flex-shrink: 0;
    color: #e02424;
}

.member-login-popup__success {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f3faf7;
    border: 1px solid #84e1bc;
    border-radius: 8px;
    color: #03543f;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px 12px;
    margin: 0 0 14px;
    text-align: left;
}

.member-login-popup__success i {
    font-size: 16px;
    flex-shrink: 0;
    color: #0e9f6e;
}

@media (max-width: 991px) {
    .member-login-popup {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        width: min(420px, calc(100vw - 32px)) !important;
        max-height: calc(100vh - 48px) !important;
        overflow-y: auto !important;
        transform: translate3d(-50%, -58%, 0) !important;
        padding: 0 !important;
        z-index: 3000 !important;
    }

    .member-login-popup__views {
        min-height: 0;
    }

    .member-login-popup::before {
        display: none !important;
    }

    .member-login-popup.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate3d(-50%, -50%, 0) !important;
    }

    body.member-popup-open::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(6, 18, 8, 0.65);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index: 2990;
    }

    .main-menu-one #main-navigation-wrapper .navbar-nav>li.menu-cta-item.menu-cta-auth {
        position: static;
    }
}

.main-menu-one #main-navigation-wrapper .navbar-nav ul.dropdown-submenu li.new:hover a {
    color: #fff;
}

.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li:hover a {
    color: #fff !important;
}

.main-menu-one #main-navigation-wrapper .navbar-nav>li:hover>.dropdown-submenu,
.main-menu-one #main-navigation-wrapper .navbar-nav>.open>.dropdown-submenu,
.main-menu-one #main-navigation-wrapper .navbar-nav .dropdown-submenu li:hover .dropdown-submenu2 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.main-menu-one #main-navigation-wrapper .dropdown-submenu>li>a,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li>a {
    color: rgb(68, 68, 68);
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    padding: 10px 15px;
    transition: 0.5s ease-in-out;
}

.main-menu-one #main-navigation-wrapper .dropdown-submenu>li:last-child a,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li:last-child a {
    border: none;
}

.main-menu-one #main-navigation-wrapper .dropdown-submenu>li>a:focus,
.main-menu-one #main-navigation-wrapper .dropdown-submenu>li>a:hover,
.main-menu-one #main-navigation-wrapper .dropdown-submenu>li.active>a,
.main-menu-one #main-navigation-wrapper .dropdown-submenu>li.active>a:focus,
.main-menu-one #main-navigation-wrapper .dropdown-submenu>li.active>a:hover,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li>a:focus,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li>a:hover,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li.active>a,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li.active>a:focus,
.main-menu-one #main-navigation-wrapper .dropdown-submenu2>li.active>a:hover {
    background-color: transparent !important;
    color: #87B344 !important;
}

.main-menu-one.finance-navbar.affix {
    top: 0;
    left: 0;
    right: 0;
    position: fixed !important;
    margin: 0;
    animation: fadeItIn 1s;
    z-index: 1000;
    -webkit-box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.47);
}

.Marcho-navbar2.affix {
    padding: 20px 0 0 0 !important;
    background: #12121b;
}

.Marcho-navbar2 .logo a:nth-child(2),
.Marcho-navbar2.affix .logo a:nth-child(1) {
    display: none;
}

.Marcho-navbar2.affix .logo a:nth-child(2) {
    display: block;
}

.style-home-page2 .Marcho-navbar2.affix #main-navigation-wrapper .nav>li {
    padding: 0 0 24px 0;
}

.navbar-toggle {
    margin: 35px 0;
    float: left;
}

@keyframes fadeItIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
}

/*--------------Slider section-----------------*/
.intro-content {
    position: relative;
    z-index: 1;
}

/*
 * A home possui somente o slider antes do rodapé. Mantemos o carrossel
 * contido em sua própria área para que a animação de zoom das imagens não
 * avance sobre o rodapé nem interfira na rolagem vertical em telas touch.
 */
.page-home .intro-carousel {
    overflow: hidden;
    touch-action: pan-y;
}

.page-home .intro-carousel .owl-stage-outer {
    overflow: hidden;
}

.page-home .slider-images {
    overflow: hidden;
}

.page-home .slider-images img {
    display: block;
    width: 100%;
}

.page-home .footer-bottom {
    clear: both;
    position: relative;
    z-index: 2;
}

.intro-content::after {
    background: rgba(27, 83, 53, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.slider-content {
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: 3;
    left: 0;
    margin: 0 auto;
    margin-top: -170px;
}

.layer-1-2 {
    margin: 20px 0;
}

.layer-1-1 p {
    color: #fff;
    font-size: 19px;
    letter-spacing: 0.6px;
    line-height: 30px;
    max-width: 700px;
}

.layer-1-2 h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
    max-width: 880px;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}

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

.slider-content .align-center h1 {
    max-width: 100%;
    padding: 0 100px;
}

.slider-content .align-center p {
    max-width: 100%;
    padding: 0 130px;
}

.ped-btn {
    border: 2px solid var(--color-green-primary);
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 20px;
    padding: 12px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: var(--color-green-primary);
    width: 175px;
    border-radius: 10px;
}

.ped-btn:hover {
    color: var(--color-green-primary);
    background: var(--color-white);
    border: 2px solid var(--color-green-primary);
    text-decoration: none;
}

.ped-btn.right-btn {
    margin-left: 15px;
    background: var(--color-green-primary);
    border: 2px solid var(--color-green-primary);
}

.ped-btn.right-btn:hover {
    background: var(--color-white);
    border: 2px solid var(--color-green-primary);
}

.ped-btn.left-btn:hover {
    background: var(--color-white);
    border: 2px solid var(--color-green-primary);
}

.layer-1-2 .color {
    color: #2e2e95;
    font-weight: 900;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 2px;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
    right: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
    left: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
    color: #fff;
    background: #87B344;
    border: 1px solid #87B344;
}

.intro-carousel .owl-item .layer-1-2 {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0.3s;
}

.intro-carousel .owl-item .layer-1-1 {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1s;
}

.intro-carousel .owl-item .layer-1-3 {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1.5s;
}

.intro-carousel .owl-item.active .layer-1-2,
.intro-carousel .owl-item.active .layer-1-1,
.intro-carousel .owl-item.active .layer-1-3 {
    transform: translateY(0);
    opacity: 1;
}

.intro-carousel .owl-item.active .slider-images img {
    transform: scale(1.1);
    transition: 10s;
}

/*------------Search bar--------------*/
.form-select {
    width: 100%;
    margin-bottom: 15px;
}

.form-select select {
    width: 94%;
    height: 42px;
    background: #fff;
    background-size: 20px;
    background-position: right 10px center;
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.listing-search {
    padding: 10px 10px 19px 10px;
    background-color: var(--color-green-primary);
}

.listing-search .item-wrapper .item {
    width: 20%;
    float: left;
    position: relative;
    white-space: nowrap;
}

.listing-search__label {
    display: block;
    margin-bottom: 5px;
    color: var(--color-white);
    font-size: 12px;
    text-transform: uppercase;
}

button.Zebra_DatePicker_Icon {
    margin-right: 10px;
}

input.input-field {
    width: 94%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: white !important;
    border: 1px solid transparent;
    border-radius: 4px;
    height: 42px;
    padding-right: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

select.ht-field {
    width: 94%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: white !important;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ht-field {
    display: block;
    width: 100%;
    font-size: 13px;
}

.listing-search__btn {
    display: inline-block;
    width: 100%;
    padding: 9px 29px;
    background-color: var(--color-green-primary);
    color: var(--color-white);
    border: 2px solid var(--color-green-primary);
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.Zebra_DatePicker_Icon_Wrapper {
    width: auto !important;
}

.listing-search__label--hidden {
    opacity: 0;
    visibility: hidden;
}

/*-----------welcome section-------------*/
.welcome-section .room-categories {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.welcome-section .room-categories .room-category {
    padding: 0;
    height: 205px;
    width: 100%;
    min-height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    transition: 0.3s ease;
}

.welcome-section .room-category+.room-category {
    border-left: 1px solid #e8ecec;
}

.welcome-section .room-category>a {
    display: block;
    text-align: center;
    z-index: 2;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.welcome-section .room-category .media-caption .category-titile {
    margin-top: 20px;
}

.welcome-section .room-categories .room-category:hover {
    -webkit-box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.1);
}

.welcome-section .room-categories .room-category i {
    color: var(--color-green-primary);
    font-size: 50px;
}

/*--------------Counter-3 section-----------------*/
.numbers-section-3 {
    background: url("../img/background/about-cta-bg.jpg") center center no-repeat fixed;
    background-size: cover;
    position: relative;
    padding-bottom: 70px;
}

.numbers-section-3 h3,
.numbers-section-3 p {
    margin: 0;
    color: #fff;
    margin-top: 20px;
}

.numbers-section-3 .thm-container {
    position: relative;
    z-index: 1;
}

.numbers-section-3 .section-titleBar {
    margin-bottom: 0;
}

.section-titleBar::after {
    display: none;
}

.numbers-section-3 .section-titleBar h3 {
    font-size: 29px;
    color: #fdfdfd;
    line-height: 33px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
}

.numbers-section-3 .title-box p {
    font-size: 16px;
    color: var(--color-white);
    font-style: italic;
}

.numbers-section-3 .title-box .right-text-box {
    border-left: 4px solid var(--color-white);
    padding-left: 25px;
    margin-left: 30px;
    padding-bottom: 6px;
}

.numbers-section-3 .single-count-box {
    border: none;
    margin-bottom: 20px;
    float: right;
    margin-left: 60px;
    margin-right: 20px;
}

.numbers-section-3 .single-count-box span.decor-line {
    width: 32px;
    height: 5px;
    display: inline-block;
    background: #cbd913;
}

.numbers-section-3 .single-count-box .box {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.numbers-section-3 .single-count-box .box .icon-box {
    text-align: center;
    margin-bottom: 15px;
}

.numbers-section-3 .single-count-box .box .icon-box i {
    color: #fff;
    font-size: 44px;
}

.numbers-section-3 .single-count-box .box .number-box,
.numbers-section-3 .single-count-box .box .text-box {
    display: table-cell;
    vertical-align: middle;
}

.numbers-section-3 .single-count-box .box .number-box {
    font-size: 55px;
    color: var(--color-white);
    line-height: 32px;
    font-weight: 600;
    text-align: left;
    font-family: "Montserrat", sans-serif;
}

.numbers-section-3 .single-count-box .box .text-box {
    font-size: 14px;
    line-height: 20px;
    /* color: var(--color-green-primary); */
    text-transform: uppercase;
    /* padding-left: 30px; */
    text-align: left;
}

/*------------Rooms offer section-------------*/
.single-awesome-project {
    float: left;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ededed;
}

.project-all {
    margin-top: -40px;
}

.project-all .single-awesome-project {
    margin-top: 40px;
}

.first-item {
    margin-bottom: 30px;
}

.project-carousel .col-md-4 {
    width: 100%;
}

.awesome-img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.awesome-img .price {
    animation: color 0.3s ease-in-out;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    display: inline-block;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    position: absolute;
    left: 20px;
    bottom: 0;
    background-color: var(--color-black);
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

.awesome-img img {
    transform: scale(1.1);
    transition: 0.4s;
}

.single-awesome-project:hover .awesome-img img {
    transform: scale(1);
    transition: 0.4s;
}

.awesome-img>a {
    display: block;
    position: relative;
}

.single-awesome-project:hover .awesome-img>a::after {
    opacity: 1;
}

.single-awesome-project:hover .add-actions {
    opacity: 1;
}

.awesome-img>a::after {
    transition: 0.4s;
}

.add-actions {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9999;
    top: 0;
    cursor: pointer;
}

.port-icon {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    top: 41%;
    position: relative;
    font-size: 40px;
}

.project-dec {
    display: block;
    padding: 20px 15px;
}

.project-dec h4 {
    color: var(--color-gray-dark);
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
    margin-bottom: 5px;
    cursor: pointer;
}

.project-dec span {
    font-size: 16px;
    background: transparent;
    border: 1px solid #c7c7c7;
    border-radius: 100%;
    line-height: 38px;
    width: 38px;
    display: inline-block;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    margin-right: 14px;
    transition: all 0.7s ease 0s;
}

.project-dec a {
    color: var(--color-gray-dark);
}

.project-dec a:hover {
    color: #333;
}

.project-dec span {
    font-size: 14px;
}

.project-dec p {
    margin-bottom: 0px;
}

.project-dec .rating {
    padding: 15px 0;
}

.rating i.voted {
    color: #ffc107;
}

.rating i {
    margin-right: 2px;
    color: #ddd;
}

.pst-content {
    padding-left: 10px;
}

.project-dec ul {
    padding: 20px 0 0 0;
    border-top: 1px solid #ededed;
}

.project-dec ul li {
    display: inline-block;
    margin-right: 15px;
}

.project-dec ul li:last-child {
    margin-right: 0;
    float: right;
}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: var(--color-green-primary);
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    bottom: -15px;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border: 1px solid var(--color-green-primary);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
    right: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
    left: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
    color: #fff;
    background: var(--color-green-primary);
    border: 1px solid var(--color-green-primary);
}

/*----------Testimonial section---------*/
.testimonial-section {
    background-image: url("../img/background/home-1-testimonial-bg.jpg");
    background-size: cover;
    background-position: center;
    /* background-color: #699C07; */
}

.testimonial-section .section-titleBar h3 {
    color: #fff;
}

.testimonial-section .section-titleBar p {
    color: #fff;
}

.testimonial-section .section-titleBar::after {
    border: 1px solid #fff;
    bottom: -20px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 60px;
    right: 0;
}

.single-testi {
    border-radius: 8px;
    padding: 26px 20px 20px 28px;
    background-color: #fff;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

/* Keep visible testimonial cards with equal height inside owl carousel */
.testimonial-carousel.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.testimonial-carousel.owl-carousel .owl-item {
    display: flex;
    height: auto;
}

.testimonial-carousel.owl-carousel .owl-item .single-testi {
    height: 100%;
}

.testi-img img {
    width: 100%;
    max-width: 80px;
    height: auto;
    border-radius: 50%;
    display: inline-block !important;
}

.client-rating {
    padding-bottom: 10px;
}

.client-rating a {
    display: inline-block;
    font-size: 18px;
}

.testi-img {
    float: left;
    margin-right: 15px;
}

.texti-name {
    margin-top: 5px;
}

.texti-name h5 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0px;
}

.guest-rev a {
    color: var(--color-gray-dark);
}

.testi-text p {
    margin-bottom: 0px;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testi-text h5 {
    color: var(--color-gray-dark);
    font-size: 20px;
}

.testi-text a {
    color: var(--color-green-primary);
}

.client-content {
    margin-top: -30px;
}

.testimonial-carousel.item-indicator {
    padding: 30px 0px 50px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
    background: transparent;
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border: 2px solid var(--color-green-primary);
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom: 8px;
    display: block;
    left: 46.5%;
    position: absolute;
}

.testimonial-section .testimonial-carousel {
    padding-bottom: 42px;
}

.testimonial-content {
    margin-bottom: 15px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display: inline-block;
    margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background: var(--color-green-primary);
    border-color: var(--color-green-primary);
}

.reviews-page .single-testi {
    margin-bottom: 30px;
}

.client-content .active.center .texti-name h5,
.client-content .active.center .testi-text p,
.client-content .active.center .guest-rev a {
    color: #fff;
}

/*-------------Overview  section-----------------*/
.our-overview .section-titleBar::after {
    border: 1px solid var(--color-green-primary);
    bottom: -20px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 60px;
    right: unset;
}

.our-overview .about .lists {
    display: flex;
    flex-direction: row;
}

.our-overview .about .lists ul:first-child {
    margin-right: 35px;
}

.our-overview .about .lists ul li i {
    color: var(--color-green-primary);
    margin-right: 5px;
}

.our-overview .about .lists ul li {
    margin-bottom: 5px;
}

.toggle {
    margin-bottom: 20px;
}

.our-overview .about-wd .lists {
    display: flex;
    flex-direction: row;
}

.our-overview .about-wd .lists ul:first-child {
    margin-right: 35px;
}

.our-overview .about-wd.lists ul li {
    margin-bottom: 5px;
}

.our-overview .about-wd .lists ul li i {
    color: #87B344;
    margin-right: 5px;
}

/*--------------Galery section----------------*/
.gallery-section {
    background-color: #f9f7f6;
    grid-column: full-start / full-end;
    display: grid;
    /*grid-template-columns: repeat(8, 1fr);      grid-template-rows: repeat(7, 5vw);*/
    grid-template: repeat(7, 5vw) / repeat(8, 1fr);
    grid-gap: 1.5rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.gallery__item--1 {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}

.gallery__item--2 {
    grid-row: 1 / span 3;
    grid-column: 3 / span 3;
}

.gallery__item--3 {
    grid-row: 1 / span 2;
    grid-column: 6 / 7;
}

.gallery__item--4 {
    grid-row: 1 / span 2;
    grid-column: 7 / -1;
}

.gallery__item--5 {
    grid-row: 3 / span 3;
    grid-column: 1 / span 2;
}

.gallery__item--6 {
    grid-row: 4 / span 2;
    grid-column: 3 / span 2;
}

.gallery__item--7 {
    grid-row: 4 / 5;
    grid-column: 5 / 6;
}

.gallery__item--8 {
    grid-row: 3 / span 2;
    grid-column: 6 / span 2;
}

.gallery__item--9 {
    grid-row: 3 / span 3;
    grid-column: 8 / -1;
}

.gallery__item--10 {
    grid-row: 6 / span 2;
    grid-column: 1 / 2;
}

.gallery__item--11 {
    grid-row: 6 / span 2;
    grid-column: 2 / span 2;
}

.gallery__item--12 {
    grid-row: 6 / span 2;
    grid-column: 4 / 5;
}

.gallery__item--13 {
    grid-row: 5 / span 3;
    grid-column: 5 / span 3;
}

.gallery__item--14 {
    grid-row: 6 / span 2;
    grid-column: 8 / -1;
}

.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}

.gallery__item {
    position: relative;
}

/*Lightboxproject page*/
/*.gallery-section .tt-gallery-1 {*/
/*display: block;*/
/*position: relative;*/
/*overflow: hidden;*/
/*}*/
.gallery-section .tt-gallery-1-caption {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.gallery-section .tt-gallery-1-caption-table {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}

.gallery-section .tt-gallery-1-caption-inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.gallery-section .tt-gallery-1-name {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-black);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
}

.gallery-section .tt-gallery-1-cat {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #777;
    letter-spacing: 0.2px;
}

.gallery-section .tt-gallery-1-search {
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 17px;
    line-height: 59px;
    color: #fff;
    text-align: center;
    background: #87B344;
    border-radius: 50%;
}

.gallery-section .gallery__item:hover .tt-gallery-1-caption {
    opacity: 1;
}

.gallery-section .gallery__item:hover .tt-gallery-1-caption-inner {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.gallery-section .tt-gallery-1-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black);
    opacity: 0.1;
}

/*Lightboxproject page*/
.gallery-section.no-filter {
    padding-bottom: 65px;
}

/*Single project page*/
.gallery-section .customer-info {
    padding: 15px;
}

.gallery-section .customer-info ul li:not(:last-child) {
    padding-bottom: 15px;
}

.gallery-section .customer-info ul li strong {
    color: #2e2e95;
    font-size: 16px;
    margin-right: 12px;
}

.gallery-section .customer-info ul li .fa {
    color: #ef434c;
}

.gallery-section .bottom-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.gallery-section .bottom-section .social-wraper ul {
    display: flex;
    flex-direction: row;
}

.gallery-section .bottom-section .social-wraper ul li {
    margin-left: 0px;
    margin-right: 20px;
}

.gallery-section .bottom-section .social-wraper ul li a {
    position: relative;
    color: var(--color-gray-dark);
    font-size: 16px;
}

.gallery-section .bottom-section .navigation ul {
    display: flex;
}

.gallery-section .bottom-section .navigation ul li {
    margin-left: 10px;
}

.gallery-section .bottom-section .navigation ul li a {
    position: relative;
    color: var(--color-gray-dark);
    font-size: 16px;
}

/*---------------Contact form section-----------------*/
.request-call-bg h4 {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.request-call-bg.request-call-bg-green {
    background: #3aa27f;
}

.request-call-bg.request-call-bg-green .request-call-form p {
    color: #fff;
}

.request-call-bg-green .sec-title .decor-line {
    background: #fff !important;
}

.request-call-bg-green.request-call-bg .sec-title p {
    color: #fff;
}

.request-call-bg-green .request-call-form .thm-button {
    background: var(--color-green-primary);
    color: var(--color-white);
}

.request-call-bg .thm-btn {
    text-transform: uppercase;
    background: var(--color-green-primary);
    display: inline-block;
    padding: 12px 30px;
    color: var(--color-white);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    border-radius: 10px;
    width: 200px;
    transition: 0.4s;
    border: 2px solid var(--color-green-primary);
}

.request-call-bg .sec-title p {
    color: #b0b0b0;
    padding-top: 35px;
}

.request-call-form {
    margin: 0px -15px 0 -15px;
}

.request-call-form select {
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 30px;
    height: 50px;
}

.request-call-form p {
    margin: 0 0 20px 0;
}

.request-call-form input[type="text"] {
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 20px;
    height: 50px;
}

.request-call-bg .contact-info .tel-box .icon-box {
    display: table-cell;
    vertical-align: top;
}

.request-call-bg .contact-info .tel-box .text-box {
    display: table-cell;
    vertical-align: top;
    padding-left: 14px;
}

.request-call-bg .contact-info .tel-box .text-box p {
    margin: 0;
}

.request-call-bg .contact-info .tel-box .icon-box i {
    font-size: 20px;
    color: var(--color-green-primary);
}

.request-call-bg .info-box {
    border: 2px solid var(--color-green-primary);
    padding: 15px;
}

/*--------------------------------*/
/*  3. Index-2/*--------------------------------*/
/*------------Search bar-2--------------*/
.listing-2 {
    margin-top: -60px;
    background: transparent;
}

.listing-2 .form-wrapper-2 {
    background-color: var(--color-green-primary);
    padding: 15px 19px 0px;
    border-radius: 5px;
}

/*------------welcome section-2--------------*/
.our-overview-2 {
    padding-bottom: 60px;
}

.our-overview-2 .toggle {
    margin-bottom: 20px;
}

.our-overview-2 .questions .toggle:last-child {
    margin-bottom: 30px;
}

.our-overview-2 .toggle .toggle-heading a {
    display: block;
    padding: 15px 13px 15px 55px;
    background: var(--color-white);
    border: 1px solid #777;
    border-radius: 35px;
    color: var(--color-gray-dark);
    position: relative;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    -webkit-box-shadow: 1px 3px 6px -6px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 1px 3px 6px -6px rgba(0, 0, 0, 0.62);
    box-shadow: 1px 3px 6px -6px rgba(0, 0, 0, 0.62);
}

.our-overview-2 .toggle i {
    width: 23px;
    height: 23px;
    border: 2px solid transparent;
    border-radius: 100%;
    font-size: 14px;
    line-height: 21px;
    margin-right: 10px;
    text-align: center;
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -11.5px;
    color: #2e2e95;
    border: 2px solid #c0c0c0;
}

.our-overview-2 .toggle .toggle-body {
    padding: 20px 0 4px;
    font-size: 16px;
    line-height: 25px;
}

.wpb_single_image {
    margin-bottom: 30px;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    width: 100%;
}

.wpb_single_image .vc_figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
}

.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.cart-service {
    background: #87B344;
    padding: 30px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.75);
    margin-bottom: 30px;
    border-radius: 5px;
}

.cart-service .icon {
    font-size: 43px;
    margin-bottom: 8px;
}

.cart-service h4 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
}

.cart-service .text {
    padding-bottom: 8px;
    font-size: 13px;
    opacity: 0.8;
}

/*--------------About us-2 section-----------------*/
.about {
    display: grid;
    grid-template-columns: [sidebar-start] 0rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(8,
            [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
}

.about .story__content span {
    font-size: 30px;
    line-height: 32px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 10px;
}

.about .story__content h3 {
    font-size: 38px;
    line-height: 42px;
}

.story__pictures {
    background-color: var(--color-green-primary);
    grid-column: full-start / col-end 4;
    background-image: linear-gradient(rgba(7, 35, 47, 1), rgba(77, 183, 234, 0.5)), url("../img/background/1.jpg");
    background-size: cover;
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .story__pictures {
        grid-column: 1 / -1;
        padding: 6rem;
    }
}

.story__img--1 {
    width: 100%;
    grid-row: 2 / 6;
    grid-column: 2 / 6;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 50em) {
    .story__img--1 {
        grid-column: 1 / 5;
        grid-row: 1 / -1;
    }
}

.story__img--2 {
    width: 115%;
    grid-row: 4 / 6;
    grid-column: 4 / 7;
    z-index: 20;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 50em) {
    .story__img--2 {
        grid-row: 1 / -1;
        width: 100%;
    }
}

.story__content {
    background-color: #f9f7f6;
    grid-column: col-start 5 / full-end;
    padding: 6rem 8vw;
    /*          display: flex;          flex-direction: column;          justify-content: center;          align-items: flex-start;          */
    display: grid;
    align-content: center;
    justify-items: start;
}

@media only screen and (max-width: 50em) {
    .story__content {
        grid-column: 1 / -1;
        grid-row: 5 / 6;
    }
}

.story__text {
    font-size: 1.5rem;
    font-style: italic;
    margin-bottom: 4rem;
}

/*-----------Rooms offer-2 section-----------*/
.single-awesome-project-2 {
    float: left;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

.project-all {
    margin-top: -40px;
}

.project-all .single-awesome-project-2 {
    margin-top: 40px;
    background: #fff;
}

.first-item {
    margin-bottom: 30px;
}

.project-carousel .col-md-4 {
    width: 100%;
}

.awesome-img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.awesome-img .price {
    animation: color 0.3s ease-in-out;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    display: inline-block;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    position: absolute;
    left: 20px;
    bottom: 0;
    background-color: var(--color-black);
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

.awesome-img img {
    transform: scale(1.1);
    transition: 0.4s;
}

.single-awesome-project:hover .awesome-img img {
    transform: scale(1);
    transition: 0.4s;
}

.awesome-img>a {
    display: block;
    position: relative;
}

.single-awesome-project-2:hover .awesome-img>a::after {
    opacity: 1;
}

.single-awesome-project-2:hover .add-actions {
    opacity: 1;
}

.awesome-img>a::after {
    transition: 0.4s;
}

.add-actions {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9999;
    top: 0;
    cursor: pointer;
}

.port-icon {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    top: 41%;
    position: relative;
    font-size: 40px;
}

.project-dec-2 {
    display: block;
    padding: 20px 15px;
    background: #fff;
}

.project-dec-2 h4 {
    color: var(--color-gray-dark);
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
    margin-bottom: 5px;
    cursor: pointer;
}

.project-dec-2 span {
    font-size: 16px;
    background: transparent;
    border: 1px solid #c7c7c7;
    border-radius: 100%;
    line-height: 38px;
    width: 38px;
    display: inline-block;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    margin-right: 14px;
    transition: all 0.7s ease 0s;
}

.project-dec-2 a {
    color: #87B344;
    font-weight: 700;
}

.project-dec-2 a:hover {
    color: #333;
}

.project-dec-2 span {
    font-size: 14px;
}

.project-dec-2 p {
    margin-bottom: 0px;
}

.project-dec-2 .rating {
    padding: 15px 0;
}

.rating i.voted {
    color: #87B344;
}

.rating i {
    margin-right: 2px;
    color: #ddd;
}

.pst-content {
    padding-left: 10px;
}

.project-dec-2 ul {
    padding: 20px 0 0 0;
    border-top: 1px solid #ededed;
}

.project-dec-2 ul li {
    display: inline-block;
    margin-right: 15px;
}

.project-dec-2 ul li:last-child {
    margin-right: 0;
    float: right;
}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: var(--color-green-primary);
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    bottom: -15px;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border: 1px solid var(--color-green-primary);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
    right: -3%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
    left: -3%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
    color: #fff;
    background: var(--color-green-primary);
    border: 1px solid var(--color-green-primary);
}

/*------------Testimonial-2 section--------------*/
.testimonial-section-2 blockquote {
    position: relative;
    margin: 30px 0;
    padding: 40px 40px 40px 40px;
    font-size: 15px;
    line-height: 26px;
    background-color: var(--color-white);
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    color: #777;
    font-weight: 300;
    transition: all 500ms ease;
}

.testimonial-section-2 .testimonials-author h5 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0px;
}

.testimonial-section-2 blockquote .icon-holder {
    background: #f7f7f7;
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: block;
    text-align: center;
    border: 3px solid #e1e1e1;
    left: 30px;
    top: -30px;
    z-index: 2;
    transition: all 500ms ease;
}

.testimonial-section-2 blockquote:hover .icon-holder {
    border-color: #87B344;
}

.testimonial-section-2 blockquote:hover {
    border-color: #87B344;
}

.testimonial-section-2 blockquote .icon-holder i {
    color: #87B344;
    font-size: 30px;
    line-height: 64px;
}

.testimonial-section-2 blockquote:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e1e1e1 transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.testimonial-section-2 blockquote:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -18px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.testimonial-section-2 .item {
    margin: 0 30px 60px 30px;
}

.testimonial-section-2 .testimonials-author .author-img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.testimonial-section-2 .testimonials-author h4 {
    font-weight: 600;
    font-size: 15px;
    padding-top: 14px;
    color: #222222;
    line-height: 24px;
}

.testimonial-section-2 .testimonials-author span {
    font-weight: 300;
    font-size: 14px;
    color: #222222;
}

.testimonial-section-2 .testimonials-author ul {
    list-style-type: none;
}

.testimonial-section-2 .testimonials-author ul li {
    display: inline-block;
    color: #87B344;
}

/*-------------Galery section-2-----------------*/
.gallery-carousel {
    margin: 0;
    padding: 0 35px 50px 35px;
}

.galery-item {
    float: left;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

.galery-item .awesome-img {
    margin: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.gallery-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
    background: transparent;
    display: inline-block;
    height: 8px;
    width: 32px;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border: 2px solid #c4c8ff;
}

.gallery-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
    bottom: 0px;
    display: block;
    left: 46.5%;
    position: absolute;
}

.gallery-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
    display: inline-block;
    margin: 0 3px;
}

.gallery-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
    background: #c4c8ff;
}

.gallery-carousel .owl-dots {
    margin-top: 30px;
}

/*--------------------------------*/
/*  4. Index-3/*--------------------------------*/
/*---------------Menu section----------------*/
.main-menu-three {
    background: #fff;
    z-index: 100;
    width: 100%;
}

.main-menu-three #main-navigation-wrapper.navbar-default {
    background: rgba(7, 35, 47, 0.3);
    border: none;
    border-radius: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.main-menu-three #main-navigation-wrapper.affix {
    background: #fff;
    box-shadow:
        0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.main-menu-three #main-navigation-wrapper .logo {
    margin: 25px 0 25px;
    max-width: 210px;
}

.main-menu-three #main-navigation-wrapper .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.main-menu-three #main-navigation-wrapper .nav>li>a {
    padding: 44px 17px;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    outline: 0;
    line-height: 1.42857143;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

.main-menu-three ul.nav.navbar-nav {
    float: right;
}

.main-menu-three #main-navigation-wrapper .navbar-form {
    padding: 0;
    margin: 0;
}

.main-menu-three #main-navigation-wrapper .navbar-nav {
    margin-left: 0;
    margin-right: 0;
}

.main-menu-three #main-navigation-wrapper.navbar-default .navbar-nav>.open>a,
.main-menu-three #main-navigation-wrapper.navbar-default .navbar-nav>.open>a:focus,
.main-menu-three #main-navigation-wrapper.navbar-default .navbar-nav>.open>a:hover,
.main-menu-three #main-navigation-wrapper.navbar-default .navbar-nav>li:hover>a {
    background: none;
    color: #87B344;
}

.main-menu-three #main-navigation-wrapper .navbar-form {
    background: var(--color-black);
    padding: 15px 20px 15px 30px;
    border-left: 1px solid #20202c;
    border-right: 1px solid #20202c;
}

.main-menu-three #main-navigation-wrapper .navbar-form input {
    border-radius: 0;
    border: none;
    outline: none;
    background-color: transparent;
    width: calc(100% - 32px);
    color: #fff;
}

.main-menu-three #main-navigation-wrapper .navbar-form button {
    border: none;
    outline: none;
    background-color: transparent;
}

.main-menu-three #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    padding: 0;
    border: none;
    border-radius: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-width: 220px;
    background: #fff;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    border-top: 2px solid rgb(46, 46, 149);
}

.main-menu-three #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu>li {
    border-bottom: 1px solid #ddd;
    padding: 0;
    position: relative;
    width: 100%;
}

.main-menu-three #main-navigation-wrapper .navbar-nav>li .dropdown-submenu2 {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    padding: 0;
    border: none;
    border-radius: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-width: 220px;
    background: #10252e;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
}

.main-menu-three #main-navigation-wrapper .navbar-nav ul.dropdown-submenu li.new {
    position: relative;
}

.main-menu-three #main-navigation-wrapper .navbar-nav ul.dropdown-submenu li.new:hover a {
    color: #fff;
}

.main-menu-three #main-navigation-wrapper .dropdown-submenu2>li:hover a {
    color: #fff !important;
}

.main-menu-three #main-navigation-wrapper .navbar-nav>li:hover>.dropdown-submenu,
.main-menu-three #main-navigation-wrapper .navbar-nav>.open>.dropdown-submenu,
.main-menu-three #main-navigation-wrapper .navbar-nav .dropdown-submenu li:hover .dropdown-submenu2 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.main-menu-three #main-navigation-wrapper .dropdown-submenu>li>a,
.main-menu-three #main-navigation-wrapper .dropdown-submenu2>li>a {
    color: rgb(68, 68, 68);
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    padding: 10px 15px;
    transition: 0.5s ease-in-out;
}

.main-menu-three #main-navigation-wrapper .dropdown-submenu>li:last-child a,
.main-menu-three #main-navigation-wrapper .dropdown-submenu2>li:last-child a {
    border: none;
}

.main-menu-three #main-navigation-wrapper .dropdown-submenu>li>a:focus,
.main-menu-three #main-navigation-wrapper .dropdown-submenu>li>a:hover,
.main-menu-three #main-navigation-wrapper .dropdown-submenu2>li>a:focus,
.main-menu-three #main-navigation-wrapper .dropdown-submenu2>li>a:hover {
    background-color: transparent;
    color: #87B344;
}

.main-menu-three.finance-navbar.affix {
    top: 0;
    left: 0;
    right: 0;
    position: fixed !important;
    margin: 0;
    animation: fadeItIn 1s;
    z-index: 1000;
    -webkit-box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.47);
}

.Marcho-navbar2.affix {
    padding: 20px 0 0 0 !important;
    background: #12121b;
}

.main-menu-three.finance-navbar.affix .navbar-default {
    background: var(--color-green-primary) !important;
}

.Marcho-navbar2 .logo a:nth-child(2),
.Marcho-navbar2.affix .logo a:nth-child(1) {
    display: none;
}

.Marcho-navbar2.affix .logo a:nth-child(2) {
    display: block;
}

.style-home-page2 .Marcho-navbar2.affix #main-navigation-wrapper .nav>li {
    padding: 0 0 24px 0;
}

.navbar-toggle {
    margin: 35px 0;
    float: left;
}

@keyframes fadeItIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
}

/*--------------Search bar-3--------------*/
.listing-3 {
    padding: 10px 10px 19px 10px;
    margin-top: -130px;
    background: transparent;
}

.listing-3 .form-wrapper-3 {
    background-color: rgba(7, 35, 47, 0.6);
    padding: 15px 19px 0px;
    border-radius: 5px;
}

/*-----------welcome section-3------------*/
.welcome-section-3 {
    padding-bottom: 35px;
}

.welcome-section-3 .service-sec {
    margin: 0 0 55px 0;
    float: left;
}

.welcome-section-3 .service-sec .icon {
    width: 96px;
    height: 96px;
    float: left;
    color: #fff;
    font-size: 50px;
    border-radius: 50%;
    text-align: center;
    background: #87B344;
    line-height: 85px;
}

.welcome-section-3 .service-sec .detail {
    float: right;
    width: 78%;
    margin: -5px 0 0 0;
}

.welcome-section-3 .service-sec .detail p {
    margin-bottom: 0;
}

/*---------------Best offer-3 section----------------*/
.best-offer-3 {
    background-image: url("../img/background/2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.best-offer-3 .offer-title h2 {
    color: #fff;
}

.best-offer-3 .offer-title p {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    margin-top: 30px;
}

.best-offer-3 .offer-title a {
    border: 2px solid var(--color-green-primary);
    color: var(--color-white);
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 22px;
    text-align: center;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: var(--color-green-primary);
    border-radius: 10px;
    width: 160px;
}

.best-offer-3 .offer-title a:hover,
.best-offer-3 .offer-title a:focus,
.request-call-bg .thm-btn:hover,
.request-call-bg .thm-btn:focus {
    background: var(--color-white) !important;
    border-color: var(--color-green-primary) !important;
    color: var(--color-green-primary) !important;
}

/*---------------Galery section-3-------------------*/
.gallery-3 {
    background-color: var(--color-green-primary);
}

.gallery-3 .section-titleBar h3 {
    color: #fff;
}

.gallery-3 .section-titleBar p {
    color: #fff;
}

.gallery-3 .gallery-section {
    background-color: var(--color-green-primary);
}

/*--------------------------------*/
/*  5. Index-4/*--------------------------------*/
.welcome-section-4 .section-titleBar h3 {
    text-transform: uppercase;
    margin: 0px 0 20px 0;
}

.welcome-section-4 .intro_images {
    width: 100%;
    height: 588px;
    visibility: inherit;
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.welcome-section-4 .intro_1 {
    position: absolute;
    top: 0;
    right: 0;
}

.welcome-section-4 .button {
    margin-top: 20px;
}

.welcome-section-4 .intro_2 {
    position: absolute;
    bottom: 0;
    right: 98px;
    box-shadow: 0px 23px 35px rgba(4, 4, 4, 0.54);
}

.welcome-section-4 .intro_3 {
    position: absolute;
    top: 51px;
    left: 0;
    box-shadow: 0px 23px 35px rgba(4, 4, 4, 0.54);
}

.welcome-section-4 .intro_img img {
    max-width: 100%;
}

.fluid-know-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.fluid-know-area .service-promo .promo-content {
    max-width: 670px;
    margin: 0;
    z-index: 2;
    position: relative;
    padding: 0 0 0 5em;
}

.fluid-know-area .service-promo .know-top {
    border-bottom: 1px solid #0b1c30;
}

.fluid-know-area .service-promo .know-top h3 {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 50px;
    margin-bottom: 20px;
    font-size: 36px;
}

.fluid-know-area .service-promo .know-top p {
    color: #b5c9db;
    margin: 0 0 2.5em;
    padding: 0;
    font:
        400 1.0715em/1.8em "Open Sans",
        sans-serif;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.fluid-know-area .service-promo .know-bot {
    border-top: 1px solid #234470;
    padding: 2em 0 0;
}

.fluid-know-area .service-promo .know-bot ul {
    margin: 0;
    padding: 0;
}

.fluid-know-area .service-promo .know-bot ul li {
    margin: 0;
    padding: 0 18px;
    display: inline-block;
    border-right: 1px dashed #6e6e6e;
}

.fluid-know-area .service-promo .know-bot ul li:last-child {
    border-right: 1px dashed transparent;
    padding-right: 0;
}

.fluid-know-area .service-promo .know-bot ul li:first-child {
    padding-left: 0;
}

.fluid-know-area .service-promo .know-bot ul li .about-img {
    float: left;
    margin: 0 1em 0 0;
}

.fluid-know-area .service-promo .know-bot ul li .about-img i {
    color: #87B344;
    font-size: 35px;
    line-height: 44px;
}

.fluid-know-area .service-promo .know-bot ul li .about-cont {
    float: left;
}

.fluid-know-area .service-promo .know-bot ul li .about-cont p {
    color: #fff;
    margin: 0;
    padding: 0;
    font:
        400 1.33em/1.3em "Open Sans",
        sans-serif;
}

.fluid-know-area .work-image-ser img {
    width: 100%;
    height: 32.7em;
}

@media (max-width: 991px) {
    .fluid-know-area {
        display: block;
    }
}

.fluid-know-area .work-image-ser {
    width: -webkit-calc(50% - 115px);
    width: calc(50% - 115px);
    float: left;
    text-align: right;
    display: block;
    position: relative;
}

@media (max-width: 991px) {
    .fluid-know-area .work-image-ser {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .fluid-know-area .work-image-ser img {
        width: 100%;
    }
}

.fluid-know-area .service-promo {
    width: -webkit-calc(50% + 115px);
    width: calc(50% + 115px);
    float: left;
    position: relative;
    background: var(--color-green-primary);
}

@media (max-width: 991px) {
    .fluid-know-area .service-promo {
        width: 100%;
    }
}

.big_room_slider_container {
    height: 100%;
}

.background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background: url(../img/rooms/6.jpg) no-repeat;
}

.events-section blockquote {
    position: relative;
    margin: 30px 0;
    padding: 40px 40px 40px 40px;
    font-size: 15px;
    line-height: 26px;
    background-color: var(--color-white);
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    color: #777;
    font-weight: 300;
    transition: all 500ms ease;
}

.events-section blockquote .icon-holder {
    background: #f7f7f7;
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: block;
    text-align: center;
    border: 3px solid #e1e1e1;
    left: 30px;
    top: -30px;
    z-index: 2;
    transition: all 500ms ease;
}

.events-section blockquote:hover .icon-holder {
    border-color: #87B344;
}

.events-section blockquote:hover {
    border-color: #87B344;
}

.events-section blockquote .icon-holder i {
    color: #87B344;
    font-size: 30px;
    line-height: 64px;
}

.events-section blockquote:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e1e1e1 transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.events-section blockquote:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -18px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.events-section .item {
    margin: 0 30px 60px 30px;
}

.events-section .testimonials-author .author-img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.events-section .testimonials-author h4 {
    font-weight: 600;
    font-size: 15px;
    padding-top: 14px;
    color: #222222;
    line-height: 24px;
}

.events-section .testimonials-author span {
    font-weight: 300;
    font-size: 14px;
    color: #222222;
}

.events-section .testimonials-author ul {
    list-style-type: none;
}

.events-section .testimonials-author ul li {
    display: inline-block;
    color: #87B344;
}

.events-section .our-events .date-box {
    width: 86px;
    height: 86px;
    float: left;
    color: #fff;
    font-size: 50px;
    border-radius: 5px;
    text-align: center;
    background: #87B344;
    line-height: 85px;
    margin-right: 10px;
}

.events-section .our-events .date-box .date-inner {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.events-section .our-events .date-box .date-inner .date-text-inner {
    display: table-cell;
    vertical-align: middle;
}

.events-section .our-events .date-box .date-inner .date-text-inner p {
    color: #fff;
    font-size: 29px;
    margin: 0;
    padding: 0;
    line-height: 24px;
    font-weight: 700;
}

.events-section .our-events .date-box .date-inner .date-text-inner span {
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: 500;
}

.events-section .our-events .media-body h4 {
    margin: 0 0 0.3em;
    padding: 0;
    font:
        700 1.0715em/1em "Open Sans",
        sans-serif;
    text-transform: uppercase;
}

.events-section .our-events .media-body p {
    margin: 0;
}

.newsletter-section {
    background-image: url(../img/background/2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.newsletter-section .offer-title h2 {
    color: #fff;
}

.newsletter-section .offer-title p {
    color: #fff;
}

.newsletter-section .form-group {
    position: relative;
    width: 40%;
    margin: 0 auto;
}

.newsletter-section .form-group input {
    font-size: 15px;
    width: 100%;
    padding-right: 3em;
    border: none;
    background: #fff;
    color: #333333 !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 50px;
}

.newsletter-section .form-group button {
    position: absolute;
    top: 0;
    right: -1px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #87B344;
    color: #fff;
    border: none;
    padding: 15px 25px;
}

.offer-section {
    padding-bottom: 40px;
}

.offer-section .desc .project-dec-2 {
    display: block;
    padding: 20px 15px;
    background: #fff;
}

.offer-section h4 {
    color: var(--color-gray-dark);
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
    margin-bottom: 5px;
    cursor: pointer;
}

.offer-section .tour {
    margin-bottom: 50px;
}

.offer-section .tour-img {
    height: 300px;
    margin-bottom: 20px;
    display: block;
    position: relative;
    overflow: hidden;
}

.offer-section .tour-img .price {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00bbf0;
    color: #fff;
    padding: 8px 12px;
    margin: 0;
}

.offer-section a {
    color: #87B344;
    font-weight: 700;
}

.offer-section a:hover {
    color: #333;
}

.offer-section span {
    font-size: 14px;
}

.offer-section p {
    margin-bottom: 0px;
}

.offer-section .rating {
    padding: 15px 0;
}

.rating i.voted {
    color: #87B344;
}

.rating i {
    margin-right: 2px;
    color: #ddd;
}

.pst-content {
    padding-left: 10px;
}

.offer-section ul {
    padding: 20px 0 0 0;
    border-top: 1px solid #ededed;
}

.offer-section ul li {
    display: inline-block;
    margin-right: 15px;
}

.offer-section ul li:last-child {
    margin-right: 0;
    float: right;
}

.offer-section .desc a {
    color: #fff;
    margin-top: 10px;
}

/*--------------------------------*/
/*  6. Index-5/*--------------------------------*/
.welcome-section-5 .wel-wrap-inner .section-titleBar {
    float: left;
    width: 38%;
    padding: 0 5% 0 0;
}

.welcome-section-5 .wel-wrap-inner .section-titleBar .rating i {
    font-size: 18px;
}

.welcome-section-5 .wel-wrap-inner .description-wrap {
    float: left;
    width: 58%;
    padding: 15px 0 5px 7%;
    border-left: 1px solid #c2c2c2;
}

.welcome-section-5 .wel-wrap-inner .description-wrap span {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px;
    color: var(--color-gray-dark);
    font-weight: 700;
}

.our-advantages-5 {
    padding-bottom: 0;
}

.our-advantages-5 .nav li:hover img,
.our-advantages-5 .nav li:focus img {
    transform: scale(1.1);
    opacity: 0.7;
}

.our-advantages-5 .nav li {
    position: relative;
    overflow: hidden;
}

.our-advantages-5 .nav li .mask {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.4);
    opacity: 0.2;
    background: var(--color-green-primary);
}

.our-advantages-5 .nav li img {
    opacity: 1;
    transition: all 300ms linear 0s;
}

.news-section .post {
    border-radius: 5px;
    overflow: hidden;
    margin-right: 15px;
}

.news-section .post .img-holder {
    position: relative;
    background: var(--color-black);
    overflow: hidden;
}

.news-section .post .img-holder img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition:
        -webkit-transform 0.4s ease,
        opacity 0.4s ease;
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

.news-section .post .img-holder:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
    cursor: pointer;
}

.news-section .post .detail {
    background: #fff;
    padding: 20px;
    position: relative;
}

.news-section .post .detail img {
    width: 56px !important;
    position: absolute;
    top: 0;
    border-radius: 100% !important;
    border: solid 4px #fff;
    margin: -28px 0 0 0;
}

.news-section .post .detail h4 {
    font-weight: 400;
    margin: 25px 0 7px 0;
    font-size: 20px;
    font-weight: 500;
}

.news-section .post .detail a {
    color: var(--color-gray-dark);
    display: block;
}

.news-section .post .detail span.comment {
    float: right;
}

.news-section .post .detail span {
    color: var(--color-gray-dark);
    font-size: 14px;
    margin: 22px 0 0 0;
    display: inline-block;
}

/*----------------------------------------*/
/*  7. Footer section/*----------------------------------------*/
.footer {
    /* background-image: url("../img/background/home-footer-1.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background: var(--color-green-primary);
    padding-bottom: 40px;
}

.footer .about-widget .logo img {
    max-width: 240px;
}

.footer .footer-widget {
    margin-bottom: 50px;
}

.footer h2,
.footer h4,
.footer ul,
.footer li,
.footer p {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer p {
    line-height: 24px;
    color: #d2d2d2;
}

.footer .title {
    margin-bottom: 6px;
}

.footer .title h4 {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    line-height: 26px;
    position: relative;
    top: -5px;
}

.subscribe-widget .tel-box {
    margin-bottom: 15px;
}

.footer .tel-box .icon,
.footer .tel-box .text {
    display: table-cell;
    vertical-align: top;
}

.footer .tel-box .icon i {
    font-size: 20px;
    color: #e7e7e7;
}

.footer .tel-box .text {
    padding-left: 10px;
}

.footer .tel-box .text h4 {
    font-size: 20px;
    line-height: 22px;
    color: var(--color-green-primary);
    font-weight: 600;
}

.footer .tel-box .text p {
    color: #d2d2d2;
    font-size: 14px;
    line-height: 22px;
}

.footer .tel-box .text p a {
    color: #d2d2d2;
}

.footer .links-widget.links-widget-pac {
    padding: 0 0 0 25px;
}

.footer .links-widget ul {
    margin-top: 1px;
}

.footer .links-widget ul li {
    margin-bottom: 10px;
}

.footer .links-widget ul li:last-child {
    margin-bottom: 0;
}

.footer .links-widget ul li a {
    font-size: 15px;
    color: #d2d2d2;
    line-height: 18px;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.footer .links-widget ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    margin-right: 11px;
}

.footer .links-widget ul li a:hover {
    color: var(--color-green-primary);
}

.footer .links-widget.links-widget-pac ul li a,
.footer .links-widget.links-widget-pac ul li a:hover,
.footer .links-widget.links-widget-pac ul li a:focus,
.footer .links-widget.links-widget-pac ul li a:active,
.footer .links-widget.links-widget-pac ul li a:visited {
    color: var(--color-white) !important;
}

.footer .footer-widget.subscribe-widget a,
.footer .footer-widget.subscribe-widget a:hover,
.footer .footer-widget.subscribe-widget a:focus,
.footer .footer-widget.subscribe-widget a:active,
.footer .footer-widget.subscribe-widget a:visited,
.footer .footer-widget.subscribe-widget .tel-box .text p a,
.footer .footer-widget.subscribe-widget .tel-box .text p a:hover,
.footer .footer-widget.subscribe-widget .tel-box .text p a:focus,
.footer .footer-widget.subscribe-widget .tel-box .text p a:active,
.footer .footer-widget.subscribe-widget .tel-box .text p a:visited,
.footer .footer-widget.subscribe-widget .social li a:hover {
    color: var(--color-white) !important;
}

.footer .social li a {
    width: 35px;
    height: 35px;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    text-align: center;
    display: block;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-right: 5px;
}

.footer .social li a i {
    font-size: 17px;
    line-height: 33px;
}

.footer .social li a i .fa-google-plus {
    font-size: 12px;
}

.footer .social li a:hover {
    color: var(--color-green-primary);
    border-color: var(--color-green-primary);
}

.footer .subscribe-widget input {
    width: 100%;
    height: 45px;
    background: var(--color-white);
    font-size: 15px;
    line-height: 45px;
    border-radius: 4px;
    padding: 0 65px 0 20px;
    color: #838486;
    border: none;
}

.footer .about-widget>p {
    margin-top: 22px;
}

.footer .footer-widget .ped-btn-footer {
    border: 2px solid var(--color-green-primary);
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 20px;
    padding: 0px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: var(--color-green-primary);
    width: 100%;
    border-radius: 10px;
    line-height: 45px;
}

.footer .about-widget .link {
    margin-top: 10px;
}

.footer .about-widget .link a {
    font-size: 14px;
    text-transform: uppercase;
    color: #e7e7e7;
    font-weight: 600;
}

.footer .about-widget .tel-box {
    margin: 15px 0;
}

.footer-bottom {
    border-top: 1px solid #142b35;
    background: var(--color-gray-light);
    padding: 27px 0;
}

.footer-bottom p {
    margin: 0;
    font-size: 14px;
    color: #9ca8b5;
}

.footer-bottom .copyright-text {
    text-align: center;
    line-height: 1.6;
}

.footer-bottom .copyright-text a,
.footer-bottom .copyright-text a:hover,
.footer-bottom .copyright-text a:focus {
    color: var(--color-green-primary);
}

.footer-bottom .pull-right p a,
.footer-bottom .pull-right p a:hover,
.footer-bottom .pull-right p a:focus {
    color: var(--color-green-primary);
}

.footer .newsletter-widget {
    position: relative;
    margin: 15px 0 20px 0;
}

.footer2 .footer-bottom p {
    color: #797a7c;
}

.footer2 {
    background: #222229;
    padding: 65px 0;
}

.footer-bottom2 {
    background: var(--color-green-primary);
}

.footer-bottom2 .pull-right p {
    color: var(--color-green-primary);
}

.footer2 .tel-box .icon-box i {
    color: var(--color-green-primary);
}

.footer2 .twitter-widget,
.footer2 .about-widget {
    padding: 0 20px 0 0;
}

.footer .title2 h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #d5d5d5;
    line-height: 26px;
    position: relative;
    top: -5px;
    text-transform: uppercase;
}

.twitter-widget ul li span {
    color: var(--color-green-primary);
}

.twitter-widget ul li a:before {
    display: none;
}

.twitter-widget p {
    display: inline;
    color: #797a7c;
}

.flickr-widget img {
    float: left;
    padding: 0 5px 5px 0;
}

.flickr-widget li:nth-child(3) img,
.flickr-widget li:nth-child(6) img {
    padding: 0 0 5px 0 !important;
}

.flickr-widget {
    width: 200px;
    float: right;
}

/*----------------------------------------*/
/*  8. Breadcumbs section/*----------------------------------------*/
.page-section {
    position: relative;
}

.page-section {
    background: url(../img/background/sub-banner-hotel.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.page-section-events {
    background: url(../img/background/background-events.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.page-section-informativos {
    background: url(../img/background/sub-banner-informativo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.page-section-contact {
    background-image: linear-gradient(rgba(56, 70, 33, .40), rgba(56, 70, 33, .40)), url(../img/contato/banner-comunicacao-humano.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-section-contact .breadcumb-overlay {
    background: transparent;
}

.page-section-contact .white-headline h3 {
    color: var(--color-green-dark);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}

.documento-pdf-modal .modal-dialog {
    width: min(1100px, calc(100% - 30px));
}

.documento-pdf-modal .modal-body {
    padding: 0;
}

.documento-pdf-modal iframe {
    display: block;
    width: 100%;
    height: 75vh;
    border: 0;
}

/* Nonno Tito restaurant page */
.restaurant-page { color: #4c5630; }
.restaurant-hero { position: relative; overflow: hidden; }
.restaurant-hero > img { width: 100%; min-height: 420px; object-fit: cover; }
.restaurant-hero__overlay { position: absolute; inset: 0; display: flex; align-items: center; background: linear-gradient(90deg, rgba(60, 72, 31, .94) 0%, rgba(60, 72, 31, .78) 34%, rgba(60, 72, 31, .08) 64%); color: #fff; }
.restaurant-hero__content { max-width: 440px; text-align: center; padding: 30px 45px; }
.restaurant-hero__content span { display: block; font-family: Georgia, serif; font-size: 48px; letter-spacing: 2px; text-transform: uppercase; }
.restaurant-hero__content h1 { color: #fff; font-family: Georgia, serif; font-size: 38px; font-style: italic; font-weight: 400; margin: 55px 0; }
.restaurant-hero__content p { border-top: 1px solid rgba(255,255,255,.45); border-bottom: 1px solid rgba(255,255,255,.45); color: #fff; font-size: 19px; letter-spacing: 1px; padding: 22px 0; text-transform: uppercase; }
.restaurant-highlights { background: #445225; color: #fff; padding: 23px 0; }
.restaurant-highlight { align-items: center; display: flex; font-size: 15px; font-weight: 700; gap: 14px; min-height: 45px; text-transform: uppercase; }
.restaurant-highlight i { border: 1px solid rgba(255,255,255,.55); border-radius: 50%; font-size: 22px; height: 42px; line-height: 40px; text-align: center; width: 42px; }
.restaurant-intro { background: #fdfbf6; }
.restaurant-intro__welcome { border-right: 1px solid #e8e3d5; padding-right: 50px; }
.restaurant-intro p, .restaurant-details p { color: #4c5630; font-size: 17px; line-height: 1.65; }
.restaurant-occasions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 24px; list-style: none; margin: 25px 0; padding: 0; }
.restaurant-occasions li { align-items: center; display: flex; font-size: 14px; font-weight: 700; gap: 11px; text-transform: uppercase; }
.restaurant-occasions i { color: #60743a; font-size: 20px; width: 22px; }
.restaurant-note { background: #e4e5ce; border-radius: 18px; font-size: 15px !important; font-weight: 700; padding: 17px 22px; text-transform: uppercase; }
.restaurant-note i { font-size: 24px; margin-right: 14px; }
.restaurant-moments { background: #fff; }
.restaurant-gallery figure { background: #445225; margin: 0 0 25px; overflow: hidden; }
.restaurant-gallery img { height: 205px; object-fit: cover; transition: transform .35s ease; width: 100%; }
.restaurant-gallery figure:hover img { transform: scale(1.05); }
.restaurant-gallery figcaption { color: #fff; font-size: 16px; font-weight: 700; padding: 14px 10px; text-align: center; text-transform: uppercase; }
.restaurant-details { background: #fdfbf6; }
.restaurant-flavors { text-align: center; }
.restaurant-flavors img { aspect-ratio: 1; object-fit: cover; width: 100%; }
.restaurant-flavors strong { display: block; font-size: 14px; margin: 12px 0 18px; text-transform: uppercase; }
.restaurant-flavors > p { margin: 8px auto 0; max-width: 470px; }
.restaurant-hours { text-align: center; }
.restaurant-hours p { margin-bottom: 16px; }
.restaurant-hours__note { font-weight: 700; margin-top: 40px; }
.restaurant-contact__icon { display: block; font-size: 65px; margin: 18px 0 8px; }
.restaurant-contact a { color: #4c5630; font-size: 29px; font-weight: 700; }
.restaurant-contact p { font-family: Georgia, serif; font-size: 20px; font-style: italic; margin-top: 24px; }
@media (max-width: 991px) { .restaurant-intro__welcome { border: 0; margin-bottom: 45px; padding-right: 15px; } .restaurant-details > .container > .row > div { margin-bottom: 45px; } }
@media (max-width: 767px) { .restaurant-hero > img { min-height: 350px; } .restaurant-hero__content { max-width: 330px; padding: 20px; } .restaurant-hero__content span { font-size: 35px; } .restaurant-hero__content h1 { font-size: 31px; margin: 35px 0; } .restaurant-hero__content p { font-size: 15px; } .restaurant-highlight { margin: 8px 0; } .restaurant-occasions { grid-template-columns: 1fr; } }

.restaurant-menu-page { background: #fdfbf6; }
.restaurant-menu-intro { padding-bottom: 45px; }
.restaurant-menu-intro .section-titleBar { margin-bottom: 42px; }
.restaurant-menu-download { display: inline-block; font-size: 14px; padding: 14px 25px; }
.restaurant-menu-download i { font-size: 17px; margin-right: 8px; }
.restaurant-menu-viewer { background: #eef0df; padding: 0 0 80px; }
.restaurant-menu-viewer__frame { background: #fff; box-shadow: 0 8px 30px rgba(61, 72, 30, .16); padding: 10px; }
.restaurant-menu-viewer iframe { border: 0; display: block; height: 85vh; min-height: 680px; width: 100%; }
@media (max-width: 767px) { .restaurant-menu-intro { padding-bottom: 30px; } .restaurant-menu-viewer { padding-bottom: 35px; } .restaurant-menu-viewer__frame { padding: 4px; } .restaurant-menu-viewer iframe { height: 72vh; min-height: 450px; } }

.page-section-restaurant {
    background: url(../img/background/sub-banner-hotel-restaurant.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.breadcumb-overlay {
    position: absolute;
    background: rgba(27, 48, 83, 0.2) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
}

.breadcrumb {
    padding: 100px 0px;
    background-color: transparent;
    margin-bottom: 0;
}

.breadcrumb .section-titleBar h3 {
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 48px;
    text-transform: uppercase;
}

.breadcrumb .section-titleBar {
    margin-bottom: 0px;
}

.breadcrumb .section-titleBar h3::after {
    display: none;
}

.page-breadcrumb .nav-path {
    padding: 10px 0px;
    background: #f7f7f7;
    text-align: center;
}

.page-breadcrumb ul li {
    display: inline-block;
    color: var(--color-gray-dark);
    padding: 0px 10px 0px 20px;
    position: relative;
    font-size: 16px;
}

.page-breadcrumb ul li.home-bread {
    padding-left: 0px;
    padding-right: 24px;
}

.page-breadcrumb ul li.home-bread::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: 7px;
    top: 0;
}

.breadcrumb .section-titleBar::after {
    display: none;
}

.testimonial-page-section {
    background: #fff;
}

.welcome-page-section {
    background: var(--color-gray-light);
}

.pricing-page-section {
    background: var(--color-gray-light);
}

.testimonial-page-section .single-testi {
    margin-top: 30px;
    border: 1px solid #f4f4f4;
}

/*---------------------------------*/
/* 9. LIGHTBOX */
/*---------------------------------*/
#imagelightbox {
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
}

#imagelightbox-close {
    width: 2.5em;
    height: 2.5em;
    text-align: left;
    background-color: #05305a;
    position: fixed;
    z-index: 10002;
    top: 2.5em;
    right: 2.5em;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease;
    border: none;
}

#imagelightbox-close:before,
#imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}

#imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#imagelightbox-close:hover {
    background-color: #fff;
    outline: none;
}

#imagelightbox-close:hover:before,
#imagelightbox-close:hover:after {
    background: #05305a;
}

#imagelightbox-loading,
#imagelightbox-loading div {
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#imagelightbox-loading {
    width: 2.5em;
    height: 2.5em;
    background-color: var(--color-gray-dark);
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em;
    margin: -1.25em 0 0 -1.25em;
    -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
}

#imagelightbox-loading div {
    width: 1.25em;
    height: 1.25em;
    background-color: #fff;
    -webkit-animation: imagelightbox-loading 0.5s ease infinite;
    -moz-animation: imagelightbox-loading 0.5s ease infinite;
    animation: imagelightbox-loading 0.5s ease infinite;
}

#imagelightbox-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#imagelightbox-caption {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    background-color: #05305a;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 0px;
}

.imagelightbox-arrow {
    font-size: 40px;
    line-height: 56px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.32);
    width: 3.75em;
    height: 7.5em;
    background-color: transparent;
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em;
    border: none;
}

.imagelightbox-arrow-left {
    left: 2.5em;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.imagelightbox-arrow-right {
    right: 2.5em;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.imagelightbox-arrow-left:focus,
.imagelightbox-arrow-right:focus {
    outline: none;
}

.imagelightbox-arrow-left:hover,
.imagelightbox-arrow-right:hover {
    color: #fff;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
    -webkit-animation: fade-in 0.25s linear;
    -moz-animation: fade-in 0.25s linear;
    animation: fade-in 0.25s linear;
}

@media only screen and (max-width: 660px) {
    #container {
        width: 100%;
    }

    #imagelightbox-close {
        top: 1.25em;
        right: 1.25em;
    }

    #imagelightbox-nav {
        bottom: 1.25em;
    }

    .imagelightbox-arrow {
        width: 2.5em;
    }

    .imagelightbox-arrow-left {
        left: 1.25em;
    }

    .imagelightbox-arrow-right {
        right: 1.25em;
    }
}

@media only screen and (max-width: 320px) {
    .imagelightbox-arrow-left {
        left: 0;
    }

    .imagelightbox-arrow-right {
        right: 0;
    }
}

@media (max-width: 767px) {
    .block.type-7 .filter-nav li {
        margin-bottom: 10px;
    }

    .block.type-7 .filter-content a {
        display: block;
    }

    .block.type-7 .filter-content a img {
        margin: 0 auto;
    }

    .block.type-7 .icon-wrapper .icon-entry {
        margin-bottom: 30px;
    }

    .footer {
        background-size: cover;
        background-position: center top;
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes imagelightbox-loading {
    from {
        opacity: 0.5;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

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

    to {
        opacity: 0.5;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@-moz-keyframes imagelightbox-loading {
    from {
        opacity: 0.5;
        -moz-transform: scale(0.75);
        transform: scale(0.75);
    }

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

    to {
        opacity: 0.5;
        -moz-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@keyframes imagelightbox-loading {
    from {
        opacity: 0.5;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75);
    }

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

    to {
        opacity: 0.5;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75);
    }
}

/*----------------------------------------*/
/*  10. About page/*----------------------------------------*/
.about-section .owl-theme .owl-controls .owl-nav div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 5px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: url("../img/slider/arrow-cro.png") no-repeat;
    height: 58px;
    width: 58px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    position: absolute;
}

.about-section .owl-theme .owl-controls .owl-prev {
    left: -8%;
    background-position: 0px 0;
    top: 46%;
    color: rgba(142, 18, 18, 0);
}

.about-section .owl-theme .owl-controls .owl-prev {
    left: 5px;
    top: 44%;
}

.about-section .owl-theme .owl-controls .owl-next {
    right: 10px;
    top: 44%;
    background-position: -57px 0 !important;
}

.about-section .owl-theme .owl-controls .owl-prev i {
    display: none;
}

.about-section .owl-theme .owl-controls .owl-next i {
    display: none;
}

.about-section .about-carousel {
    margin-bottom: 20px;
}

.about-whoweare .about-details {
    overflow: hidden;
    display: block;
    padding-top: 10px;
}

.about-whoweare .about-content .lists ul {
    text-align: left;
}

.about-whoweare .about-content .lists ul li {
    line-height: 28px;
}

.about-whoweare .about-content .lists ul li i {
    color: var(--color-green-primary);
    margin-right: 5px;
}

.about-us-activities .about-widget {
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
}

.about-us-activities .mt-20 {
    margin: 15px 0;
}

.about-us-activities .about-widget .text-widget span {
    font-weight: 700;
    font-style: italic;
    color: var(--color-white);
    font-family: "Montserrat", sans-serif;
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-align: center !important;
    display: block;
}

.about-us-activities .about-widget .text-widget {
    position: absolute;
    z-index: 99;
    display: block;
    opacity: 1;
    right: auto;
    top: auto;
    bottom: 55%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    padding: 22px 30px;
    transition: 0.35s;
}

.our-best-sides .box-wrapper {
    margin-top: 14px;
}

.our-best-sides .box-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.our-best-sides .box {
    text-align: center;
    padding: 0 15px;
    position: relative;
}

.our-best-sides .box h4 {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 5px;
    font-weight: 600;
}

.our-best-sides .box p {
    margin: 0;
}

.our-best-sides .box .icon-box {
    margin-bottom: 15px;
}

.our-best-sides .box .icon-box i {
    font-size: 53px;
    color: #87B344;
}

/*--------------------------------*/
/*  11. Contact page/*--------------------------------*/
.map-section .our-location .map {
    height: 460px;
}

.map-section .our-location .map iframe {
    border: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.contact-us .form input[type="text"] {
    width: 100%;
    padding: 0 12px;
    border: solid 1px #b1b1b1;
    height: 48px;
    margin-bottom: 15px;
}

.contact-us .form input[type="email"] {
    width: 100%;
    padding: 0 12px;
    border: solid 1px #b1b1b1;
    height: 48px;
    margin-bottom: 15px;
}

.contact-us .form input[type="tel"] {
    width: 100%;
    padding: 0 12px;
    border: solid 1px #b1b1b1;
    height: 48px;
    margin-bottom: 15px;
}

.contact-us .form select {
    appearance: auto;
    background-color: var(--color-white);
    border: solid 1px #b1b1b1;
    border-radius: 4px;
    color: var(--color-gray-dark);
    font-size: 15px;
    height: 48px;
    margin-bottom: 15px;
    padding: 0 12px;
    width: 100%;
}

.contact-us .section-titleBar h3.contact-section-title {
    text-transform: none;
}

.contact-us .form label {
    color: var(--color-gray-dark);
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 7px;
}

.contact-us .form textarea {
    width: 100%;
    height: 165px;
    padding: 12px 12px;
}

.contact-us .form input[type="text"],
.contact-us .form input[type="email"],
.contact-us .form input[type="tel"],
.contact-us .form textarea {
    border-radius: 4px;
    color: var(--color-gray-dark);
    font-size: 15px;
}

.contact-us .form input[type="text"]:focus,
.contact-us .form input[type="email"]:focus,
.contact-us .form input[type="tel"]:focus,
.contact-us .form select:focus,
.contact-us .form textarea:focus {
    border-color: var(--color-green-primary);
    box-shadow: 0 0 0 2px rgba(104, 116, 73, .15);
    outline: 0;
}

.field-optional { font-weight: 400; }
.ouvidoria-notice { background: #f3f4e9; border-left: 4px solid var(--color-green-primary); color: var(--color-gray-dark); display: flex; gap: 13px; margin: 22px 0; padding: 15px 18px; }
.ouvidoria-notice i { color: var(--color-green-primary); font-size: 22px; margin-top: 3px; }
.ouvidoria-notice p { margin: 0; }
.contact-us .contact-form__consent { align-items: center; display: flex; gap: 9px; margin-top: 18px; }
.contact-us .contact-form__consent input[type="checkbox"] { appearance: auto; -moz-appearance: checkbox; accent-color: var(--color-green-primary); flex: 0 0 18px; height: 18px; margin: 0; opacity: 1; width: 18px; }
.contact-us .contact-form__consent label { font-size: 13px; font-weight: 400; line-height: 1.5; margin: 0; }

.contact-us .contact-form__submit {
    border: 2px solid var(--color-green-primary);
    border-radius: 10px;
    margin-top: 20px;
    padding: 12px 24px;
}

.contact-us .contact-form__submit:disabled {
    cursor: not-allowed;
    opacity: .7;
}

.contact-us .contact-form-alert {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.contact-us .get-in-touch .contact-info-item {
    margin-bottom: 14px;
}

.contact-us .get-in-touch .contact-info-item:last-child {
    margin-bottom: 0;
}

.contact-us .get-in-touch .contact-info-item__label,
.contact-us .get-in-touch .contact-info-item__value {
    display: block;
    font-size: 17px;
    line-height: 1.55;
}

.contact-us .get-in-touch .contact-info-item__value {
    padding-left: 27px;
}

.contact-us .get-in-touch i {
    color: var(--color-green-primary);
    margin-right: 9px;
    width: 18px;
}

.contact-us .form-error,
.contact-us .form-response {
    color: #b42318;
    display: block;
    font-size: 13px;
    margin: -8px 0 12px;
}

.contact-us .form-response:empty { display: none; }
.contact-form__honeypot { left: -9999px; position: absolute; }

.contact-us .get-in-touch .contact-info-item__value a {
    color: var(--color-green-primary);
}

.contact-us .form input[type="submit"] {
    border: 2px solid var(--color-green-primary);
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 22px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: var(--color-green-primary);
    border-radius: 10px;
    width: 100%;
}

.get-directions {
    text-align: center;
    margin: 40px 0 0 0;
}

.get-directions input[type="text"] {
    padding: 15px 2% 17px;
    width: 86%;
    max-width: 556px;
    font-size: 22px;
    color: #747474;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    border: solid 1px #bebebe;
    border-radius: 10px;
    margin: 0 10px 0 0;
}

.get-directions input[type="submit"] {
    background: url(../img/background/directions-btn.jpg) no-repeat;
    width: 60px;
    height: 61px;
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
    position: relative;
}

/*--------------------------------*/
/*  12. Room page/*--------------------------------*/
.room-section .single-room-wrapper {
    border: solid 1px #ccc;
    float: left;
    width: 100%;
    margin: 0 0 55px 0;
}

.room-section .single-room-wrapper img {
    width: 390px;
    float: left;
}

.room-section .single-room-wrapper .text-wrapper {
    padding: 20px 10px 0;
    /* clear: both; */
    overflow: hidden;
}

.room-section .single-room-wrapper .text-body {
    float: left;
    width: 550px;
}

.room-section .single-room-wrapper .text-body ul {
    margin: 15px 0 0 0;
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
}

.room-section .single-room-wrapper .text-body ul li {
    float: left;
    width: 49%;
    margin: 0 0 18px 0;
    list-style-type: none;
    font-size: 17px;
}

.room-section .single-room-wrapper .text-body ul li i {
    color: #87B344;
    margin-right: 5px;
}

.room-section .single-room-wrapper .price-detail {
    text-align: center;
    width: 150px;
    float: right;
}

.room-section .single-room-wrapper .price-detail .price-room {
    background: #f5f5f5;
    padding: 32px 0;
}

.room-section .single-room-wrapper .price-detail .price-room span {
    color: var(--color-green-primary);
    font-size: 40px;
    font-weight: 700;
    display: block;
}

.room-section .single-room-wrapper .price-detail .price-room p {
    margin: 12px 0 0 0;
    display: block;
}

.room-section .single-room-wrapper .price-detail a {
    background: #0a1d3b;
    color: #fff;
    width: 100%;
    display: block;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin: 12px 0 0 0;
}

/*--------------------------------*/
/*  13. Single Room page/*--------------------------------*/
.single-room-section .booking-form {
    background: var(--color-green-primary);
    text-align: center;
    padding: 0px 0px 0px 0px;
    width: 100%;
    float: left;
}

.single-room-section .listing-search__form {
    padding: 30px;
    margin: 0;
    display: block;
    width: 100%;
    float: left;
    border-bottom: 0;
}

.single-room-section .listing-search__form .price {
    padding: 30px;
    margin: 0;
}

.single-room-section .listing-search__form .price p {
    color: #fff;
    font-size: 18px;
    display: block;
}

.single-room-section .listing-search__form .price span {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    margin: 0px 0 0 0;
    display: block;
}

.single-room-section .listing-search__form .item {
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
    text-align: left;
}

.single-room-section .listing-search__form .item input[type="text"] {
    width: 100%;
    color: #555;
    height: 48px;
}

.single-room-section .listing-search__form .item select {
    width: 100%;
    height: 48px;
    border: none;
    color: #555;
}

.single-room-section .listing-search__form .item .ht-field {
    margin-bottom: 0;
}

.single-room-section .listing-search__form .listing-search__btn {
    float: left;
    width: 100%;
    padding: 12px 0;
    margin: 0;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
}

.single-room-section .owl-theme .owl-controls .owl-nav div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 5px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: url("../img/slider/arrow-cro.png") no-repeat;
    height: 58px;
    width: 58px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    position: absolute;
}

.single-room-section .owl-theme .owl-controls .owl-prev {
    left: -8%;
    background-position: 0px 0;
    top: 46%;
    color: rgba(142, 18, 18, 0);
}

.single-room-section .owl-theme .owl-controls .owl-prev {
    left: 5px;
    top: 44%;
}

.single-room-section .owl-theme .owl-controls .owl-next {
    right: 10px;
    top: 44%;
    background-position: -57px 0 !important;
}

.single-room-section .owl-theme .owl-controls .owl-prev i {
    display: none;
}

.single-room-section .owl-theme .owl-controls .owl-next i {
    display: none;
}

.single-room-section .what-in-room {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0;
}

.single-room-section .what-in-room .included {
    text-align: center;
    padding: 28px 0;
    border: solid 1px #ccc;
    margin: 0 15px 15px 0;
    width: 18%;
}

.single-room-section .what-in-room .included img {
    width: 70px;
}

.single-room-section .what-in-room .included span {
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
    margin: 12px 0 0 0;
}

.single-room-section .room-description .section-titleBar p {
    max-width: 100%;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 0 auto;
    line-height: 26px;
}

.single-room-section .room-overview .table>tbody>tr>th {
    width: 35%;
    padding: 13px 30px;
    border-top: 1px solid transparent;
}

.single-room-section .room-overview code {
    color: var(--color-black);
    text-transform: uppercase;
    background: transparent;
    font:
        700 1em/1em "Open Sans",
        sans-serif;
}

.single-room-section .room-overview .table>tbody>tr>td {
    border-top: 1px solid transparent;
    color: #777;
    font:
        400 1.0715em/1em "Open Sans",
        sans-serif;
    padding: 13px 30px;
}

/*--------------------------------*/
/*  14. Dining & Bar page/*--------------------------------*/
.dining-section .menu-list .menu-item .menu-item-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.dining-section .menu-list .menu-item .menu-item-header h4 {
    font-weight: 500;
    margin-bottom: 5px;
}

.dining-section .menu-list .menu-item h4.menu-item-price {
    color: #87B344;
}

.menu-list>li+li {
    margin-top: 26px;
}

.dining-section .menu-list .menu-item p {
    margin-bottom: 0;
}

.dessert-section .box-menu-item h4 {
    font-weight: 500;
    margin-bottom: 5px;
    margin: 10px 0;
}

.dessert-section .box-menu-item p {
    margin: 0;
}

.dessert-section .box-menu-item .box-menu-item-price {
    color: #87B344;
    font-size: 23px;
    margin-bottom: 10px;
}

/*--------------------------------*/
/*  15. News page/*--------------------------------*/
.blog-page-section .single-blog-post {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}

.blog-page-section .single-blog-post+.single-blog-post {
    margin-top: 80px;
}

.blog-page-section .single-blog-post .text-content {
    position: relative;
    padding: 17px 18px;
    border: 1px solid #f2f2f2;
}

.blog-page-section .single-blog-post .text-content a.read-more {
    position: relative;
    color: #87B344;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.blog-page-section .blog-grid .single-blog-post {
    margin-bottom: 40px;
}

.blog-page-section .single-blog-post h3,
.blog-page-section .single-blog-post h4 {
    margin: 0;
}

.blog-page-section .single-blog-post .img-holder {
    position: relative;
    margin-bottom: 20px;
    background: var(--color-black);
    overflow: hidden;
}

.blog-page-section .single-blog-post .img-holder-grid {
    position: relative;
    height: 181px;
    background: var(--color-black);
    overflow: hidden;
}

.blog-page-section .single-blog-post .img-holder img,
.img-holder-grid img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition:
        -webkit-transform 0.4s ease,
        opacity 0.4s ease;
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

.blog-page-section .single-blog-post .img-holder:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
    cursor: pointer;
}

.blog-page-section .single-blog-post .img-holder-grid:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
    cursor: pointer;
}

.blog-page-section .single-blog-post h4 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--color-gray-dark);
    line-height: 26px;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.blog-page-section .single-blog-post h4:hover {
    color: #87B344;
}

.blog-page-section .single-blog-post ul li {
    margin: 5px 0 10px 0;
}

.blog-page-section .single-blog-post ul li a {
    color: #777;
}

.blog-page-section .single-blog-post ul li i {
    color: #87B344;
}

/*Sidebar Page Container*/
.blog-page-section .right-box .search-widget {
    height: 54px;
    position: relative;
    margin-top: 10px;
}

.blog-page-section .right-box h4 {
    border-bottom: 1px solid #f2f2f2;
    color: var(--color-gray-dark);
    font-size: 17px;
    font-weight: 600;
    padding: 12px 0px;
    text-transform: uppercase;
    margin-top: 10px;
}

.blog-page-section .right-box .single-sidebar-widget .search-widget form input {
    width: 100%;
    height: 54px;
    border: none;
    border: 1px solid #f1f1f1;
    padding: 0 56px 0 12px;
    color: #9e9e9e;
}

.blog-page-section .right-box .single-sidebar-widget .search-widget form button {
    width: 54px;
    height: 100%;
    position: absolute;
    top: 0;
    background: #87B344;
    right: 0;
    color: #fff;
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select {
    position: relative;
    margin-top: 10px;
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select__button {
    width: 100%;
    height: 54px;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 0 56px 0 12px;
    color: #9e9e9e;
    background-color: #fff;
    cursor: pointer;
    font-weight: 400;
    text-align: left;
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    color: #fff;
    background: #87B344;
    content: "\f107";
    font-family: fontAwesome;
    line-height: 54px;
    text-align: center;
    pointer-events: none;
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-top: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select.is-open .informativo-category-select__menu {
    display: block;
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select__menu a {
    display: block;
    padding: 10px 12px;
    color: #68784A;
    background: #fff;
}

.blog-page-section .right-box .single-sidebar-widget .informativo-category-select__menu li.is-active a,
.blog-page-section .right-box .single-sidebar-widget .informativo-category-select__menu a:hover,
.blog-page-section .right-box .single-sidebar-widget .informativo-category-select__menu a:focus {
    color: #fff !important;
    background: #87B344;
}

.blog-page-section .right-box .single-sidebar-widget .category-widget ul li:last-child a {
    border: none;
}

.blog-page-section .right-box .single-sidebar-widget .category-widget ul li a {
    font-weight: 600;
    color: var(--color-gray-dark);
    display: block;
    line-height: 42px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.blog-page-section .right-box .single-sidebar-widget .category-widget ul li a:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free'; font-weight: 900;
    color: #c8c8c8;
    font-size: 14px;
    position: absolute;
    right: 10px;
}

.blog-page-section .right-box .single-sidebar-widget .category-widget ul li a:hover {
    color: #87B344;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li {
    margin-top: 20px;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .icon-box,
.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .text-box {
    display: table-cell;
    vertical-align: top;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .icon-box {
    width: 110px;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .icon-box img {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .text-box {
    padding-left: 20px;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .text-box h5 {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: -3.5px;
    font-weight: 600;
    margin-bottom: 5px;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .text-box h5 a {
    color: #242424;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .text-box h5 a:hover {
    color: #87B344;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li .text-box span {
    color: #87B344;
    font-size: 13px;
    line-height: 10px;
}

.blog-page-section .right-box .single-sidebar-widget .post-widget ul li:hover .icon-box img {
    opacity: 0.5;
}

.blog-page-section .right-box .single-sidebar-widget .category-widget ul li a:hover {
    color: #87B344;
}

.blog-page-section .right-box .single-sidebar-widget .tags-widget ul>li {
    margin-bottom: 10px;
}

.blog-page-section .right-box .single-sidebar-widget .text-widget p {
    font-size: 14px;
    margin-bottom: 0;
}

.blog-page-section .right-box .single-sidebar-widget .tags-widget ul li a {
    padding: 6px 0;
    display: block;
    font-size: 12px;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    color: #787878;
    font-weight: 600;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.blog-page-section .right-box .single-sidebar-widget .tags-widget ul li a:hover {
    background: #87B344;
    border-color: #87B344;
    color: #fff;
}

.blog-page-section .left-box .author-box {
    margin-top: 30px;
}

.blog-page-section .left-box .share-box {
    clear: both;
    overflow: hidden;
}

/*Post Share Box*/
.single-blog-post .author-box .share-box .tag-box {
    padding: 0;
}

.single-blog-post .author-box .share-box .tag-box li {
    margin: 0;
    display: inline-block;
}

.single-blog-post .author-box .share-box .tag-box a {
    color: #87B344;
    font-size: 16px;
    transition: 0.3s ease;
    line-height: 30px;
    text-transform: capitalize;
}

.single-blog-post .author-box .share-box .social {
    display: inline-block;
    margin-bottom: 0;
    margin-left: -2.5px;
}

.single-blog-post .author-box .share-box .social li {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.single-blog-post .author-box .share-box .social a {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    color: #87B344;
    text-align: center;
    margin: 0 3px;
    border: 1px solid #eee;
    display: block;
    line-height: 41px;
    transition: all 0.5s ease;
}

/*Author Area*/
.single-blog-post .author-box .post-author {
    margin: 40px 0;
}

.single-blog-post .post-author .inner {
    position: relative;
    padding: 30px 0px 25px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.single-blog-post .post-author .inner .img-box {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.single-blog-post .post-author .text-box {
    padding: 0 10px;
    line-height: 24px;
    color: rgb(138, 138, 138);
    border-bottom: none;
}

.single-blog-post .post-author .text-box h5 {
    color: var(--color-gray-dark);
    font-size: 18px;
    margin-bottom: 5px;
}

/*Comment Area*/
.single-blog-post .author-box .comments-area {
    position: relative;
    margin-top: 0px;
    margin-bottom: 50px;
}

.single-blog-post .author-box .comments-area h3 {
    color: var(--color-gray-dark);
    font-size: 20px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    text-transform: capitalize;
}

.single-blog-post .author-box .comments-area .comment-box {
    position: relative;
    margin-bottom: 35px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.single-blog-post .author-box .comments-area .comment-box:nth-child(1) {
    padding-top: 0px;
}

.single-blog-post .author-box .comments-area .comment-box:hover {
    border-color: #87B344;
}

.single-blog-post .author-box .comments-area .comment-box.reply-comment {
    margin-left: 30px;
}

.single-blog-post .author-box .comments-area .comment {
    position: relative;
    font-size: 14px;
    padding: 0px 0px 0px 80px;
}

.single-blog-post .author-box .comments-area .comment .comment-inner {
    position: relative;
    padding: 15px 20px;
    border: 1px solid #f4f4f4;
}

.single-blog-post .author-box .comments-area .comment .comment-inner .rating .fa {
    display: inline-block;
    color: #87B344;
    font-size: 14px;
}

.single-blog-post .author-box .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-bottom: 20px;
}

.single-blog-post .author-box .comments-area .comment-box .author-thumb img {
    width: 60px;
    display: block;
}

.single-blog-post .author-box .comments-area .comment-info {
    position: relative;
    color: var(--color-gray-dark);
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

.single-blog-post .author-box .comments-area .comment-box .text {
    color: #777;
    font-size: 15px;
    margin-top: 12px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 0px;
}

/*Comment form*/
.comment-form {
    position: relative;
}

.comment-form .group-title {
    margin-bottom: 20px;
}

.comment-form .group-title h3 {
    color: var(--color-gray-dark);
    font-size: 20px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    text-transform: capitalize;
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 15px;
}

.comment-form .form-group label {
    position: relative;
    color: #777;
    font-size: 15px;
    font-weight: 400;
}

.comment-form .form-group:last-child {
    margin-bottom: 0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 15px;
    border: 1px solid #efefef;
    height: 50px;
    color: #848484;
    font-weight: 300;
    background: var(--color-white);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #87B344;
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 15px;
    color: #d6d6d6;
    border: 1px solid #efefef;
    height: 105px;
    font-weight: 300;
    background: var(--color-white);
    resize: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus {
    border-color: #87B344;
    background: #fff;
}

#googleMap {
    width: 100%;
    height: 400px;
}

.event-meta-item + .event-meta-item {
    margin-left: 12px;
}

.event-meta-icon {
    margin-right: 6px;
}

.subtitle-devider {
    width: 100%;
    height: 17px;
    background: url('../images/devider.png') no-repeat center center;
    margin: 5px 0 10px;
}

.subtitle-devider-white {
    width: 100%;
    height: 17px;
    background: url('../images/devider-white.png') no-repeat center center;
    margin: 5px 0 10px;
}

.btn-white-green {
    background: #ffffff !important;
    border: 2px solid #699c07 !important;
    color: #699c07 !important;
}

.btn-white-green:hover,
.btn-white-green:focus {
    background: #699c07 !important;
    color: #ffffff !important;
}

.footer .about-widget .link a.btn-white-green {
    background: #ffffff !important;
    border: 2px solid #699c07 !important;
    color: #699c07 !important;
}

.footer .about-widget .link a.btn-white-green:hover,
.footer .about-widget .link a.btn-white-green:focus {
    background: #699c07 !important;
    color: #ffffff !important;
}

/*--------------------------------*/
/* .End CSS/*--------------------------------*/
/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/2841(此说明只在演示页面有,不在下载的源码里)*/