/* =====================================================================
   BAHÍA DE TORTUGAS – style.css (REFAC. COMPLETO POR SECCIONES)
   Estructura móvil‑first. Reglas agrupadas por secciones, overrides y medias.
   NOTAS IMPORTANTES:
   - Si sirves este archivo desde /public, evita {{ asset(...) }} dentro del CSS.
   - Mantén el banner full‑bleed usando el patrón aplicado en la sección Layout.
   - No usar position:absolute en .banner-content; centrado con Flex/Grid.
====================================================================== */

/* === 0) VARIABLES & FUENTES ====================================== */

:root {
    --color-1st: #ECE2C6;
    --primary-font: 'Archivo', sans-serif;
    --secondary-font: 'Old Standard TT', sans-serif;
    --tertiary-font: 'Roboto', sans-serif;
}

@font-face {
    font-family: 'Archivo'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kbo8udi-1m0wlsfdzyiekpwtm29hr-8mtycx-mukzlyptr-q.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Archivo'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kbo8udi-1m0wlsfdzyiekpwtm29hr-8mtycx6mukzlyptr-q.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Archivo'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kbo8udi-1m0wlsfdzyiekpwtm29hr-8mtycxcmukzlypq.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Archivo'; font-style: italic; font-weight: 700; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kbo8udi-1m0wlsfdzyiekpwtm29hr-8mtycx-mukzlyptr-q.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Archivo'; font-style: italic; font-weight: 700; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kbo8udi-1m0wlsfdzyiekpwtm29hr-8mtycx6mukzlyptr-q.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Archivo'; font-style: italic; font-weight: 700; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kbo8udi-1m0wlsfdzyiekpwtm29hr-8mtycxcmukzlypq.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slysoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slytoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slydoxksv4rn.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slysoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slytoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slydoxksv4rn.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slysoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slytoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slydoxksv4rn.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slysoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slytoxksv4rnupu.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap;
    src: url("{{ asset('fonts/sarchivov18k3kpo8udi-1m0wlsv9xaw6lqkqwy8q82slydoxksv4rn.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqsbh3o1vlimiwavvyawgcf2ever2q3bhnwzcqhrku.woff2') }}")
    format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqsbh3o1vlimiwavvyawgcf2ever2q-bhnwzcqhrku.woff2') }}")
    format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqsbh3o1vlimiwavvyawgcf2ever2q1bhnwzcqhrku.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqsbh3o1vlimiwavvyawgcf2ever2q0bhnwzcqhrku.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqsbh3o1vlimiwavvyawgcf2ever2q6bhnwzcqh.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqubh3o1vlimiwavvyawgcf2evep1q4znrsz-qg.woff2') }}")
    format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqubh3o1vlimiwavvyawgcf2everlq4znrsz-qg.woff2') }}")
    format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqubh3o1vlimiwavvyawgcf2evepvq4znrsz-qg.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqubh3o1vlimiwavvyawgcf2evepfq4znrsz-qg.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqubh3o1vlimiwavvyawgcf2eveqlq4znrszw.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqrbh3o1vlimiwavvyawgcf2evwex-trlzftc4pljz5.woff2') }}")
    format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqrbh3o1vlimiwavvyawgcf2evwex-tt1zftc4pljz5.woff2') }}")
    format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqrbh3o1vlimiwavvyawgcf2evwex-trfzftc4pljz5.woff2') }}")
    format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqrbh3o1vlimiwavvyawgcf2evwex-trvzftc4pljz5.woff2') }}")
    format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
    src: url("{{ asset('fonts/soldstandardttv18mwqrbh3o1vlimiwavvyawgcf2evwex-ts1zftc4pla.woff2') }}")
    format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap;
    src: url("{{ asset('fonts/srobotov30kfomcnqeu92fr1mu72xkktu1kvnz.woff2') }}")
    format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}










































/* === 1) RESET & BASE ============================================ */

input:checked + .slider {
    background-color: #2196F3;
  }

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

body{
    background-color:#f8f8f8;
    color:#777;
    font-family:var(--primary-font),sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:1.6;
    overflow-x:hidden
}

img{
    max-width:100%;
    transition:all .4s ease-out 0s
}

a:focus,a:hover{
    text-decoration:none
}

a,i,span{
    display:inline-block
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--secondary-font),serif;
    font-weight:400;
    margin:0
}

h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{
    color:#222
}

h1{
    font-size:48px
}

h2{
    font-size:36px
}

h3{
    font-size:28px
}

h4{
    font-size:22px
}

h5{
    font-size:18px
}

h6{
    font-size:16px
}

ul{
    list-style-type:none;
    padding:0
}

a{
    transition:all .3s ease-out 0s
}

a,a:hover{
    color:var(--color-1st)
}

input,select,textarea{
    background-color:#f8f8f8;
    border:none;
    height:70px;
    padding:0 40px;
    width:100%
}

textarea{
    height:250px;
    padding-top:25px
}

body.show-admin-bar{
    position:static!important
}

body.show-admin-bar header.header-absolute{
    top:75px
}

body.show-admin-bar header.header-absolute.inner-page,body.show-admin-bar header.sticky-header.sticky-active{
    top:40px
}

body.show-admin-bar .offcanvas-wrapper{
    z-index:9999999
}

body.show-admin-bar .breadcrumb-area{
    margin-top:170px
}

body #list-photo .item .photo-item .thumb{
    box-shadow:none;
    padding:0
}

body #list-photo .item .photo-item img{
    border:none
}

body .main-btn.btn-filled.booking-button{
    background-color:transparent;
    box-shadow:none;
    color:#777;
    font-size:12px;
    line-height:20px;
    padding:7px 12px
}

body .restaurant-tab-area .food-box .desc .cat{
    color:#777;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:10px;
    text-transform:uppercase
}

body .features-loop .feature-box.dark-box,body .features-loop .feature-box.dark-box h3{
    color:#fff
}

body .about-section .about-features li div{
    background:#fff;
    box-shadow:0 14px 24px 0 hsla(0,0%,72%,.1);
    color:var(--color-1st);
    display:block;
    padding:55px 0 45px;
    position:relative;
    text-align:center;
    z-index:1
}

body .about-section .about-features li div,body .about-section .about-features li div i,body .about-section .about-features li div span{
    transition:all .3s ease-out 0s
}

body .about-section .about-features li div i{
    font-size:75px
}

body .about-section .about-features li div img{
    max-width:75px
}

body .about-section .about-features li div .title{
    color:#111;
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    padding-top:10px;
    text-transform:uppercase
}

body .about-section .about-features li div .hover-icon{
    bottom:0;
    color:#fff;
    font-size:75px;
    opacity:0;
    position:absolute;
    right:0;
    visibility:hidden;
    z-index:-1
}

body .about-section .about-features li div:hover{
    background:var(--color-1st);
    color:#fff
}

body .about-section .about-features li div:hover .title{
    color:#fff
}

body .about-section .about-features li div:hover .hover-icon{
    opacity:.1;
    visibility:visible
}

body .about-section .about-features-boxes .single-feature-box.dark,body .about-section .about-features-boxes .single-feature-box.dark h4{
    color:#fff
}

body .pagination-wrap .pagination{
    border-radius:0;
    display:inline-block
}

body .pagination-wrap .pagination .page-item .page-link,body .pagination-wrap .pagination .page-item a,body .pagination-wrap .pagination .page-item span{
    background-color:#fff;
    border:none;
    border-radius:0;
    color:#111;
    display:inline-block;
    font-family:var(--tertiary-font),sans-serif;
    font-weight:700;
    height:50px;
    line-height:50px;
    margin:0;
    outline:none!important;
    padding:0;
    width:50px
}

body .pagination-wrap .pagination .page-item .page-link:hover,body .pagination-wrap .pagination .page-item a:hover,body .pagination-wrap .pagination .page-item span:hover{
    background-color:var(--color-1st);
    color:#fff
}

body .pagination-wrap .pagination .page-item.active .page-link,body .pagination-wrap .pagination .page-item.active a,body .pagination-wrap .pagination .page-item.active span{
    background-color:var(--color-1st);
    border:none;
    color:#fff
}

body .pagination-wrap .pagination .page-item.disabled{
    cursor:not-allowed
}

body header .nav-container .menu-items ul li.active>a,body header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li.active>a{
    color:var(--color-1st)
}

body .half-circle-spinner,body .half-circle-spinner *{
    box-sizing:border-box
}

body .half-circle-spinner{
    border-radius:100%;
    height:60px;
    margin:20px auto;
    position:relative;
    width:60px
}

body .half-circle-spinner .circle{
    border:6px solid transparent;
    border-radius:100%;
    content:"";
    height:100%;
    position:absolute;
    width:100%
}

body .half-circle-spinner .circle.circle-1{
    animation:half-circle-spinner-animation 1s infinite;
    border-top-color:var(--color-1st)
}

body .half-circle-spinner .circle.circle-2{
    animation:half-circle-spinner-animation 1s infinite alternate;
    border-bottom-color:var(--color-1st)
}

body.show-admin-bar #alert-container{
    top:190px
}

body[dir=rtl] .language-wrapper .language_bar_list li a img{
    margin-left:10px;
    margin-right:0
}


/* === 2) UTILIDADES ============================================== */

.mt-30{
    margin-top:30px
}

.mt-40{
    margin-top:40px
}

.mt-50{
    margin-top:50px
}

.mt-60{
    margin-top:60px
}

.mt-65{
    margin-top:65px
}

.mt-80{
    margin-top:80px
}

.mb-10{
    margin-bottom:10px
}

.mb-20{
    margin-bottom:20px
}

.mb-30{
    margin-bottom:30px
}

.mb-40{
    margin-bottom:40px
}

.mb-50{
    margin-bottom:50px
}

.mb-60{
    margin-bottom:60px
}

.mb-80{
    margin-bottom:80px
}

.pt-20{
    padding-top:20px
}

.pt-30{
    padding-top:30px
}

.pt-40{
    padding-top:40px
}

.pt-80{
    padding-top:80px
}

.pt-100{
    padding-top:100px
}

.pt-115{
    padding-top:115px
}

.pt-120{
    padding-top:120px
}

.pb-20{
    padding-bottom:20px
}

.pb-30{
    padding-bottom:30px
}

.pb-40{
    padding-bottom:40px
}

.pb-50{
    padding-bottom:50px
}

.pb-60{
    padding-bottom:60px
}

.pb-80{
    padding-bottom:80px
}

.pb-90{
    padding-bottom:90px
}

.pb-115{
    padding-bottom:115px
}

.pb-120{
    padding-bottom:120px
}

.pb-160{
    padding-bottom:160px
}


/* === 3) LAYOUT (containers, full‑bleed, header/footer) ========= */

header.header-absolute{
    background-color:transparent;
    left:0;
    position:absolute;
    top:35px;
    width:100%;
    z-index:99
}

header .nav-container .toggle{
    margin-right:50px
}

header .nav-container .toggle a{
    color:#222;
    font-size:24px;
    padding:10px
}

header .nav-container .site-logo .sticky-logo{
    display:none
}

header .nav-container .header-info .item{
    padding-left:50px;
    position:relative
}

header .nav-container .header-info .item i{
    background:#111;
    border-radius:4px;
    color:#fff;
    font-size:14px;
    height:30px;
    left:0;
    line-height:30px;
    position:absolute;
    text-align:center;
    top:6px;
    width:30px
}

header .nav-container .header-info .item span{
    font-size:14px;
    font-weight:600;
    padding-bottom:4px
}

header .nav-container .header-info .item a{
    display:block
}

header .nav-container .header-info .item .title{
    font-size:24px;
    font-weight:400
}

header .nav-container .header-info .item:not(:last-child){
    margin-right:45px
}

header .nav-container .menu-items ul li{
    display:inline-block;
    position:relative
}

header .nav-container .menu-items ul li a{
    color:#111;
    font-size:16px;
    font-weight:600;
    line-height:80px;
    padding:0 20px;
    text-transform:capitalize
}

header .nav-container .menu-items ul li .submenu{
    background-color:#fff;
    height:auto;
    left:0;
    opacity:0;
    position:absolute;
    top:110%;
    transition:all .3s ease-out 0s;
    visibility:hidden;
    width:200px;
    z-index:99
}

header .nav-container .menu-items ul li .submenu li{
    display:block
}

header .nav-container .menu-items ul li .submenu li a{
    border-bottom:1px solid rgba(242,244,248,.7);
    border-radius:0;
    color:#777;
    display:block;
    line-height:30px!important;
    margin:0;
    padding:8px 24px;
    position:relative;
    transition:all .3s ease-out 0s
}

header .nav-container .menu-items ul li .submenu li a:hover{
    background-color:var(--color-1st);
    border-color:var(--color-1st);
    color:#fff!important
}

header .nav-container .menu-items ul li .submenu li .submenu{
    left:100%;
    top:50%
}

header .nav-container .menu-items ul li .submenu li:hover .submenu{
    top:0
}

header .nav-container .menu-items ul li:hover>.submenu{
    opacity:1;
    top:100%;
    visibility:visible
}

header .nav-container .menu-items ul li .dd-trigger,header .nav-container .nav-pushed-item{
    display:none
}

header .nav-container .navbar-toggler{
    background-color:transparent;
    border:none;
    cursor:pointer;
    display:none
}

header .nav-container .navbar-toggler span{
    background-color:#222;
    border-radius:3px;
    cursor:pointer;
    display:block;
    height:3px;
    margin-top:5px;
    padding:0;
    position:relative;
    transition-duration:.3s;
    width:30px
}

header .nav-container .navbar-toggler.active span:first-of-type{
    top:8px;
    transform:rotate(45deg)
}

header .nav-container .navbar-toggler.active span:nth-of-type(2){
    opacity:0
}

header .nav-container .navbar-toggler.active span:nth-of-type(3){
    top:-8px;
    transform:rotate(-45deg)
}

header .nav-container .navbar-close{
    display:none;
    position:absolute;
    right:20px;
    top:20px;
    z-index:12
}

header .nav-container .navbar-close .cross-wrap{
    cursor:pointer;
    height:26px;
    position:relative;
    width:26px
}

header .nav-container .navbar-close .cross-wrap span{
    background:#fff;
    border-radius:6px;
    display:block;
    height:2px;
    position:absolute;
    width:100%
}

header .nav-container .navbar-close .cross-wrap span.top{
    left:0;
    top:12px;
    transform:rotate(45deg)
}

header .nav-container .navbar-close .cross-wrap span.bottom{
    bottom:12px;
    left:0;
    transform:rotate(-45deg)
}

header .nav-container.breakpoint-on .nav-menu{
    background-color:var(--color-1st);
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    display:block;
    height:100%;
    left:-300px;
    overflow-x:hidden;
    overflow-y:scroll;
    padding:70px 0 0;
    position:fixed;
    top:0;
    transition-duration:.5s;
    width:300px;
    z-index:9999
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li{
    display:block
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li a{
    border-bottom:1px solid hsla(0,0%,100%,.5);
    color:#fff!important;
    display:block;
    line-height:45px!important
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu{
    background-color:transparent;
    box-shadow:none;
    display:none;
    left:0;
    opacity:1;
    position:relative;
    top:0;
    transition:none;
    visibility:visible;
    width:100%
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a{
    color:#fff;
    line-height:45px!important;
    padding:0 20px 0 40px
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover{
    border-color:hsla(0,0%,100%,.5)
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger{
    background:transparent;
    border-left:1px solid hsla(0,0%,100%,.5);
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:20px;
    height:45px;
    line-height:45px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:45px;
    z-index:2
}

header .nav-container.breakpoint-on .nav-menu.menu-on{
    left:0
}

header .nav-container.breakpoint-on .nav-pushed-item,header .nav-container.breakpoint-on .navbar-close,header .nav-container.breakpoint-on .navbar-toggler{
    display:block
}

header.header-two .nav-container .menu-items ul li a,header.header-two .nav-container .toggle a{
    color:#fff
}

header.header-two .nav-container .navbar-toggler span{
    background-color:#fff
}

header.header-two .header-info .item i{
    background:var(--color-1st)
}

header.header-two .header-info .item,header.header-two .header-info .item .title,header.header-two .header-info .item a{
    color:#fff
}

header.inner-page.header-absolute{
    background-color:#fff;
    top:0
}

header.inner-page.header-absolute .nav-container .menu-items ul li a{
    line-height:130px
}

header.sticky-header.sticky-active{
    animation:sticky 1.2s;
    background-color:#fff;
    box-shadow:0 5px 5px 0 rgba(0,0,0,.04);
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:999
}

header.sticky-header.sticky-active .nav-container .menu-items ul li a{
    line-height:100px
}

header.sticky-header.sticky-active .nav-container .site-logo .main-logo{
    display:none
}

header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo{
    display:block
}

header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a,header.sticky-header.sticky-active.header-two .nav-container .toggle a{
    color:#111
}

header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span{
    background-color:#111
}

header.sticky-header.sticky-active.header-two .header-info .item,header.sticky-header.sticky-active.header-two .header-info .item .title,header.sticky-header.sticky-active.header-two .header-info .item a{
    color:#111
}

footer .footer-widget-area{
    background-color:#222;
    position:relative;
    z-index:1
}

footer .footer-widget-area:after{
    background-image:url(../img/icon/pattern-01.png);
    background-position:50%;
    background-repeat:repeat;
    background-size:cover;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}

footer .footer-widget-area .widget,footer .footer-widget-area .widget .widget-title,footer .footer-widget-area .widget a,footer .footer-widget-area .widget h6{
    color:#fff
}

footer .footer-widget-area .widget h4.widget-title{
    font-size:24px;
    margin-bottom:40px
}

footer .footer-widget-area .widget.site-info-widget{
    color:#bababa
}

footer .footer-widget-area .widget.site-info-widget .social-links{
    text-align:left
}

footer .footer-widget-area .widget.site-info-widget .social-links a{
    background-color:#2e2e2e;
    color:#fff;
    height:40px;
    line-height:40px;
    margin-right:5px;
    text-align:center;
    width:40px
}

footer .footer-widget-area .widget.site-info-widget .social-links a:hover{
    background-color:var(--color-1st)
}

footer .footer-widget-area .widget.nav-widget{
    padding-left:70px
}

footer .footer-widget-area .widget.nav-widget ul li{
    float:left;
    margin-bottom:35px;
    width:50%
}

footer .footer-widget-area .widget.nav-widget ul li a{
    font-family:var(--tertiary-font),sans-serif;
    padding-left:20px;
    position:relative
}

footer .footer-widget-area .widget.nav-widget ul li a:hover{
    color:var(--color-1st);
    padding-left:30px
}

footer .footer-widget-area .widget.nav-widget ul li a:before{
    content:"+";
    left:0;
    position:absolute;
    top:0
}

footer .footer-widget-area .widget.nav-widget ul li:last-child{
    margin-bottom:0
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box{
    grid-column-gap:20px;
    border-bottom:1px solid #2e2e2e;
    display:grid;
    font-size:14px;
    grid-template-columns:40px 1fr;
    grid-template-rows:1fr;
    margin-bottom:30px;
    padding-bottom:30px
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box h6{
    font-size:20px;
    margin-bottom:10px
}

footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box .icon{
    color:var(--color-1st);
    font-size:40px
}

footer .copyright-area{
    background-color:#111;
    color:#fff
}

footer .copyright-area .social-links{
    text-align:right
}

footer .copyright-area .social-links a{
    background-color:#212121;
    color:#fff;
    height:60px;
    line-height:60px;
    margin-left:10px;
    text-align:center;
    width:60px
}

footer .copyright-area .social-links a:hover{
    background-color:var(--color-1st)
}

footer .copyright-area .copyright-text{
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase
}

footer .copyright-area .copyright-text a{
    color:#fff;
    text-decoration:underline
}

footer .copyright-area .copyright-text.copyright-two{
    font-family:var(--tertiary-font),sans-serif;
    font-weight:700;
    letter-spacing:0;
    text-transform:none
}

footer .copyright-area .footer-menu ul li{
    display:inline-block;
    margin-right:15px;
    padding-left:15px;
    position:relative
}

footer .copyright-area .footer-menu ul li:before{
    background-color:#fff;
    content:"";
    height:12px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:3px
}

footer .copyright-area .footer-menu ul li:first-child{
    margin-left:0;
    padding-left:0
}

footer .copyright-area .footer-menu ul li:first-child:before{
    display:none
}

footer .copyright-area .footer-menu ul li a{
    color:#fff;
    font-family:var(--tertiary-font),sans-serif;
    font-weight:700
}

footer .copyright-area .footer-menu ul li a:hover{
    color:var(--color-1st)
}

header .nav-container .header-info .item a{
    word-break:break-all
}

header .nav-container .site-logo img{
    max-height:100px;
    max-width:250px
}

footer .copyright-area .footer-menu .language-wrapper,footer .copyright-area .footer-menu ul{
    display:inline-block;
    font-size:14px
}

footer .copyright-area .footer-menu .language-wrapper .dropdown-menu li{
    padding-left:0
}

.container #bannerSlider{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


/* === 4) COMPONENTES (botones, inputs, etc.) ===================== */

.nav-treeview > .nav-item > .nav-link {
    padding-left: 30px;
}

.nav-link.active img {
    filter: invert(100%);
}

.btn:focus,.slick-initialized .slick-slide:focus,a:focus,button:focus,input:focus,textarea:focus{
    box-shadow:none;
    outline:none;
    text-decoration:none
}

.main-btn,.slick-slide img{
    display:inline-block
}

.main-btn{
    border:2px solid var(--color-1st);
    border-radius:0;
    color:#777;
    cursor:pointer;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    line-height:60px;
    padding:0 48px;
    text-align:center;
    text-transform:uppercase;
    transition:all .4s ease-out 0s;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap
}

.main-btn.btn-filled{
    background-color:var(--color-1st);
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.4);
    color:#fff
}

.main-btn.btn-filled:hover{
    background-color:transparent;
    box-shadow:none;
    color:#777
}

.main-btn.btn-border{
    border-color:var(--color-1st)
}

.main-btn.btn-border:hover{
    background-color:var(--color-1st);
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.4);
    color:#fff
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li{
    line-height:30px
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a{
    color:#777;
    font-weight:700
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a:hover{
    color:var(--color-1st);
    padding-left:10px
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li .submenu{
    padding-left:10px
}

.banner-area.banner-style-two .banner-content .main-btn.btn-border:hover,.banner-area.banner-style-two .banner-content .main-btn.btn-filled{
    box-shadow:none
}

.banner-area.banner-style-two .banner-content .main-btn.btn-border,.banner-area.banner-style-two .banner-content .main-btn.btn-filled:hover{
    border-color:hsla(0,0%,100%,.2);
    color:#fff
}

.cta-section .cta-inner .cta-text a.main-btn.btn-filled{
    background-color:#111;
    border-color:#111;
    color:#fff;
    margin-top:40px
}

.cta-section .cta-inner .cta-text a.main-btn.btn-filled:hover{
    background-color:var(--color-1st);
    border-color:var(--color-1st)
}

.room-gallery-cta ul li .main-btn.btn-border:hover,.room-gallery-cta ul li .main-btn.btn-filled{
    box-shadow:none
}

.room-gallery-cta ul li .main-btn.btn-border,.room-gallery-cta ul li .main-btn.btn-filled:hover{
    border-color:hsla(0,0%,100%,.2);
    color:#fff
}

.room-details .room-booking-form .main-btn{
    box-shadow:none;
    height:60px;
    line-height:60px;
    padding:0;
    width:100%
}

.contact-part .contact-form .main-btn.btn-filled{
    box-shadow:none
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn{
    box-shadow:none;
    margin-top:30px
}

.restaurant-tab-area .restaurant-rood-list .nav-link{
    background-color:#fff;
    border-radius:0;
    display:block;
    margin-bottom:30px;
    padding:35px 25px;
    text-align:center;
    transition:all .3s ease-out 0s
}

.restaurant-tab-area .restaurant-rood-list .nav-link .title{
    color:#222;
    display:block;
    font-size:12px;
    font-weight:700;
    padding-top:20px;
    text-transform:uppercase;
    transition:all .3s ease-out 0s
}

.restaurant-tab-area .restaurant-rood-list .nav-link i{
    color:var(--color-1st);
    font-size:60px;
    transition:all .3s ease-out 0s
}

.restaurant-tab-area .restaurant-rood-list .nav-link.active,.restaurant-tab-area .restaurant-rood-list .nav-link:hover{
    background-color:var(--color-1st)
}

.restaurant-tab-area .restaurant-rood-list .nav-link.active .title,.restaurant-tab-area .restaurant-rood-list .nav-link.active i,.restaurant-tab-area .restaurant-rood-list .nav-link:hover .title,.restaurant-tab-area .restaurant-rood-list .nav-link:hover i{
    color:#fff
}

.main-btn.btn-filled.button-loading{
    background-color:var(--color-1st)!important
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li.active a{
    color:var(--color-1st);
    padding-left:10px
}

.language-wrapper .dropdown{
    height:100%
}

.language-wrapper .dropdown.open .language_bar_chooser.dropdown-menu{
    display:block
}

.language-wrapper .dropdown .btn{
    background:none!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:inherit!important;
    font-size:inherit;
    height:100%;
    margin-bottom:0;
    outline:none!important;
    padding:7px 15px;
    transition:all .4s ease
}

.language-wrapper .dropdown .btn img{
    float:left;
    margin-right:10px;
    margin-top:4px
}

.language-wrapper .dropdown .dropdown-menu{
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    display:none;
    float:left;
    font-size:14px;
    line-height:58px;
    list-style:none;
    margin:0;
    min-width:160px;
    padding:0;
    position:absolute;
    right:0;
    text-align:left;
    top:100%;
    width:160px;
    z-index:1000
}

.language-wrapper .dropdown .dropdown-menu li img{
    margin:0 10px
}

.language-wrapper .dropdown .dropdown-menu li span{
    color:#222
}

.language-wrapper .dropdown .dropdown-menu li.active a span{
    color:#fff
}

.language-wrapper .dropdown .language_bar_chooser{
    display:block;
    float:right;
    line-height:58px;
    text-align:center;
    width:160px
}

.language-wrapper .dropdown .language_bar_chooser li{
    display:inline-block;
    float:left;
    margin-left:5px
}

.language-wrapper .dropdown .language_bar_chooser.dropdown-menu{
    border-radius:0!important;
    display:none
}

.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li{
    display:block;
    margin:0;
    width:100%
}

.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li:hover{
    background:#ddd
}

.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li a{
    display:flex;
    justify-content:start;
    margin-right:0!important;
    text-align:left;
    width:100%
}

.language-wrapper .dropdown-toggle:after{
    display:none
}

.language-wrapper .btn-select-language{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    height:auto;
    padding:0
}

.language-wrapper .btn-select-language img{
    margin-top:2px
}

.language-wrapper .dropdown-menu.language_bar_chooser{
    background-clip:padding-box;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.15);
    color:#fff!important;
    display:none;
    font-size:14px;
    line-height:1;
    list-style:none;
    margin:.125rem 0 0;
    min-width:10rem;
    padding:0;
    text-align:left;
    z-index:1000
}

.language-wrapper .dropdown-menu li img{
    margin:0 10px
}

.language-wrapper .dropdown-menu li a{
    padding:10px 0
}

.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser{
    min-width:0;
    width:auto
}

.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li{
    padding:0
}

.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li:before{
    display:none
}

.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li a{
    padding:10px 0;
    text-align:center
}


/* === 5) BANNER ================================================ */

.banner-area .banner-content span.promo-tag{
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    padding-bottom:30px;
    text-transform:uppercase
}

.banner-area .banner-content .title{
    font-size:120px;
    font-weight:400;
    letter-spacing:-6px;
    line-height:1.1;
    padding-bottom:26px
}

.banner-area .banner-content ul li{
    display:inline-block
}

.banner-area .banner-content ul li:last-child{
    margin-left:24px
}

.banner-area.banner-style-two .single-banner{
    height:950px;
    overflow:hidden;
    position:relative;
    z-index:1;
}

.banner-area.banner-style-two .single-banner .banner-bg,.banner-area.banner-style-two .single-banner .banner-overly{
    background-position:50%;
    background-size:cover;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-2;
}

.banner-area.banner-style-two .single-banner .banner-overly{
    background-color:#222;
    opacity:.6;
    z-index:-1;
}

.banner-area.banner-style-two .single-banner .banner-bg{
    animation:zoomIn 15s linear infinite
}

.banner-area.banner-style-two .banner-content,.banner-area.banner-style-two .banner-content h1{
    color:#fff
}

#bannerSlider .single-banner{
  position: relative;
  height: 950px;    /* ajusta a gusto */
  overflow: hidden;
}

#bannerSlider .single-banner .banner-content{
  inset: 0;                  /* top/right/bottom/left: 0 */
  display: grid;
  place-items: center;       /* centra perfecto */
  text-align: center;
  padding: 0 1rem;
}

#bannerSlider .row{
  margin-left: 0;
  margin-right: 0;
}


/* === 5) ABOUT ================================================ */

.about-section{
    position:relative;
    z-index:1
}

.about-section .down-arrow-wrap{
    padding-bottom:125px
}

.about-section .down-arrow-wrap a.down-arrow{
    background:var(--color-1st);
    border-radius:50%;
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.3);
    color:#fff;
    height:60px;
    line-height:60px;
    position:relative;
    text-align:center;
    width:60px
}

.about-section .down-arrow-wrap a.down-arrow:before{
    animation:pulse-border-2 1s linear infinite
}

.about-section .down-arrow-wrap a.down-arrow:after,.about-section .down-arrow-wrap a.down-arrow:before{
    border:1px solid #ccc;
    border-radius:50%;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}

.about-section .down-arrow-wrap a.down-arrow:after{
    animation:pulse-border-2 1.5s linear infinite
}

.about-section .about-title span.title-tag span{
    color:var(--color-1st)
}

.about-section .about-features{
    grid-column-gap:35px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    grid-template-rows:1fr;
    margin-top:100px
}

.about-section .about-features li{
    margin-top:15px
}

.about-section .about-features li a{
    background:#fff;
    box-shadow:0 14px 24px 0 hsla(0,0%,72%,.1);
    color:var(--color-1st);
    display:block;
    padding:55px 0 45px;
    position:relative;
    text-align:center;
    z-index:1
}

.about-section .about-features li a,.about-section .about-features li a i,.about-section .about-features li a span{
    transition:all .3s ease-out 0s
}

.about-section .about-features li a i{
    font-size:75px
}

.about-section .about-features li a img{
    max-width:75px
}

.about-section .about-features li a .title{
    color:#111;
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    padding-top:10px;
    text-transform:uppercase
}

.about-section .about-features li a .hover-icon{
    bottom:0;
    color:#fff;
    font-size:75px;
    opacity:0;
    position:absolute;
    right:0;
    visibility:hidden;
    z-index:-1
}

.about-section .about-features li a:hover{
    background:var(--color-1st);
    color:#fff
}

.about-section .about-features li a:hover .title{
    color:#fff
}

.about-section .about-features li a:hover .hover-icon{
    opacity:.1;
    visibility:visible
}

.about-section .about-features.masonry-layout{
    margin-top:0
}

.about-section .about-features.masonry-layout li{
    margin-top:0
}

.about-section .about-features.masonry-layout li:nth-child(2){
    margin-top:100px
}

.about-section .about-features.masonry-layout li:nth-child(3){
    margin-top:200px
}

.about-section .about-features.masonry-layout li:nth-child(4){
    margin-top:100px
}


/* === 5) BREADCRUMBS ================================================ */

.breadcrumb-area{
    background-position:50%;
    background-size:cover;
    margin-top:130px;
    position:relative;
    z-index:1
}

.breadcrumb-area:before{
    background-color:#222;
    content:"";
    height:100%;
    left:0;
    opacity:.7;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}

.breadcrumb-area .breadcrumb-text{
    padding:100px 0;
    position:relative
}

.breadcrumb-area .breadcrumb-text,.breadcrumb-area .breadcrumb-text h2.page-title{
    color:#fff
}

.breadcrumb-area .breadcrumb-text h2.page-title{
    font-size:72px;
    letter-spacing:-1px
}

.breadcrumb-area .breadcrumb-text span{
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
    padding-bottom:25px;
    text-transform:uppercase
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav{
    background-color:#fff;
    bottom:0;
    padding:20px 40px;
    position:absolute;
    right:0;
    z-index:2
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li{
    display:inline-block;
    font-weight:700;
    position:relative
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li,.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a{
    color:#222
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a:hover{
    color:var(--color-1st)
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child){
    margin-left:10px;
    padding-left:10px
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child):before{
    color:#222;
    content:"|";
    left:-2px;
    position:absolute;
    top:50%;
    transform:translateY(-48%)
}

.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active,.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active:before{
    color:var(--color-1st)
}


/* === 5) ROOM TYPE ================================================ */

.room-type-section{
    position:relative;
    z-index:1
}

.room-type-section,.room-type-section:before{
    background-position:50%;
    background-size:100% 100%
}

.room-type-section:before{
    background-image:url(../img/bg/brush.png);
    background-repeat:no-repeat;
    content:"";
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}

.room-type-section .room-filter{
    text-align:right
}

.room-type-section .room-filter li a{
    border:2px solid transparent;
    border-radius:0;
    color:#777;
    cursor:pointer;
    display:inline-block;
    font-size:16px;
    font-weight:700;
    padding:20px 30px;
    text-transform:capitalize;
    transition:all .3s ease-out 0s
}

.room-type-section .room-filter li a.active,.room-type-section .room-filter li a:hover{
    background-color:transparent;
    border-color:#e6e6e6;
    color:#FFCC00
}

.room-type-section .room-items .row{
    margin-left:-7.5px;
    margin-right:-7.5px
}

.room-type-section .room-items .row>.col,.room-type-section .room-items .row>[class*=col-]{
    padding-left:7.5px;
    padding-right:7.5px
}

.room-type-section .room-items .room-box{
    height:280px;
    margin-top:15px;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:1
}

.room-type-section .room-items .room-box.extra-height{
    height:575px
}

.room-type-section .room-items .room-box:after{
    background:linear-gradient(45deg,hsla(0,0%,7%,.502),hsla(0,0%,7%,.25) 44%,hsla(0,0%,7%,0));
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}

.room-type-section .room-items .room-box .room-bg{
    background-position:50%;
    background-size:cover;
    height:100%;
    transition:all .4s ease-out 0s;
    width:100%
}

.room-type-section .room-items .room-box .room-content{
    bottom:30px;
    left:30px;
    position:absolute;
    right:30px;
    z-index:2
}

.room-type-section .room-items .room-box .room-content h3{
    font-size:36px
}

.room-type-section .room-items .room-box .room-content h3 a{
    color:#fff
}

.room-type-section .room-items .room-box .room-content span{
    color:#fff;
    font-weight:700;
    padding-bottom:15px
}

.room-type-section .room-items .room-box .room-content span i{
    margin-right:10px
}

.room-type-section .room-items .room-box .room-link{
    border:2px solid hsla(0,0%,100%,.2);
    border-radius:50%;
    bottom:0;
    color:#fff;
    font-size:18px;
    height:60px;
    line-height:60px;
    opacity:0;
    position:absolute;
    right:15px;
    text-align:center;
    visibility:hidden;
    width:60px;
    z-index:3
}

.room-type-section .room-items .room-box .room-link:hover{
    background-color:#fff;
    color:#111
}

.room-type-section .room-items .room-box.extra-wide .room-link{
    right:40px
}

.room-type-section .room-items .room-box:hover .room-link{
    bottom:30px;
    opacity:1;
    visibility:visible
}

.room-type-section .room-items .room-box:hover .room-bg{
    transform:scale(1.1)
}

.room-type-section .room-filter{
    list-style:none
}


/* === 5) CTA ================================================ */

.cta-section .cta-inner{
    background-color:#fff;
    padding:100px 0;
    position:relative;
    z-index:1
}

.cta-section .cta-inner .cta-text p{
    color:var(--color-1st);
    font-size:20px;
    line-height:1.6
}

.cta-section .cta-inner .cta-features .single-feature{
    display:grid;
    grid-template-columns:120px 1fr;
    grid-template-rows:1fr;
    margin-bottom:45px
}

.cta-section .cta-inner .cta-features .single-feature .icon{
    background-color:#fff;
    border-radius:50%;
    box-shadow:0 8px 16px 0 hsla(39,27%,65%,.2);
    color:var(--color-1st);
    font-size:60px;
    height:120px;
    line-height:120px;
    position:relative;
    text-align:center;
    transition:all .3s ease-out 0s;
    width:120px;
    z-index:2
}

.cta-section .cta-inner .cta-features .single-feature .cta-desc{
    font-size:14px;
    padding-left:40px;
    position:relative;
    z-index:1
}

.cta-section .cta-inner .cta-features .single-feature .cta-desc h3{
    color:#111;
    font-size:30px;
    letter-spacing:-1px;
    margin-bottom:20px
}

.cta-section .cta-inner .cta-features .single-feature .cta-desc .count{
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px #111;
    color:transparent;
    font-size:120px;
    font-weight:700;
    left:-32px;
    line-height:1;
    opacity:.1;
    position:absolute;
    top:0;
    z-index:-1
}

.cta-section .cta-inner .cta-features .single-feature:hover .icon{
    background-color:var(--color-1st);
    color:#fff
}

.cta-section .cta-inner .cta-features .single-feature:last-child{
    margin-bottom:0
}

.cta-section .cta-inner:after{
    background-color:var(--color-1st);
    bottom:-40px;
    content:"";
    height:20px;
    left:35px;
    position:absolute;
    right:35px
}

.cta-section .cta-inner:before{
    bottom:0;
    color:#f6f6f6;
    content:"\f127";
    font-family:Flaticon;
    font-size:350px;
    left:0;
    line-height:1;
    position:absolute
}


/* === 5) ROOM SLIDER ================================================ */

.room-slider{
    position:relative;
    z-index:1
}

.room-slider .rooms-slider-one.row{
    margin-left:-20px;
    margin-right:-20px
}

.room-slider .rooms-slider-one.row>.col{
    padding-left:20px;
    padding-right:20px
}

.room-slider .rooms-slider-one .slider-img{
    background-position:50%;
    background-size:cover;
    height:580px;
    width:100%
}

.room-slider .rooms-content-wrap .room-content-box{
    background-color:#222;
    color:#d4d4d4;
    font-size:14px;
    margin-top:-495px;
    padding:60px 50px;
    position:relative;
    z-index:2
}

.room-slider .rooms-content-wrap .room-content-box .slider-count{
    color:#4c4c4c;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    position:absolute;
    right:50px;
    top:90px;
    z-index:3
}

.room-slider .rooms-content-wrap .room-content-box .slider-count .current{
    color:var(--color-1st)
}

.room-slider .rooms-content-wrap .room-content-box .slider-count-big{
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px hsla(0,0%,100%,.6);
    bottom:-30px;
    font-size:200px;
    line-height:1;
    opacity:.1;
    position:absolute;
    right:0;
    z-index:-1
}

.room-slider .rooms-content-wrap .room-content-box h3{
    color:#fff;
    font-size:36px;
    margin-bottom:20px
}

.room-slider .rooms-content-wrap .room-content-box h3,.room-slider .rooms-content-wrap .room-content-box h3 a{
    color:#fff
}

.room-slider .rooms-content-wrap .room-content-box .icon{
    color:var(--color-1st);
    font-size:70px;
    line-height:1;
    margin-bottom:40px
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider{
    padding-bottom:45px
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider .single-content{
    overflow:hidden
}

.room-gallery-cta,.room-slider{
    overflow:hidden
}


/* === 5) TEXT BLOCK ================================================ */

.text-block.with-bg{
    background-position:50%;
    background-size:cover;
    position:relative;
    z-index:1
}

.text-block.with-bg:after{
    background-color:#fff;
    content:"";
    height:100%;
    left:0;
    opacity:.94;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}


/* === 5) TESTIMONIAL ================================================ */


/* === 5) ROOM GALLERY CTA ================================================ */

.room-gallery-cta{
    background-attachment:fixed;
    background-position:50%;
    background-size:cover;
    padding:120px 0;
    position:relative;
    z-index:1
}

.room-gallery-cta:before{
    background-color:#111;
    content:"";
    height:100%;
    left:0;
    opacity:.7;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}

.room-gallery-cta ul li{
    display:inline-block;
    margin:0 10px
}

.room-gallery-cta .cta-text h2{
    color:#fff;
    font-size:80px;
    letter-spacing:-3px;
    line-height:1.125
}

.room-gallery-cta .cta-text span{
    color:var(--color-1st);
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    padding-bottom:20px;
    text-transform:uppercase
}

.room-gallery-cta .rotate-images img{
    bottom:0;
    left:3%;
    position:absolute;
    transform:rotate(-37deg);
    z-index:1;
    z-index:-1
}

.room-gallery-cta .rotate-images img.rotate-image-one{
    bottom:auto;
    left:8%;
    max-width:260px;
    top:0;
    transform:rotate(-37deg)
}

.room-gallery-cta .rotate-images img.rotate-image-three{
    left:auto;
    right:5%
}


/* === 5) LATEST NEWS ================================================ */

.latest-news .latest-post-box .post-img{
    background-position: center;
    background-size: contain;
    background-repeat-x: no-repeat;
    height:360px;
    width:100%
}

.latest-news .latest-post-box .post-desc{
    background-color:#fff;
    padding:40px 35px
}

.latest-news .latest-post-box .post-desc .post-meta{
    margin-bottom:20px
}

.latest-news .latest-post-box .post-desc .post-meta li{
    display:inline-block;
    margin-right:20px
}

.latest-news .latest-post-box .post-desc .post-meta li a{
    color:#777;
    font-weight:500
}

.latest-news .latest-post-box .post-desc .post-meta li a i{
    margin-right:10px
}

.latest-news .latest-post-box .post-desc .post-meta li:last-child{
    margin-right:0
}

.latest-news .latest-post-box .post-desc h4{
    color:#111;
    font-size:24px;
    letter-spacing:-1px;
    line-height:1.4;
    margin-bottom:25px
}


/* === 5) OTRAS SECCIONES ================================================ */

.section-title span.title-tag{
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    padding-bottom:20px;
    text-transform:uppercase
}

.section-title h2{
    font-size:80px;
    letter-spacing:-1px;
    line-height:1.125
}


/* === 6) OVERRIDES DE PLUGINS (Slick, Nice-Select, etc.) ========= */

.nice-select{
    /*background-color:transparent;
    border:none;
    border-radius:0;*/
    height:70px;
    line-height:70px;
    padding-left:50px;
    position:relative;
    width:100%
}

.nice-select:after{
    display:none
}

.nice-select:before{
    color:var(--color-1st);
    content:"\f063";
    font-family:Font Awesome\ 5 Pro;
    font-weight:300;
    left:30px;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}

.input-group .nice-select{
    padding-left:80px
}

.input-group .nice-select:before{
    left:40px
}

.input-group.input-group-two .nice-select{
    background-color:#fff;
    height:60px;
    line-height:60px;
    padding:0 50px 0 30px
}

.input-group.input-group-two .nice-select:before{
    left:auto;
    right:30px
}

.arrow-style .slick-arrow{
    background:#fff;
    color:#111;
    cursor:pointer;
    font-size:18px;
    height:70px;
    line-height:70px;
    text-align:center;
    transition:all .3s ease-out 0s;
    width:70px
}

.arrow-style .slick-arrow:hover{
    background-color:var(--color-1st);
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.3);
    color:#fff
}

.banner-area .slick-arrow{
    background:#fff;
    cursor:pointer;
    font-size:17px;
    height:50px;
    left:0;
    line-height:50px;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    transition:.3s;
    width:50px;
    z-index:9
}

.banner-area .slick-arrow:hover{
    background-color:var(--color-1st);
    color:#fff
}

.banner-area ul.slick-dots{
    bottom:30px;
    left:50%;
    position:absolute;
    transform:translateX(-51%)
}

.banner-area ul.slick-dots li{
    display:inline-block;
    margin:0 5px
}

.banner-area ul.slick-dots li button{
    border:none;
    border-radius:50%;
    font-size:0;
    height:10px;
    line-height:0;
    width:10px
}

.banner-area ul.slick-dots li.slick-active button{
    background-color:var(--color-1st)
}

.slick-testimonials ul.slick-dots{
    bottom:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%)
}

.slick-testimonials ul.slick-dots li{
    cursor:pointer;
    display:inline-block
}

.slick-testimonials ul.slick-dots li button{
    background:#e7e7e7;
    border:0;
    font-size:0;
    height:4px;
    margin:0 5px;
    transition:all .3s ease-out 0s;
    width:16px
}

.slick-testimonials ul.slick-dots li.slick-active button{
    background-color:var(--color-1st);
    width:26px
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots{
    bottom:0;
    left:0;
    position:absolute
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li{
    cursor:pointer;
    display:inline-block
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li button{
    background:#434343;
    border:0;
    font-size:0;
    height:4px;
    margin:0 5px;
    transition:all .3s ease-out 0s;
    width:16px
}

.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li.slick-active button{
    background-color:var(--color-1st);
    width:26px
}

.room-details .room-booking-form .nice-select,.room-details .room-booking-form input,.room-details .room-booking-form select{
    background-color:#f8f8f8
}

.booking-form form .nice-select,.booking-form form input,.booking-form form select{
    background-color:transparent;
    border:none;
    border-bottom:2px solid var(--color-1st);
    color:hsla(0,0%,47%,.5);
    font-size:14px;
    height:50px;
    line-height:50px;
    width:100%
}

.booking-form form .nice-select{
    border-color:#e9e9e9;
    padding-left:0
}

.booking-form form .nice-select:after{
    display:none
}

.booking-form form .nice-select:before{
    left:0
}

.booking-form form .inputs-filed .nice-select,.booking-form form .inputs-filed input{
    padding:0 20px
}

.booking-form-body .booking-inner-body form .nice-select,.booking-form-body .booking-inner-body form input{
    background-color:#fff
}

.room-gird-loop .room-box .room-desc .nice-select{
    background:#f8f8f8;
    float:none;
    margin-top:20px
}

#bannerSlider .slick-slide{
  width: 100vw !important;
}


/* === 7) MISC (no clasificados arriba) =========================== */

.grecaptcha-badge {
    visibility: hidden;
}

.alert-block{
    margin: 15px;
}

.custom-toggle-switch {
    text-align: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

.slider.round {
    border-radius: 34px;
  }

.slider.round:before {
    border-radius: 50%;
  }

#image-preview {
    max-width: 500px !important;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
    margin-top: 10px;
}

.price {
    background-color: var(--color-1st);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 15px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.menu-card{
    height: fit-content;
}

.food-box .desc .cat {
    color: #777;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.food-box .desc h4 {
    font-size: 24px;
}

.food-box .thumb img {
    width: 100%;
    height: auto;
    max-height: 250px; /* Ajusta esta altura según sea necesario */
    object-fit: cover; /* Asegura que la imagen se recorte proporcionalmente */
}

*{
    box-sizing:border-box;
    margin:0;
    padding:0
}

p,ul{
    margin:0
}

::-moz-placeholder{
    color:#777;
    font-family:var(--tertiary-font),sans-serif
}

::placeholder,input,select,textarea{
    color:#777;
    font-family:var(--tertiary-font),sans-serif
}

.input-group input,.input-group select,.input-group textarea{
    padding-left:80px
}

.input-group label{
    color:#222;
    display:block;
    font-size:14px;
    font-weight:700;
    margin-bottom:10px
}

.input-group .icon{
    bottom:35px;
    color:var(--color-1st);
    left:40px;
    position:absolute;
    transform:translateY(50%)
}

.input-group.textarea .icon{
    bottom:auto;
    top:25px;
    transform:translateY(0)
}

.input-group.input-group-two input,.input-group.input-group-two select,.input-group.input-group-two textarea{
    background-color:#fff;
    color:#777;
    height:60px;
    padding:0 50px 0 30px
}

.input-group.input-group-two ::-moz-placeholder{
    color:#777;
    opacity:1
}

.input-group.input-group-two ::placeholder{
    color:#777;
    opacity:1
}

.input-group.input-group-two .icon{
    bottom:30px;
    left:auto;
    right:30px
}

.arrow-style{
    display:flex;
    justify-content:flex-end
}

.preloader{
    background-color:var(--color-1st);
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:9999
}

.preloader .cssload-container{
    display:block;
    width:97px
}

.preloader .cssload-loading i{
    background:#fff;
    border-radius:50%;
    display:inline-block;
    height:19px;
    width:19px
}

.preloader .cssload-loading i:first-child{
    animation:cssload-loading-ani2 .58s linear infinite;
    opacity:0;
    transform:translate(-19px)
}

.preloader .cssload-loading i:nth-child(2),.preloader .cssload-loading i:nth-child(3){
    animation:cssload-loading-ani3 .58s linear infinite
}

.preloader .cssload-loading i:last-child{
    animation:cssload-loading-ani1 .58s linear infinite
}

.offcanvas-wrapper{
    left:0;
    margin-left:-450px;
    min-height:100vh;
    opacity:0;
    position:fixed;
    top:0;
    transition:all .4s;
    visibility:hidden;
    width:450px;
    z-index:999
}

.offcanvas-wrapper.show-offcanvas{
    margin-left:0;
    opacity:1;
    visibility:visible
}

.offcanvas-wrapper .offcanvas-overly{
    background-color:#1e1e1e;
    cursor:pointer;
    height:100vh;
    left:0;
    opacity:0;
    position:fixed;
    top:0;
    transition:all .4s;
    visibility:hidden;
    width:100%;
    z-index:98
}

.offcanvas-wrapper .offcanvas-overly.show-overly{
    opacity:.5;
    visibility:visible
}

.offcanvas-wrapper .offcanvas-widget{
    background-color:#fff;
    height:100vh;
    padding:70px 40px;
    position:relative;
    width:100%;
    z-index:99
}

.offcanvas-wrapper .offcanvas-widget a.offcanvas-close{
    color:var(--color-1st);
    font-size:28px;
    position:absolute;
    right:30px;
    top:30px
}

.offcanvas-wrapper .offcanvas-widget .widget{
    font-size:14px;
    margin-bottom:50px
}

.offcanvas-wrapper .offcanvas-widget .widget .widget-title{
    font-size:20px;
    line-height:1;
    margin-bottom:25px;
    padding-left:30px;
    position:relative
}

.offcanvas-wrapper .offcanvas-widget .widget .widget-title:before{
    background-color:var(--color-1st);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:2px
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form{
    position:relative
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form input{
    background-color:#f8f8f8;
    border:none;
    font-size:14px;
    height:60px;
    padding-left:30px;
    padding-right:60px;
    width:100%
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button{
    background-color:var(--color-1st);
    border:none;
    color:#fff;
    font-size:14px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    transition:all .3s ease-out 0s;
    width:60px;
    z-index:1
}

.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button:hover{
    background-color:#111;
    color:#fff
}

.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li{
    display:inline-block;
    margin-right:5px
}

.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a{
    background-color:var(--color-1st);
    color:#fff;
    height:40px;
    line-height:40px;
    text-align:center;
    width:40px
}

.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a:hover{
    background-color:#222
}

.video-wrap{
    align-items:center;
    background-position:50%;
    background-size:cover;
    display:flex;
    height:480px;
    justify-content:center;
    width:100%
}

.video-wrap a.popup-video{
    background-color:#fff;
    border-radius:50%;
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.3);
    color:#111;
    font-size:16px;
    height:60px;
    line-height:65px;
    position:relative;
    text-align:center;
    width:60px
}

.video-wrap a.popup-video:before{
    animation:pulse-border-2 1s linear infinite
}

.video-wrap a.popup-video:after,.video-wrap a.popup-video:before{
    border:1px solid #ccc;
    border-radius:50%;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}

.video-wrap a.popup-video:after{
    animation:pulse-border-2 1.5s linear infinite
}

.video-wrap.video-wrap-two{
    height:460px
}

.video-wrap.video-wrap-two a.popup-video{
    box-shadow:none;
    font-size:20px;
    height:120px;
    line-height:120px;
    width:120px
}

.video-wrap.video-about{
    height:650px
}

.testimonial-box{
    background-color:#fff;
    margin-bottom:40px;
    padding:50px 30px;
    text-align:center;
    transition:all .3s ease-out 0s
}

.testimonial-box .client-img{
    margin:auto;
    max-height:150px;
    max-width:150px;
    position:relative
}

.testimonial-box .client-img img{
    border-radius:50%;
    max-height:150px;
    max-width:150px
}

.testimonial-box .client-img .check{
    background-color:aquamarine;
    border:4px solid #fff;
    border-radius:50%;
    color:#fff;
    height:50px;
    line-height:50px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:50px
}

.testimonial-box h3{
    font-size:30px;
    letter-spacing:-1px;
    margin-bottom:15px;
    margin-top:35px
}

.testimonial-box .clinet-post{
    color:var(--color-1st);
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:30px;
    text-transform:uppercase
}

.testimonial-box:hover{
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.2)
}

.hardcode{
    box-shadow:0 14px 24px 0 hsla(39,27%,65%,.2)
}

.post-img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 1s ease;
    }

.post-img:hover{
    filter: grayscale(0%);
    filter: gray;
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: 1s ease;
    }

.features-loop .feature-box{
    background-color:#fff;
    border:2px solid #f8f8f8;
    font-size:14px;
    margin-top:30px;
    padding:60px 50px;
    position:relative
}

.features-loop .feature-box .icon{
    color:var(--color-1st);
    font-size:70px;
    line-height:1;
    margin-bottom:30px
}

.features-loop .feature-box:hover .icon i{
    animation:hvr-buzz-out .75s linear 1
}

.features-loop .feature-box h3{
    font-size:30px;
    letter-spacing:-1px;
    margin-bottom:30px
}

.features-loop .feature-box .count{
    color:#f8f8f8;
    font-size:120px;
    line-height:1;
    position:absolute;
    right:0;
    top:-10px
}

.features-loop .feature-box.dark-box{
    background-color:#292929;
    border:none
}

.features-loop .feature-box.dark-box,.features-loop .feature-box.dark-box h3 a{
    color:#fff
}

.features-loop .feature-box.dark-box .count{
    color:#222
}

.room-gird-loop .room-box .room-img-wrap{
    height:240px;
    overflow:hidden;
    width:100%
}

.room-gird-loop .room-box .room-img-wrap .room-img{
    background-position:50%;
    background-size:cover;
    height:100%;
    transition:all .3s ease-out 0s;
    width:100%
}

.room-gird-loop .room-box:hover .room-img{
    transform:scale(1.1)
}

.room-gird-loop .room-box .room-desc{
    background-color:#fff;
    font-size:14px;
    padding:50px 35px 30px;
    position:relative;
    text-align:center
}

.room-gird-loop .room-box .room-desc .icons{
    background-color:#fff;
    box-shadow:0 8px 16px 0 hsla(0,0%,54%,.04);
    left:25px;
    padding:15px;
    position:absolute;
    right:25px;
    top:0;
    transform:translateY(-50%)
}

.room-gird-loop .room-box .room-desc .icons li{
    color:#222;
    display:inline-block;
    margin:0 10px
}

.room-gird-loop .room-box .room-desc h4{
    font-size:24px;
    letter-spacing:-1px;
    margin-bottom:15px
}

.room-gird-loop .room-box .room-desc span.price{
    color:var(--color-1st);
    font-size:16px;
    font-weight:700;
    margin-top:25px
}

.room-details .deatils-box{
    font-family:var(--tertiary-font),sans-serif
}

.room-details .deatils-box .title-wrap{
    align-items:center;
    background-color:#fff;
    display:flex;
    justify-content:space-between;
    margin-right:40px;
    padding:40px 50px
}

.room-details .deatils-box .title-wrap .title .room-cat{
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    padding-bottom:10px;
    text-transform:uppercase
}

.room-details .deatils-box .title-wrap .title h2{
    font-size:48px;
    letter-spacing:-1px
}

.room-details .deatils-box .title-wrap .price{
    color:var(--color-1st);
    font-family:var(--primary-font),sans-serif;
    font-size:40px;
    font-weight:700
}

.room-details .deatils-box .title-wrap .price span{
    font-size:16px
}

.room-details .deatils-box .thumb{
    margin-bottom:60px;
    margin-top:-90px;
    position:relative
}

.room-details .deatils-box h3.subtitle{
    border-bottom:1px solid #f1f1f1;
    font-size:30px;
    margin-bottom:40px;
    padding-bottom:20px
}

.room-details .deatils-box .room-fearures{
    background-color:#fff;
    padding:50px 50px 30px
}

.room-details .deatils-box .room-fearures .room-fearures-list li{
    float:left;
    margin-bottom:20px;
    padding-left:40px;
    position:relative;
    width:33.33%
}

.room-details .deatils-box .room-fearures .room-fearures-list li i{
    color:var(--color-1st);
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}

.room-details .deatils-box .room-rules{
    background-color:#fff;
    padding:50px 50px 30px
}

.room-details .deatils-box .room-rules .room-rules-list li{
    margin-bottom:20px;
    padding-left:40px;
    position:relative
}

.room-details .deatils-box .room-rules .room-rules-list li:before{
    color:var(--color-1st);
    content:"\f00c";
    font-family:Font Awesome\ 5 Pro;
    font-weight:300;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}

.room-details .deatils-box .cancellation-box{
    background-color:#fff;
    padding:50px
}

.room-details .deatils-box .cancellation-box strong{
    color:#222
}

.room-details .deatils-box .related-room h3.subtitle{
    border-color:#ddd
}

.room-details .room-booking-form{
    background-color:#fff;
    padding:40px
}

.room-details .room-booking-form .title{
    font-family:var(--primary-font),sans-serif;
    font-weight:700;
    margin-bottom:30px;
    padding-left:60px;
    position:relative
}

.room-details .room-booking-form .title:before{
    background-color:var(--color-1st);
    content:"";
    height:2px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px
}

.menu-area{
    position:relative;
    z-index:1
}

.menu-area .menu-loop .single-menu-box{
    align-items:center;
    margin-bottom:20px;
    padding-left:120px;
    position:relative
}

.menu-area .menu-loop .single-menu-box .menu-desc{
    color:#222;
    font-size:14px;
    padding:20px 85px 20px 30px;
    position:relative;
    transition:all .3s ease-out 0s
}

.menu-area .menu-loop .single-menu-box .menu-desc h4{
    font-size:24px;
    letter-spacing:-1px;
    margin-bottom:8px
}

.menu-area .menu-loop .single-menu-box .menu-img{
    background-position:50%;
    background-size:cover;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:120px
}

.menu-area .menu-loop .single-menu-box:hover .menu-desc{
    background-color:#fff
}

.contact-part .contact-info .info-box{
    grid-column-gap:30px;
    background-color:#fff;
    display:grid;
    grid-template-columns:40px 1fr;
    grid-template-rows:1fr;
    margin-bottom:30px;
    padding:50px 45px
}

.contact-part .contact-info .info-box .icon{
    color:var(--color-1st);
    font-size:40px
}

.contact-part .contact-info .info-box .desc h4{
    font-size:24px;
    margin-bottom:20px
}

.contact-part .contact-form{
    background-color:#fff;
    padding:100px
}

.offers-area .offer-boxes-loop .offer-box{
    margin-bottom:60px
}

.offers-area .offer-boxes-loop .offer-box .offer-desc{
    background-color:#fff;
    border-top:6px solid var(--color-1st);
    margin-left:60px;
    margin-right:60px;
    margin-top:-75px;
    padding:65px 60px 60px;
    position:relative;
    z-index:2
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap{
    align-items:center;
    border-bottom:2px solid #ececec;
    display:flex;
    justify-content:space-between;
    margin-bottom:40px;
    padding-bottom:40px
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat{
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    padding-bottom:10px;
    text-transform:uppercase
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2{
    font-size:48px;
    letter-spacing:-1px
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
    color:var(--color-1st);
    font-size:40px;
    font-weight:700;
    line-height:1;
    text-align:right
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price span{
    font-size:16px
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature,.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-text{
    font-family:var(--tertiary-font),sans-serif
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li{
    float:left;
    margin-bottom:20px;
    padding-left:40px;
    position:relative;
    width:50%
}

.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li i{
    color:var(--color-1st);
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}

.post-box .post-desc{
    background-color:#fff;
    padding:50px
}

.post-box .post-desc .cat{
    background-color:var(--color-1st);
    color:#fff;
    display:inline-block;
    font-family:var(--tertiary-font),sans-serif;
    font-size:14px;
    font-weight:700;
    margin-bottom:25px;
    padding:10px 30px
}

.post-box .post-desc .cat:hover{
    background-color:#111
}

.post-box .post-desc h2{
    color:#111;
    font-size:42px;
    letter-spacing:-2px;
    line-height:1;
    margin-bottom:20px
}

.post-box .post-desc .post-meta{
    margin-bottom:30px
}

.post-box .post-desc .post-meta li{
    display:inline-block;
    margin-right:30px
}

.post-box .post-desc .post-meta li a{
    color:#777
}

.post-box .post-desc .post-meta li a:hover{
    color:var(--color-1st)
}

.post-box .post-desc .post-meta li a i{
    margin-right:5px
}

.post-box .post-desc .post-footer{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-top:35px
}

.post-box .post-desc .post-footer .author{
    font-family:var(--secondary-font),serif;
    letter-spacing:-1px
}

.post-box .post-desc .post-footer .author a{
    color:#777
}

.post-box .post-desc .post-footer .author img{
    margin-right:15px
}

.post-box .post-desc .post-footer .read-more a{
    color:#777;
    font-family:var(--tertiary-font),sans-serif;
    font-size:14px
}

.post-box .post-desc .post-footer .read-more a i{
    margin-right:5px
}

.post-box .post-desc .post-footer .read-more a:hover{
    color:var(--color-1st)
}

.news-details-box{
    background-color:#fff;
    font-family:var(--tertiary-font),sans-serif;
    padding:40px
}

.news-details-box .entry-content .cat{
    background-color:var(--color-1st);
    color:#fff;
    display:inline-block;
    font-weight:700;
    margin-bottom:25px;
    padding:10px 30px
}

.news-details-box .entry-content .cat:hover{
    background-color:#111
}

.news-details-box .entry-content .subtitle,.news-details-box .entry-content .title{
    font-family:var(--secondary-font),serif;
    letter-spacing:-1px;
    margin-bottom:30px
}

.news-details-box .entry-content h2.title{
    font-size:36px;
    margin-bottom:15px
}

.news-details-box .entry-content h3.subtitle{
    font-size:30px
}

.news-details-box .entry-content .post-meta{
    margin-bottom:25px
}

.news-details-box .entry-content .post-meta li{
    display:inline-block;
    margin-right:25px
}

.news-details-box .entry-content .post-meta li a{
    color:#777;
    font-size:14px
}

.news-details-box .entry-content .post-meta li a:hover{
    color:var(--color-1st)
}

.news-details-box .entry-content .post-meta li a i{
    margin-right:5px
}

.news-details-box .entry-footer .tag-and-share h5{
    font-size:20px;
    letter-spacing:-1px;
    margin-bottom:25px
}

.news-details-box .entry-footer .tag-and-share .tag li{
    display:inline-block;
    margin-right:5px
}

.news-details-box .entry-footer .tag-and-share .tag li a{
    background-color:#f8f8f8;
    color:#777;
    display:block;
    font-size:12px;
    padding:10px 20px;
    text-transform:uppercase
}

.news-details-box .entry-footer .tag-and-share .tag li a:hover{
    background-color:var(--color-1st);
    color:#fff
}

.news-details-box .entry-footer .tag-and-share .share li{
    display:inline-block;
    margin-left:25px
}

.news-details-box .entry-footer .tag-and-share .share li a{
    color:#b5becc;
    font-size:18px
}

.news-details-box .entry-footer .related-post-box h3{
    font-size:26px;
    letter-spacing:-1px
}

.news-details-box .entry-footer .related-post-box .thumb{
    background-position:50%;
    background-size:cover;
    height:300px;
    width:100%
}

.news-details-box .entry-footer .related-post-box .desc{
    box-shadow:0 8px 16px 0 rgba(93,93,93,.06);
    font-size:14px;
    padding:40px;
    transition:.3s
}

.news-details-box .entry-footer .related-post-box .desc .date{
    color:#777;
    display:inline-block;
    margin-bottom:10px
}

.news-details-box .entry-footer .related-post-box .desc .date i{
    margin-right:5px
}

.news-details-box .entry-footer .related-post-box .desc h4{
    color:#222;
    font-size:22px;
    letter-spacing:-1px;
    margin-bottom:20px
}

.news-details-box .entry-footer .related-post-box:hover .desc{
    background-color:#f8f8f8;
    box-shadow:none
}

.pagination-wrap{
    padding-top:20px;
    text-align:center
}

.pagination-wrap ul li{
    display:inline-block;
    margin:0 5px
}

.pagination-wrap ul li a{
    background-color:#fff;
    color:#777;
    color:#111;
    font-family:var(--tertiary-font),sans-serif;
    font-weight:700;
    height:50px;
    line-height:50px;
    width:50px
}

.pagination-wrap ul li a:hover,.pagination-wrap ul li.active a{
    background-color:var(--color-1st);
    color:#fff
}

.sidebar .widget{
    background-color:#fff;
    padding:40px
}

.sidebar .widget .widget-title{
    font-size:20px;
    line-height:1;
    margin-bottom:40px;
    padding-left:30px;
    position:relative
}

.sidebar .widget .widget-title:before{
    background-color:var(--color-1st);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:2px
}

.sidebar .widget.search-widget form{
    position:relative
}

.sidebar .widget.search-widget form input{
    background-color:#f8f8f8;
    border:none;
    font-size:14px;
    height:60px;
    padding-left:30px;
    padding-right:60px;
    width:100%
}

.sidebar .widget.search-widget form button{
    background-color:var(--color-1st);
    border:none;
    color:#fff;
    font-size:14px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    transition:all .3s ease-out 0s;
    width:60px;
    z-index:1
}

.sidebar .widget.search-widget form button:hover{
    background-color:#111;
    color:#fff
}

.sidebar .widget.popular-feeds .single-popular-feed{
    grid-column-gap:15px;
    align-items:center;
    border-bottom:1px solid #e1e6ff;
    display:grid;
    grid-template-columns:80px 1fr;
    grid-template-rows:1fr;
    margin-bottom:30px;
    padding-bottom:30px
}

.sidebar .widget.popular-feeds .single-popular-feed:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc h6{
    font-size:18px;
    margin-bottom:10px
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time{
    font-size:14px
}

.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time i{
    margin-right:5px
}

.sidebar .widget.categories-widget ul li{
    margin-bottom:10px
}

.sidebar .widget.categories-widget ul li:last-child{
    margin-bottom:0
}

.sidebar .widget.categories-widget ul li a{
    background-color:#f8f8f8;
    color:#777;
    display:block;
    font-size:14px;
    height:50px;
    line-height:50px;
    padding-left:30px;
    position:relative;
    transition:all .3s ease-out 0s
}

.sidebar .widget.categories-widget ul li a span{
    background-color:#eaeaea;
    height:50px;
    line-height:50px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    transition:all .3s ease-out 0s;
    width:50px
}

.sidebar .widget.categories-widget ul li a:hover{
    background-color:var(--color-1st);
    color:#fff
}

.sidebar .widget.categories-widget ul li a:hover span{
    background-color:#947f58
}

.sidebar .widget.popular-tag-widget ul li{
    display:inline-block;
    margin-bottom:10px;
    margin-right:5px
}

.sidebar .widget.popular-tag-widget ul li a{
    background-color:#f4f4f4;
    color:#777;
    font-size:12px;
    padding:10px 20px
}

.sidebar .widget.popular-tag-widget ul li a:hover{
    background-color:var(--color-1st)
}

.booking-form{
    margin-top:-70px;
    position:relative;
    z-index:2
}

.booking-form .booking-form-inner{
    background-color:#fff;
    padding:10px 40px 40px
}

.booking-form form label{
    color:#222;
    display:block;
    font-family:var(--tertiary-font),sans-serif;
    font-weight:700;
    margin:0
}

.booking-form form .inputs-filed{
    position:relative
}

.booking-form form .inputs-filed .icon{
    bottom:15px;
    color:var(--color-1st);
    font-size:14px;
    left:0;
    position:absolute
}

.booking-form form button{
    background-color:var(--color-1st);
    border:none;
    color:#fff;
    font-size:14px;
    font-weight:700;
    height:60px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:all .3s ease-out 0s;
    width:100%
}

.booking-form form button:hover{
    background-color:#111
}

.booking-form.boxed-layout{
    margin-top:-40px
}

.booking-form.boxed-layout form button{
    font-size:12px;
    letter-spacing:1
}

.places-boxes .place-box .place-bg-wrap{
    overflow:hidden
}

.places-boxes .place-box .place-bg-wrap .place-bg{
    background-position:50%;
    background-size:cover;
    height:190px;
    transition:all .3s ease-out 0s;
    width:100%
}

.places-boxes .place-box:hover .place-bg{
    transform:scale(1.1)
}

.places-boxes .place-box .desc{
    background-color:#fff;
    padding:20px;
    text-align:center
}

.places-boxes .place-box .desc h4{
    font-size:24px;
    margin-bottom:10px
}

.places-boxes .place-box .desc .time{
    font-family:var(--tertiary-font),sans-serif;
    font-size:14px
}

.places-details .title-wrap .place-cat{
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    padding-bottom:5px;
    text-transform:uppercase
}

.places-details .title-wrap h2{
    font-size:48px
}

.places-details .title-wrap .link a{
    background-color:#fff;
    color:#777;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    padding:25px 45px;
    text-transform:uppercase
}

.places-details .title-wrap .link a:hover{
    background-color:var(--color-1st);
    color:#fff
}

.restaurant-tab-area .food-box{
    margin-bottom:30px
}

.restaurant-tab-area .food-box .thumb{
    position:relative
}

.restaurant-tab-area .food-box .thumb img{
    width:100%
}

.restaurant-tab-area .food-box .thumb .price{
    background-color:var(--color-1st);
    color:#fff;
    font-size:18px;
    font-weight:700;
    padding:8px 15px;
    position:absolute;
    right:10px;
    top:10px
}

.restaurant-tab-area .food-box .desc{
    background-color:#fff;
    padding:30px;
    position:relative
}

.restaurant-tab-area .food-box .desc a.cat{
    color:#777;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:10px;
    text-transform:uppercase
}

.restaurant-tab-area .food-box .desc h4{
    font-size:24px
}

.restaurant-tab-area .food-box .desc .link{
    color:#d2d2d2;
    font-size:18px;
    opacity:0;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    transition:all .3s ease-out 0s;
    visibility:hidden
}

.restaurant-tab-area .food-box:hover .desc .link{
    opacity:1;
    right:30px;
    visibility:visible
}

.menu-area.gradient-white{
    background:linear-gradient(45deg,#f8f8f8,#fff)
}

.back-to-top{
    background-color:var(--color-1st);
    bottom:40px;
    color:#fff;
    font-size:18px;
    height:40px;
    line-height:40px;
    opacity:0;
    position:fixed;
    right:0;
    text-align:center;
    visibility:hidden;
    width:40px;
    z-index:99
}

.back-to-top.active{
    opacity:1;
    right:40px;
    visibility:visible
}

.back-to-top:hover{
    background-color:#222
}

.booking-form-body{
    background-color:#fff;
    padding:50px 35px 30px;
    position:relative
}

.booking-form-body p strong{
    color:#222
}

.booking-form-body .booking-inner-body{
    background-color:#f8f8f8;
    padding:50px 35px 30px;
    position:relative
}

.booking-form-body .left-line{
    padding-left:30px;
    position:relative
}

.booking-form-body .left-line:before{
    background:var(--color-1st);
    content:"";
    display:block;
    height:100%;
    left:0;
    position:absolute;
    width:2px
}

.booking-form-body .inner-title{
    color:#222
}

.booking-form-body .inner-title a{
    color:var(--color-1st);
    text-decoration:underline
}

.booking-form-body form label{
    color:inherit;
    font-size:16px;
    font-weight:500
}

.booking-form-body form input::-moz-placeholder{
    font-size:14px
}

.booking-form-body form input::placeholder{
    font-size:14px
}

.booking-form-body form .group-fix{
    flex-wrap:unset
}

.booking-form-body form .input-group-text{
    background:transparent;
    border:none;
    padding:0 20px
}

.booking-form-body form .input-group-prepend .input-group-text{
    padding-left:0
}

.booking-form-body form .input-group-append .input-group-text{
    padding-right:0
}

.bookingtable .table td,.bookingtable .table th{
    color:#777;
    font-size:14px;
    font-weight:500;
    padding:15px
}

.bookingtable .table td strong,.bookingtable .table th strong{
    color:#222
}

.bookingtable .table thead td,.bookingtable .table thead th{
    border-bottom-width:1px
}

.bookingtable .table thead th a{
    display:flex;
    margin-bottom:10px
}

.bookingtable .table thead th a:before{
    align-items:center;
    border:1px solid var(--color-1st);
    content:"\f068";
    display:flex;
    font-family:Font Awesome\ 5 Pro;
    font-size:14px;
    height:20px;
    justify-content:center;
    line-height:normal;
    margin-right:10px;
    width:20px
}

.bookingtable .table thead th a.collapsed:before{
    content:"\f067"
}

.custom-checkbox label{
    align-items:center;
    cursor:pointer;
    display:flex;
    justify-content:flex-start;
    padding-left:25px;
    position:relative
}

.custom-checkbox input{
    height:auto;
    left:-99999px;
    position:absolute;
    width:auto
}

.custom-checkbox span{
    border:1px solid var(--color-1st);
    display:block;
    height:15px;
    left:0;
    position:absolute;
    width:15px
}

.custom-checkbox input:checked~span:before{
    color:var(--color-1st);
    content:"\f00c";
    font-family:Font Awesome\ 5 Pro;
    font-size:12px;
    left:1px;
    line-height:normal;
    position:absolute
}

.booking-conformation-box,.search-box .search-item{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}

.booking-conformation-box{
    margin-bottom:45px
}

.booking-conformation-box .booking-conformation-text span,.search-box .search-item .search-item-text span{
    display:block
}

.success-btn{
    background-color:#72b772;
    border-color:#72b772;
    color:#fff
}

.success-btn:focus,.success-btn:hover{
    background-color:var(--color-1st);
    border-color:var(--color-1st)
}

.search-box .total-price{
    color:#222;
    display:block;
    margin-bottom:20px
}

.room-gird-loop .room-box .room-desc .actions{
    align-items:center;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:center
}

.room-gird-loop .room-box .room-desc .actions .confirm-btn,.room-gird-loop .room-box .room-desc .item-boxs{
    display:none
}

.room-gird-loop .room-box .room-desc .item-boxs .item-boxs-item{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}

.room-details .deatils-box .title-wrap{
    position:relative;
    z-index:2
}

.room-gird-loop .room-box .room-desc .actions button{
    align-items:center;
    justify-content:center;
    margin:0;
    text-align:center;
    width:100%
}

.room-gird-loop .room-box .room-desc .actions button+button{
    margin-top:10px
}

#alert-container{
    position:fixed;
    right:5px;
    top:150px;
    z-index:9999999
}

#alert-container .alert{
    box-shadow:0 4px 10px 0 rgba(3,3,3,.1);
    font-size:14px;
    font-weight:400;
    margin-bottom:10px;
    max-width:450px!important;
    min-height:45px!important;
    padding:15px 40px 15px 60px;
    position:relative
}

#alert-container .alert.alert-success{
    background-color:#bff9d0;
    color:#299c77
}

#alert-container .alert .message-icon{
    fill:#299c77;
    stroke:#299c77;
    font-size:20px;
    left:5%;
    position:absolute;
    top:30%
}

#alert-container .alert.alert-dismissible .close{
    font-size:12px;
    padding:.75rem;
    position:absolute
}

.language-wrapper .language_bar_list li{
    display:block;
    float:left;
    margin-left:5px;
    min-width:95px
}

.language-wrapper .language_bar_list li a{
    display:block;
    text-align:left;
    width:100%
}

.language-wrapper .language_bar_list li a img{
    float:left;
    margin-right:10px;
    margin-top:10px;
    width:20px
}

.language-wrapper .language_bar_list li a span{
    color:#222
}

.language-wrapper .language_bar_list{
    vertical-align:middle
}

.language-wrapper .language_bar_list li a span{
    color:#fff
}

.language-wrapper .language_bar_list li a img{
    margin-top:4px
}

.language-wrapper .language_bar_list li a:hover span{
    color:var(--color-1st)
}

.language-wrapper.choose-currency{
    margin-left:15px
}

.booking-form form button{
    padding:0 10px
}

.preloader{
    z-index:9999999
}

.room-details-slider-nav{
    margin-top:12px
}

.room-details-slider-nav img{
    margin-right:12px;
    width:115px!important
}

.room-details-slider-nav img:last-child{
    margin:0
}


/* === 8) ANIMACIONES (@keyframes) ================================ */

@keyframes sticky{
    0%{
        top:-200px
    }
    to{
        top:0
    }
}

@keyframes pulse-border{
    0%{
        opacity:1;
        transform:scale(1)
    }
    to{
        opacity:0;
        transform:scale(1.3)
    }
}

@keyframes pulse-border-2{
    0%{
        opacity:1;
        transform:scale(1)
    }
    to{
        opacity:0;
        transform:scale(1.5)
    }
}

@keyframes cssload-loading-ani1{
    to{
        opacity:0;
        transform:translate(39px)
    }
}

@keyframes cssload-loading-ani2{
    to{
        opacity:1;
        transform:translate(19px)
    }
}

@keyframes cssload-loading-ani3{
    to{
        transform:translate(19px)
    }
}

@keyframes zoomIn{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.2)
    }
    to{
        transform:scale(1)
    }
}

@keyframes hvr-buzz-out{
    10%{
        transform:translateX(3px) rotate(2deg)
    }
    20%{
        transform:translateX(-3px) rotate(-2deg)
    }
    30%{
        transform:translateX(3px) rotate(2deg)
    }
    40%{
        transform:translateX(-3px) rotate(-2deg)
    }
    50%{
        transform:translateX(2px) rotate(1deg)
    }
    60%{
        transform:translateX(-2px) rotate(-1deg)
    }
    70%{
        transform:translateX(2px) rotate(1deg)
    }
    80%{
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        transform:translateX(1px) rotate(0)
    }
    to{
        transform:translateX(-1px) rotate(0)
    }
}

@keyframes half-circle-spinner-animation{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}


/* === 9) MEDIA QUERIES (móvil ► desktop) ========================= */


/* -- ≤399px -- */

@media (max-width:399px){
    body{
        font-size:14px
    }
}

@media (max-width:399px){
    .section-title span.title-tag{
        font-size:12px
    }
}

@media (max-width:399px){
    .section-title h2{
        font-size:32px
    }
}

@media (max-width:399px){
    .banner-area .banner-content .title{
        font-size:52px
    }
}

@media (max-width:399px){
    .banner-area .banner-content ul li:last-child{
        margin-left:0;
        margin-top:10px
    }
}

@media (max-width:399px){
    .room-gallery-cta ul li .main-btn{
        font-size:12px;
        letter-spacing:1px;
        padding:0 15px
    }
}

@media (max-width:399px){
    .room-gallery-cta .cta-text h2{
        font-size:28px
    }
}

@media (max-width:399px){
    .room-gallery-cta .rotate-images img{
        max-width:100px
    }
}

@media (max-width:399px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        max-width:100px
    }
}

@media (max-width:399px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        max-width:100px
    }
}

@media (max-width:399px){
    .latest-news .latest-post-box .post-desc{
        font-size:14px;
        padding:35px 25px
    }
}

@media (max-width:399px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        font-size:12px;
        margin-right:5px
    }
}

@media (max-width:399px){
    .latest-news .latest-post-box .post-desc h4{
        font-size:20px
    }
}

@media (max-width:399px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 5px
    }
}

@media (max-width:399px){
    .room-details .room-booking-form .title{
        padding-left:50px
    }
}

@media (max-width:399px){
    .room-details .room-booking-form .title:before{
        width:30px
    }
}

@media (max-width:399px){
    .menu-area .menu-loop .single-menu-box .menu-desc{
        padding:20px 50px 20px 30px
    }
}

@media (max-width:399px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:5px;
        margin-right:5px;
        padding:30px 15px 20px
    }
}

@media (max-width:399px){
    .post-box .post-desc{
        padding:40px 20px
    }
}

@media (max-width:399px){
    .news-details-box{
        padding:15px
    }
}

@media (max-width:399px){
    .news-details-box .entry-content h2.title{
        font-size:18px
    }
}

@media (max-width:399px){
    .news-details-box .entry-footer .related-post-box .desc h4{
        font-size:20px
    }
}

@media (max-width:399px){
    .sidebar .widget{
        padding:40px 20px
    }
}

@media (max-width:399px){
    .sidebar .widget.popular-tag-widget ul li a{
        padding:10px 15px
    }
}

@media (max-width:399px){
    .places-details .title-wrap h2{
        font-size:24px
    }
}

@media (max-width:399px){
    .restaurant-tab-area .food-box{
        margin-left:-5px;
        margin-right:-5px
    }
}

@media (max-width:399px){
    .restaurant-tab-area .food-box .desc a.cat{
        letter-spacing:0
    }
}

@media (max-width:399px){
    .restaurant-tab-area .food-box .desc h4{
        font-size:18px
    }
}

@media (max-width:399px){
    footer .footer-widget-area .widget.nav-widget ul li{
        margin-bottom:20px;
        width:100%
    }
}

@media (max-width:399px){
    footer .copyright-area .footer-menu ul li{
        margin-right:0;
        padding-left:0
    }
}

@media (max-width:399px){
    footer .copyright-area .footer-menu ul li:before{
        display:none
    }
}

@media (max-width:399px){
    body .restaurant-tab-area .food-box .desc .cat{
        letter-spacing:0
    }
}


/* -- ≤575px -- */

@media (max-width:575px){
    header .nav-container .site-logo img{
        max-width:180px
    }
}

@media (max-width:575px){
    .breadcrumb-area{
        margin-top:80px
    }
}

@media (max-width:575px){
    .breadcrumb-area .breadcrumb-text h2.page-title{
        font-size:50px
    }
}

@media (max-width:575px){
    .breadcrumb-area .breadcrumb-text span{
        font-size:12px
    }
}

@media (max-width:575px){
    .breadcrumb-area .breadcrumb-text .breadcrumb-nav{
        font-size:14px;
        padding:15px 20px
    }
}

@media (max-width:575px){
    .banner-area .banner-content .title{
        font-size:66px
    }
}

@media (max-width:575px){
    .banner-area .banner-content .main-btn{
        letter-spacing:1px;
        line-height:50px;
        padding:0 25px
    }
}

@media (max-width:575px){
    .about-section .about-title h2{
        font-size:30px
    }
}

@media (max-width:575px){
    .about-section .about-features{
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:3fr
    }
}

@media (max-width:575px){
    .about-section .about-features.masonry-layout li:nth-child(3){
        margin-top:0
    }
}

@media (max-width:575px){
    .about-section .about-features.masonry-layout li:nth-child(4){
        margin-top:50px
    }
}

@media (max-width:575px){
    .room-type-section .room-filter li a{
        font-size:14px;
        padding:8px 15px
    }
}

@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature{
        display:block
    }
}

@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature .icon{
        margin-bottom:30px
    }
}

@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature .cta-desc{
        padding-left:0
    }
}

@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature .cta-desc .count{
        left:0;
        top:-75px
    }
}

@media (max-width:575px){
    .room-gallery-cta .cta-text h2{
        font-size:32px
    }
}

@media (max-width:575px){
    .text-block .block-text p{
        padding-right:0
    }
}

@media (max-width:575px){
    .video-wrap{
        height:350px
    }
}

@media (max-width:575px){
    .video-wrap.video-wrap-two{
        height:350px
    }
}

@media (max-width:575px){
    .features-loop .feature-box{
        padding:50px 30px
    }
}

@media (max-width:575px){
    .room-slider .rooms-slider-one .slider-img{
        height:350px;
        width: unset;
    }
}

@media (max-width:575px){
    .room-slider .rooms-content-wrap .room-content-box{
        margin-top:-50px;
        padding:50px 30px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .title-wrap{
        display:block;
        margin-right:20px;
        padding:30px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .title-wrap .title h2{
        font-size:28px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .title-wrap .price{
        font-size:24px;
        margin-top:15px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .room-fearures{
        padding:50px 30px 30px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .room-fearures .room-fearures-list li{
        width:100%
    }
}

@media (max-width:575px){
    .room-details .deatils-box .room-rules{
        padding:50px 30px 30px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .cancellation-box{
        padding:50px 30px
    }
}

@media (max-width:575px){
    .menu-area .menu-loop .single-menu-box{
        padding-left:0;
        padding-top:140px
    }
}

@media (max-width:575px){
    .menu-area .menu-loop .single-menu-box .menu-img{
        height:120px;
        left:30px
    }
}

@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:15px;
        margin-right:15px;
        margin-top:-30px;
        padding:40px 20px 30px
    }
}

@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn{
        line-height:40px;
        padding:0 35px
    }
}

@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat{
        letter-spacing:2px
    }
}

@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2{
        font-size:24px
    }
}

@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
        font-size:20px
    }
}

@media (max-width:575px){
    .post-box .post-desc{
        font-size:14px;
        padding:40px 30px
    }
}

@media (max-width:575px){
    .post-box .post-desc h2{
        font-size:24px
    }
}

@media (max-width:575px){
    .post-box .post-desc .post-meta li{
        font-size:14px;
        margin-bottom:5px;
        margin-right:15px
    }
}

@media (max-width:575px){
    .news-details-box .entry-content h2.title{
        font-size:20px
    }
}

@media (max-width:575px){
    .news-details-box .entry-content h3.subtitle{
        font-size:18px
    }
}

@media (max-width:575px){
    .news-details-box .entry-content .post-meta li{
        margin-bottom:5px;
        margin-right:15px
    }
}

@media (max-width:575px){
    .pagination-wrap ul li{
        margin-bottom:8px
    }
}

@media (max-width:575px){
    .places-boxes .place-box .place-bg-wrap .place-bg{
        height:220px
    }
}

@media (max-width:575px){
    .places-details .title-wrap .place-cat{
        font-size:12px;
        letter-spacing:0
    }
}

@media (max-width:575px){
    .places-details .title-wrap h2{
        font-size:28px
    }
}

@media (max-width:575px){
    .places-details .title-wrap .link a{
        letter-spacing:0;
        padding:15px 25px
    }
}

@media (max-width:575px){
    .restaurant-tab-area .restaurant-rood-list .nav-link{
        padding:25px
    }
}

@media (max-width:575px){
    .restaurant-tab-area .restaurant-rood-list .nav-link i{
        font-size:40px
    }
}

@media (max-width:575px){
    .restaurant-tab-area .food-box .desc{
        padding:15px
    }
}

@media (max-width:575px){
    .restaurant-tab-area .food-box .desc a.cat{
        letter-spacing:1px
    }
}

@media (max-width:575px){
    .restaurant-tab-area .food-box .desc h4{
        font-size:20px
    }
}

@media (max-width:575px){
    .restaurant-tab-area .food-box:hover .desc .link{
        right:10px
    }
}

@media (max-width:575px){
    footer .copyright-area .social-links a{
        font-size:12px;
        height:40px;
        line-height:40px;
        margin:0 2px;
        width:40px
    }
}

@media (max-width:575px){
    footer .copyright-area .copyright-text{
        letter-spacing:0
    }
}

@media (max-width:575px){
    body .restaurant-tab-area .food-box .desc .cat{
        letter-spacing:1px
    }
}

@media (max-width:575px){
    .room-details .deatils-box .title-wrap{
        display:block;
        margin-right:0;
        padding:20px;
        width:100%
    }
    .room-details .deatils-box .thumb{
        margin-top:0
    }
    .booking-form-body .booking-inner-body{
        padding:20px
    }
    .booking-form-body{
        padding:30px 20px
    }
    .booking-form-body form .group-fix{
        display:block
    }
    .booking-form-body form .input-group-append .input-group-text{
        margin-top:5px;
        padding-left:0
    }
    .booking-form-body form .input-group-prepend .input-group-text{
        margin-bottom:5px;
        padding-right:0
    }
    .booking-conformation-box{
        display:block
    }
    .booking-conformation-box .booking-conformation-button button{
        margin-top:10px
    }
    .main-btn{
        font-size:13px;
        letter-spacing:1px
    }
    .room-gird-loop .room-box .room-desc .item-boxs .item-boxs-item{
        display:block
    }
    .room-gird-loop .room-box .room-desc .item-boxs .item-boxs-item .item-remove{
        margin-top:5px
    }
}


/* -- 576–767px -- */

@media only screen and (min-width:576px) and (max-width:767px){
    .breadcrumb-area{
        margin-top:100px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .breadcrumb-area .breadcrumb-text h2.page-title{
        font-size:60px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .banner-area .banner-content .title{
        font-size:72px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .banner-area .banner-content .main-btn{
        line-height:55px;
        padding:0 35px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .about-section .about-features.masonry-layout li:nth-child(3){
        margin-top:100px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-type-section .room-filter li a{
        padding:10px 20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-type-section .room-items .room-box .room-content{
        left:15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .cta-section .cta-inner .cta-features .single-feature{
        grid-template-columns:100px 1fr
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-gallery-cta .cta-text h2{
        font-size:42px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .testimonial-box{
        font-size:14px;
        padding:50px 20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .testimonial-box h3{
        font-size:22px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .latest-news .latest-post-box .post-desc{
        font-size:14px;
        padding:35px 18px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        font-size:12px;
        margin-right:5px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .latest-news .latest-post-box .post-desc h4{
        font-size:20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .features-loop .feature-box{
        padding:35px 25px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .features-loop .feature-box h3{
        font-size:24px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc{
        padding:50px 20px 30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc .icons{
        left:12px;
        padding:15px 5px;
        right:12px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 5px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc h4{
        font-size:20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc span.price{
        font-size:14px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .title-wrap{
        margin-right:20px;
        padding:30px 20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .title-wrap .title h2{
        font-size:32px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .title-wrap .price{
        font-size:30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .thumb{
        margin-top:-65px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .room-fearures .room-fearures-list li{
        width:50%
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:20px;
        margin-right:20px;
        margin-top:-50px;
        padding:40px 30px 30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2{
        font-size:32px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
        font-size:28px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .post-box .post-desc{
        padding:40px 30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .post-box .post-desc h2{
        font-size:30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .post-box .post-desc .post-meta li{
        margin-right:10px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .news-details-box .entry-content h2.title{
        font-size:28px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .news-details-box .entry-content h3.subtitle{
        font-size:26px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .news-details-box .entry-content .post-meta li{
        margin-right:10px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .places-details .title-wrap h2{
        font-size:32px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    footer .footer-widget-area .widget.site-info-widget{
        font-size:14px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    footer .footer-widget-area .widget.site-info-widget .social-links a{
        font-size:14px;
        height:35px;
        line-height:35px;
        margin-right:2px;
        width:35px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    footer .footer-widget-area .widget.contact-widget{
        padding-left:20px
    }
}


/* -- ≤767px -- */

@media (max-width:767px){
    .section-title span.title-tag{
        letter-spacing:2px
    }
}

@media (max-width:767px){
    .section-title h2{
        font-size:42px
    }
}

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

@media (max-width:767px){
    header .nav-container .header-info{
        padding:40px 20px 0
    }
}

@media (max-width:767px){
    header .nav-container .header-info .item{
        color:#fff
    }
}

@media (max-width:767px){
    header .nav-container .header-info .item .title{
        color:#fff;
        font-size:22px
    }
}

@media (max-width:767px){
    header .nav-container .header-info .item:not(:last-child){
        margin-bottom:30px;
        margin-right:0
    }
}

@media (max-width:767px){
    header.header-two .header-info .item i{
        color:#111
    }
}

@media (max-width:767px){
    header.inner-page.header-absolute .nav-container{
        padding:10px 0
    }
}

@media (max-width:767px){
    header.sticky-header.sticky-active .nav-container{
        padding:10px 15px;
    }
}

@media (max-width:767px){
    header.sticky-header.sticky-active.header-two .header-info .item,header.sticky-header.sticky-active.header-two .header-info .item .title,header.sticky-header.sticky-active.header-two .header-info .item a{
        color:#fff
    }
}

@media (max-width:767px){
    .breadcrumb-area .breadcrumb-text span{
        letter-spacing:2px
    }
}

@media (max-width:767px){
    .banner-area .banner-content span.promo-tag{
        font-size:12px;
        letter-spacing:1px
    }
}

@media (max-width:767px){
    .banner-area .banner-content ul li:last-child{
        margin-left:5px
    }
}

@media (max-width:767px){
    .banner-area.banner-style-two .single-banner{
        height:700px
    }
    .banner-area.banner-style-two .single-banner .banner-bg,
    .banner-area.banner-style-two .single-banner .banner-overly {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .banner-area.banner-style-two .single-banner .banner-overly{
        opacity:.2;
    }
}

@media (max-width:767px){
    .about-section .down-arrow-wrap{
        padding-bottom:90px
    }
}

@media (max-width:767px){
    .about-section .about-features{
        grid-column-gap:15px;
        grid-template-columns:repeat(3,1fr);
        grid-template-rows:2fr;
        margin-top:60px
    }
}

@media (max-width:767px){
    .about-section .about-features li a .title{
        letter-spacing:1px
    }
}

@media (max-width:767px){
    .about-section .about-features.masonry-layout{
        margin-top:50px
    }
}

@media (max-width:767px){
    .about-section .about-features.masonry-layout li:nth-child(2){
        margin-top:50px
    }
}

@media (max-width:767px){
    .about-section .about-features.masonry-layout li:nth-child(4){
        margin-top:-50px
    }
}

@media (max-width:767px){
    .room-type-section .room-filter{
        margin-top:30px
    }
}

@media (max-width:767px){
    .room-type-section .room-items .room-box.extra-height{
        height:280px
    }
}

@media (max-width:767px){
    .room-type-section .room-items .room-box .room-content h3{
        font-size:26px
    }
}

@media (max-width:767px){
    .room-type-section .room-items .room-box .room-content span{
        font-size:14px
    }
}

@media (max-width:767px){
    .room-type-section .room-items .room-box .room-link{
        height:40px;
        line-height:40px;
        right:10px;
        text-align:center;
        width:40px
    }
}

@media (max-width:767px){
    .cta-section .cta-inner .cta-text{
        margin-top:60px
    }
}

@media (max-width:767px){
    .cta-section .cta-inner .cta-features .single-feature .icon{
        font-size:40px;
        height:100px;
        line-height:100px;
        width:100px
    }
}

@media (max-width:767px){
    .room-gallery-cta ul li{
        margin:0 5px
    }
    .room-gallery-cta ul li .main-btn{
        letter-spacing:1px;
        padding:0 25px
    }
}

@media (max-width:767px){
    .room-gallery-cta .rotate-images img{
        max-width:150px
    }
}

@media (max-width:767px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:1%;
        max-width:150px
    }
}

@media (max-width:767px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        max-width:150px;
        right:1%
    }
}

@media (max-width:767px){
    .text-block .mb-small{
        margin-bottom:50px
    }
}

@media (max-width:767px){
    .video-wrap.video-wrap-two a.popup-video{
        height:80px;
        line-height:80px;
        width:80px
    }
}

@media (max-width:767px){
    .video-wrap.video-about{
        height:300px
    }
}

@media (max-width:767px){
    .latest-news .latest-post-box .post-img{
        height:220px
    }
}

@media (max-width:767px){
    .room-slider .rooms-slider-one .slider-img{
        height:450px
    }
}

@media (max-width:767px){
    .room-slider .rooms-content-wrap{
        margin-bottom:100px
    }
}

@media (max-width:767px){
    .room-slider .rooms-content-wrap .room-content-box{
        margin-top:-100px;
        padding:50px 30px
    }
}

@media (max-width:767px){
    .room-slider .rooms-content-wrap .room-content-box .slider-count-big{
        font-size:150px
    }
}

@media (max-width:767px){
    .room-details .room-booking-form{
        margin-top:30px
    }
}

@media (max-width:767px){
    .contact-part .contact-info .info-box{
        display:block;
        padding:30px 20px
    }
}

@media (max-width:767px){
    .contact-part .contact-info .info-box .icon{
        margin-bottom:15px
    }
}

@media (max-width:767px){
    .contact-part .contact-form{
        padding:50px
    }
}

@media (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature{
        margin-top:50px
    }
}

@media (max-width:767px){
    .news-details-box{
        font-size:14px;
        padding:30px
    }
}

@media (max-width:767px){
    .news-details-box .entry-footer .tag-and-share .tag{
        margin-bottom:30px
    }
}

@media (max-width:767px){
    .news-details-box .entry-footer .related-post-box .desc{
        padding:30px
    }
}

@media (max-width:767px){
    .sidebar{
        margin-top:80px
    }
}

@media (max-width:767px){
    .booking-form.boxed-layout{
        margin-top:0
    }
}

@media (max-width:767px){
    .places-details .title-wrap .link a{
        padding:20px 30px
    }
}

@media (max-width:767px){
    footer .footer-widget-area .widget.nav-widget{
        padding-left:0
    }
}

@media (max-width:767px){
    footer .copyright-area .social-links{
        margin-bottom:10px;
        text-align:center
    }
}

@media (max-width:767px){
    footer .copyright-area .social-links a{
        height:50px;
        line-height:50px;
        margin:0 5px;
        width:50px
    }
}

@media (max-width:767px){
    footer .copyright-area .copyright-text{
        margin-top:10px;
        text-align:center
    }
}

@media (max-width:767px){
    body .about-section .about-features li div .title{
        letter-spacing:1px
    }
}

@media (max-width:767px){
    header.header-two .nav-pushed-item .header-info .item i{
        background:#111;
        color:#fff
    }
    .show-admin-bar header .nav-container.breakpoint-on .nav-menu.menu-on{
        top:40px
    }
    header .nav-container .header-info .item .title{
        font-size:18px
    }
}


/* -- 768–991px -- */

@media only screen and (min-width:768px) and (max-width:991px){
    .section-title h2{
        font-size:52px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .toggle{
        display:none
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info{
        padding:40px 20px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info .item{
        color:#fff
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info .item .title{
        color:#fff;
        font-size:22px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info .item:not(:last-child){
        margin-bottom:30px;
        margin-right:0
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header.header-two .header-info .item i{
        background:#111
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header.inner-page.header-absolute .nav-container{
        padding:10px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header.sticky-header.sticky-active .nav-container{
        padding:10px 0
    }
    header.sticky-header.sticky-active .nav-container .site-logo img{
        max-width:200px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    header.sticky-header.sticky-active.header-two .header-info .item,header.sticky-header.sticky-active.header-two .header-info .item .title,header.sticky-header.sticky-active.header-two .header-info .item a{
        color:#fff
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .breadcrumb-area{
        margin-top:100px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .banner-area .banner-content span.promo-tag{
        font-size:12px;
        letter-spacing:1px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .banner-area .banner-content ul li:last-child{
        margin-left:10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .banner-area.banner-style-two .banner-content h1{
        font-size:90px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .down-arrow-wrap{
        padding-bottom:90px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-title h2{
        font-size:45px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features{
        grid-column-gap:15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features li a i{
        font-size:55px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features li a img{
        max-width:55px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features li a .title{
        letter-spacing:1px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features.masonry-layout li:nth-child(2){
        margin-top:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features.masonry-layout li:nth-child(3){
        margin-top:100px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features.masonry-layout li:nth-child(4){
        margin-top:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-type-section .room-filter{
        margin-top:30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-type-section .room-items .room-box.extra-height{
        height:280px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .cta-section .cta-inner .cta-text{
        margin-top:60px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-gallery-cta .cta-text h2{
        font-size:52px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:1%;
        max-width:180px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        max-width:200px;
        right:1%
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .text-block .mb-small{
        margin-bottom:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .video-wrap.video-wrap-two a.popup-video{
        height:80px;
        line-height:80px;
        width:80px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .video-wrap.video-about{
        height:500px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        margin-right:10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .features-loop .feature-box{
        padding:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 8px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .room-details .room-booking-form{
        margin-top:30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .contact-part .contact-form{
        padding:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:30px;
        margin-right:30px;
        padding:65px 40px 60px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
        font-size:32px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature{
        margin-top:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .post-box .post-desc h2{
        font-size:32px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .post-box .post-desc .post-meta li{
        margin-right:15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-content h2.title{
        font-size:34px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-content .post-meta li{
        margin-right:15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-footer .related-post-box .desc{
        padding:30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-footer .related-post-box .desc h4{
        font-size:22px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .sidebar{
        margin-top:80px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .booking-form.boxed-layout{
        margin-top:0
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .places-boxes .place-box .desc{
        padding:20px 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .places-boxes .place-box .desc h4{
        font-size:22px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .places-details .title-wrap h2{
        font-size:38px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    footer .footer-widget-area .widget.nav-widget{
        padding-left:0
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    footer .footer-widget-area .widget.contact-widget{
        padding-left:70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    footer .copyright-area .social-links a{
        height:50px;
        line-height:50px;
        margin-left:5px;
        width:50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    body .about-section .about-features li div i{
        font-size:55px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    body .about-section .about-features li div img{
        max-width:55px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    body .about-section .about-features li div .title{
        letter-spacing:1px
    }
}


/* -- 992–1199px -- */

@media only screen and (min-width:992px) and (max-width:1199px){
    .section-title h2{
        font-size:62px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    header .container.container-custom-one{
        max-width:100%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .toggle{
        margin-right:20px;
        margin-right:15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .site-logo img{
        max-width:200px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .header-info .item .title{
        font-size:16px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .header-info .item:not(:last-child){
        margin-right:15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .menu-items ul li a{
        padding:0 8px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .banner-area .banner-content .title{
        font-size:86px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .banner-area .banner-content ul li:last-child{
        margin-left:10px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .about-section .about-features{
        grid-column-gap:20px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .about-section .about-features li a .title{
        letter-spacing:2px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-type-section .room-filter li a{
        padding:10px 20px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-section .cta-inner .cta-features .single-feature{
        grid-template-columns:100px 1fr
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-section .cta-inner .cta-features .single-feature .icon{
        font-size:40px;
        height:100px;
        line-height:100px;
        width:100px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-section .cta-inner .cta-features .single-feature .cta-desc h3{
        font-size:26px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gallery-cta .cta-text h2{
        font-size:60px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:2%;
        max-width:220px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        max-width:250px;
        right:2%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .video-wrap.video-wrap-two a.popup-video{
        height:100px;
        line-height:100px;
        width:100px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-box{
        padding:50px 20px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-box h3{
        font-size:26px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-box .clinet-post{
        font-size:14px;
        font-size:12px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .latest-news .latest-post-box .post-desc{
        padding:35px 25px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        font-size:14px;
        margin-right:5px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .latest-news .latest-post-box .post-desc h4{
        font-size:22px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .features-loop .feature-box{
        padding:50px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gird-loop .room-box .room-desc{
        padding:50px 25px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 5px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-slider .rooms-slider-one .slider-img{
        height:500px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-slider .rooms-content-wrap .room-content-box{
        margin-top:-445px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .title-wrap{
        margin-right:30px;
        padding:40px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .title-wrap .title h2{
        font-size:42px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .title-wrap .price{
        font-size:35px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .room-fearures{
        padding:50px 35px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .room-rules{
        padding:50px 35px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .cancellation-box{
        padding:50px 35px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .room-booking-form .title{
        padding-left:50px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .room-booking-form .title:before{
        width:30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .menu-area .menu-loop .single-menu-box .menu-desc{
        padding:20px 50px 20px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .contact-part .contact-info .info-box{
        grid-template-columns:30px 1fr;
        padding:50px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .post-box .post-desc h2{
        font-size:34px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .post-box .post-desc .post-meta li{
        margin-right:15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-content h2.title{
        font-size:28px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-content h3.subtitle{
        font-size:24px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-content .post-meta li{
        margin-right:15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-footer .tag-and-share h5{
        font-size:18px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-footer .related-post-box .desc{
        padding:30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-footer .related-post-box .desc h4{
        font-size:18px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .sidebar .widget{
        padding:40px 20px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .sidebar .widget.popular-tag-widget ul li a{
        padding:10px 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .booking-form form button{
        font-size:12px;
        letter-spacing:1px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .places-boxes .place-box .desc{
        padding:20px 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    .places-boxes .place-box .desc h4{
        font-size:22px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    footer .footer-widget-area .widget.site-info-widget{
        font-size:14px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    footer .footer-widget-area .widget.site-info-widget .social-links a{
        font-size:14px;
        height:35px;
        line-height:35px;
        margin-right:2px;
        width:35px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box{
        grid-column-gap:15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px){
    body .about-section .about-features li div .title{
        letter-spacing:2px
    }
}


/* -- 1200–1599px -- */

@media only screen and (min-width:1200px) and (max-width:1599px){
    header .container.container-custom-one{
        max-width:94%
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    header .nav-container .header-info .item .title{
        font-size:20px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    header .nav-container .header-info .item:not(:last-child){
        margin-right:15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    header .nav-container .menu-items ul li a{
        font-size:14px;
        padding:0 10px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    .banner-area .banner-content .title{
        font-size:100px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    .room-gallery-cta .cta-text h2{
        font-size:72px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:2%
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        max-width:250px;
        right:2%
    }
}


/* -- ≥1200px -- */

@media (min-width:1200px){
    .container-1,.container-lg,.container-md,.container-sm,.container-xl{
        width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
        max-width:1170px;
    }
}


/* -- ≥1600px -- */

@media (min-width:1600px){
    .container-custom-one{
        max-width:1600px
    }
}


/* -- Other -- */

@media (max-width:991px){
    .nav-menu,.nav-push-item{
        display:none
    }
    a:not([href]) {
        display: unset;
    }
    .container {
        padding-right: unset;
        padding-left: unset;
    }
    .container-1 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .room-type-section:before{
        height:100.1%;
    }
    .desktop-previewer{
        display: unset !important;
    }
    .block-text{
        text-align: center;
    }
}

@media (min-width:991px){
    .slick-testimonials{
        /**display: flex;*/
    }
    .container {
        padding-right: unset;
        padding-left: unset;
    }
    a:not([href]) {
        color: inherit;
        text-decoration: none;
        display: unset;
    }
    .room-type-section:before{
        height:100.01%;
    }
    .desktop-previewer{
        display: flex;
    }
}

@media (max-width:773px){
    .mb-50 {
        text-align-last: center;
    }
}