/*--------------------------------------------------------------
>>> TABLA DE CONTENIDOS:
----------------------------------------------------------------

1.0 General
  1.0.1 openweb.min.css Legacy
  1.1 Fonts
    1.1.1 Montserrat
    1.1.2 Shippori Mincho
    1.1.3 Poppins
    1.1.4 Cinzel
  1.2 Root
  1.3 Basics
  1.4 Elementos
  1.5 Bloques
    1.5.0 beStyles.css
        1.5.1 orimg_effect
    1.5.1 Bloques generales
    1.5.2 Bloque Headers
    1.5.3 Center Block
    1.5.4 Picture
    1.5.5 Iconos
    1.5.6 Modals
        1.5.6.1 Modal PopUp
    1.5.7 Tarjetas Hover Cuadradas
    1.5.8 Grid Cards Asymmetric
    1.5.9 Chatbot
    1.5.10 Formularios
        1.5.10.1 Formulario Newsletter
        1.5.10.2 Formulario Contacto
        1.5.10.3 Formulario Registro Agencias
    1.5.11 Sliders
        1.5.11.1 Slider Max
        1.5.11.2 Slider Gallery
        1.5.11.3 Modal Zoom
        1.5.11.4 Slider Cards
        1.5.11.5 Slider Modal Rooms
        1.5.11.6 Counters
        1.5.11.7 Mini Gallery
    1.5.12 slides 2 posts
    1.5.13 Grid Image Text
    1.5.14 Dropdown
    1.5.15 Reviews
    1.5.16 Components
    1.5.17 WCD
    1.5.18 Banner Hoposa Pollentia
    1.5.19 Themes
    1.5.X Ajustes Page Builder
  1.6 Animaciones
  1.7 Menu
  1.8 Fondos
    1.8.1 Ajustes BG Safari                     | .isSafari
    1.8.2 FONDOS IOS                            | @supports (-webkit-touch-callout: default)
  1.9 Cajetín
  1.10 Ventajas Exclusivas
    1.10.1 Ventajas Exclusivas Modal
  1.11 Login Page Builder
  1.12 Cookies
2.0 Secciones
  2.1 Home
  2.2 Contacto y Transfer
  2.3 Ficha Hotel
  2.4 Destinos
  2.5 Experiencias
  2.6 Todos los Hoteles
  2.7 Deportes
  2.8 Medidas Covid
  2.9 Blog
    2.9.1 J!4
    2.9.2 WP
    2.9.3 c-lastposts
3.0 Footer
    3.1 Footer Principal
    3.2 Footer Secondary
    3.3 Footer RRSS
4.0 Políticas Legales
5.0 Mobile                                      | @media (max-width: 767px)
    5.1.0 Basics
        5.1.1 Layouts
    5.2.0 Fondos
        5.2.1 Fondos iOS mobile                 | .isSafari and  @supports (-webkit-touch-callout: default)
    5.3.0 Menu
    5.4.0 Ventajas Exclusivas
    5.5.0 Bloques
        5.5.0.0 beStyles.css
            5.5.0.0.1 orimg_effect
        5.5.1 Modals
        5.5.2 Formularios
            5.5.2.1 Formulario Newsletter
            5.5.2.2 Formulario Registro Agencias
        5.5.3 Tarjetas Hover Cuadradas
        5.5.4 Grid Cards Asymmetric
        5.5.5 Chatbot
        5.5.6 Sliders
            5.5.6.1 Slider Max
            5.5.6.2 Slider Gallery
            5.5.6.3 Slider Cards
            5.5.6.4 Slider Modal Room
            5.5.6.5 Modal Zoom
        5.5.7 Slides 2 Post
        5.5.8 Counters
        5.5.9 Grid Image Text
        5.5.10 Mini gallery
        5.5.11 Display Block
        5.5.12 Reviews
        5.5.13 Components
    5.6.0 Footer
    5.7.0 Secciones
        5.7.1 Home
        5.7.2 Ficha Hotel
        5.7.3 Destinos
        5.7.4 Todos los Hoteles
        5.7.5 Deportes
        5.7.6 Blog
            5.7.6.1 WP Blog
            5.7.6.2 J!4 Blog
    5.8.0 Cajetín
    5.9 Formulario Suscribete
    5.10 WCD
5B.0 Mobile Landscape                          | @media (max-width: 767px) and (orientation: landscape)
5C.0 Mobile Custom                             | @media (min-width: 500px) and (max-width: 816px) and (max-height: 416px) and (orientation: landscape)
5D.0 Mobile Custom x2                          | @media (max-width: 767px) and (min-width: 321px) and (min-height: 384px) and (orientation: landscape)
5E.0 Mobile Custom x3                          | @media (max-width: 320px)
6.0 Ajsutes minimobiles                        | @media (max-width: 320px)
7.0 Mobile + Mini Tablets                      | @media (max-width: 991px) 
7B.0 Mobile + Tablets                          | @media (max-width: 1279px) 
    7B.1 Bloques
        7B.1.1 Mini Gallery
7C.0 Mobile + Tablets + Laptops                | @media (max-width: 1680px)
8.0 No Mobile                                  | @media (min-width: 768px)
    8.1 Menu
    8.2 Secciones
9.0 Only Tablets                               | @media (min-width: 768px) and (max-width: 1279px)
    9.1 Cajetín
    9.2 Ventajas Exclusivas
    9.3 Menu
    9.4 Secciones
        9.4.1 Home
        9.4.2 Ficha Hotel
        9.4.3 Todos los hoteles
        9.4.4 Destinos 
        9.4.5 Experiencias
        9.4.6 Blog
    9.5 Bloques
        9.5.1 Formularios
        9.5.2 Tarjetas Hover
        9.5.3 Modals
            9.5.3.1 Popup
        9.5.4 Grid Cards Asymmetric
        9.5.5 Sliders
            9.5.5.1 Slider Cards
        9.5.6 Grid Image Text
        9.5.7 Reviews
        9.5.8 Components
    9.6 Footer
10.0 Mini Tablets                               | @media (min-width: 768px) and (max-width: 991px)
    10.1 Ventajas Exclusivas
    10.2 Secciones
        10.2.1 Ficha Hotel
        10.2.2 Destinos
        10.2.3 Todos los hoteles
        10.2.4 Contacto y transfer
    10.3 Menu
    10.4 Footer
    10.5 Bloques
        10.5.1 Slider Gallery
        10.5.2 Slider Cards
        10.5.3 Reviews
10B.0 Mini Tablets++                            | @media (min-width: 768px) and (max-width: 1023px)
10C.0 Mini Tablets++                            | @media (min-width: 768px) and (max-width: 1024px)
11.0 Tablets + Desktop                          | @media (min-width: 992px)
12.0 Tablets medias y Pantallas pequeñas        | @media (min-width: 992px) and (max-width: 1279px)
    12.1 Bloques
        12.1.1 Modals
        12.1.2 Sliders
            12.1.2.1 Slider Gallery
    12.2 Footer
    12.3 Secciones
        12.3.1 Todos los hoteles
        12.3.2 Contacto y transfer
        12.3.3 Politicas
        12.3.4 Experiencias
    12.4 Ventajas Exclusivas
    12.5 Menu
    12.6 Cajetín
12B.0 Tablets medias y Pantallas pequeñas++     | @media (min-width: 992px) and (max-width: 1679px) 
13.0 Tablets + y miniDesktop (horizontal)       | @media (min-width: 1024px) and (max-width: 1279px) and (orientation: landscape)
13B.0 Tablets + y miniDesktop++ (horizontal)    | @media (min-width: 1000px) and (max-width: 1679px) and (orientation: landscape
13C.0 Tablets + y miniDesktop++                 | @media (min-width: 1024px) and (max-width: 1679px)
14.0 Desktop + Big Tablets + Tablets Landscape  | @media (min-width: 1280px)
15.0 Desktop + Tablets Landscape                | @media (min-width: 1280px) and (max-width: 1679px)
    15.1 Bloques
        15.1.1 Tarjetas Hover
        15.1.2 Modals
        15.1.3 Sliders
            15.1.3.1 Slider Cards
    15.2 Secciones
        15.2.1 Blog
        15.2.2 Deportes
15B.0 Desktop + Tablets Landscape--             | @media (min-width: 1279px) and (max-width: 1633px)
15C.0 Desktop + Tablets Landscape++             | @media (min-width: 1279px) and (max-width: 1790px)
15D.0 Desktop + Tablets Landscape--             | @media (min-width: 1280px) and (max-width: 1367px)
15E.0 Desktop + Tablets Landscape--             | @media (min-width: 1617px) and (max-width: 1679px)
16.0 Desktop Med                                | @media (min-width: 1367px) and (max-width: 1679px)
17.0 Desktop                                    | @media (min-width: 1680px)
18.0 Nuevo Menú
19.0 BEM
    19.1 Temas
        19.1.1 t-playfair
        19.1.2 t-midwidth
        19.1.3 t-smallwidth
        19.1.4 t-bgillador
        19.1.5 t-bgblackalt
        19.1.6 t-marginauto
        19.1.7 t-width
        19.1.8 t-hidebe
        19.1.9 t-exclusive
    19.2 Componentes
        19.2.1 c-imgtext
        19.2.2 c-headerv2
        19.2.3 c-textbanner
        19.2.4 c-textimg
        19.2.5 c-contentblock
        19.2.6 c-dragscroll
        19.2.7 c-faqs
        19.2.8 c-rgpd
        19.2.9 #restMenu (menu restaurantes)
        19.2.10 c-beboxbtns
*/

/*--------------------------------------------------------------
    1.0 GENERAL
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    1.0.1 openweb.min.css Legacy
--------------------------------------------------------------*/

@font-face {
    font-family: 'or-icon-tpl';
    src: url('../font/or-icon-tpl.eot?31833699');
    src: url('../font/or-icon-tpl.eot?31833699#iefix') format('embedded-opentype'), url('../font/or-icon-tpl.woff2?31833699') format('woff2'), url('../font/or-icon-tpl.woff?31833699') format('woff'), url('../font/or-icon-tpl.ttf?31833699') format('truetype'), url('../font/or-icon-tpl.svg?31833699#or-icon-tpl') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="oricon-"]:before,
[class*=" oricon-"]:before {
    font-family: "or-icon-tpl";
    font-style: normal;
    font-weight: normal;
    speak-as: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.oricon-starempty:before {
    content: '\e800'
}

.oricon-burger:before {
    content: '\e801'
}

.oricon-star:before {
    content: '\e802'
}

.oricon-calendar:before {
    content: '\e803'
}

.oricon-close:before {
    content: '\e805'
}

.oricon-lightarrow:before {
    content: '\e806'
}

.oricon-longarrow:before {
    content: '\e807'
}

.oricon-mappointer:before {
    content: '\e808'
}

.oricon-bed:before {
    content: '\e80e'
}

.oricon-more:before {
    content: '\e810'
}

.oricon-addcircleoutline:before {
    content: '\e812'
}

.oricon-triangle:before {
    content: '\e813'
}

.oricon-cart:before {
    content: '\e815'
}

.oricon-edit:before {
    content: '\e817'
}

.oricon-openmail:before {
    content: '\e819'
}

.oricon-profile:before {
    content: '\e81a'
}

.oricon-sandclock:before {
    content: '\e81b'
}

.oricon-voucher:before {
    content: '\e81c'
}

.oricon-check:before {
    content: '\e81d'
}

.oricon-paperplane:before {
    content: '\e81e'
}

.oricon-phone:before {
    content: '\e81f'
}

:root {
    --or-main-color: #222;
    --or-alt-color: #ECECEC;
    --or-main-btncolor: #333;
    --or-alt-btncolor: #FFF;
    --or-menu-height: 5.3125rem;
    --or-font-h1: 4.0625rem;
    --or-font-h1-small: 3.125rem;
    --or-font-h2: 2.5rem;
    --or-font-h2-small: 1.25rem;
    --or-font-h3: 1.875rem;
    --or-font-h3-small: 1.125rem;
    --or-font-h4: 1rem;
    --or-font-p: .9375rem;
    --or-font-p-big: 1.25rem;
    --or-font-p-min: .6875rem;
    --or-main-font: Arial, Helvetica, sans-serif;
    --or-alt-font: Verdana, Helvetica, sans-serif;
    --or-width: 102.375rem;
    --or-width-be: 80.5625rem;
    --or-fixed-margin: 8.75rem;
    --or-be-bgcolor: rgba(0, 0, 0, .5);
    --or-be-hometop: 18.75rem;
    accent-color: var(--or-main-color)
}

* {
    font-family: var(--or-main-font);
    box-sizing: border-box;
    letter-spacing: .01em;
    will-change: auto !important
}

body {
    background-color: var(--or-web-bg-color);
    color: var(--or-web-text-color);
    font-family: var(--or-main-font);
    font-size: var(--or-font-p);
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--or-main-font)
}

h1,
.h1 {
    font-size: var(--or-font-h1)
}

h2,
.h2 {
    font-size: var(--or-font-h2)
}

h3,
.h3 {
    font-size: var(--or-font-h3)
}

h4,
.h4 {
    font-size: var(--or-font-h4)
}

h5,
.h5 {
    font-size: var(--or-font-h5)
}

h6,
.h6 {
    font-size: var(--or-font-h6)
}

p,
.p {
    font-size: var(--or-font-p)
}

.pBig {
    font-size: var(--or-font-p-big)
}

.pMin {
    font-size: var(--or-font-p-min);
    line-height: 1.5;
}

.or_altfont {
    font-family: var(--or-alt-font)
}

.overflow-hiden {
    overflow: hidden
}

*+address,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul,
address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0
}

a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline
}

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

.opacity_none {
    opacity: 1
}

.opacity0 {
    opacity: .0
}

.opacity1 {
    opacity: .1
}

.opacity2 {
    opacity: .2
}

.opacity3 {
    opacity: .3
}

.opacity4 {
    opacity: .4
}

.opacity5 {
    opacity: .5
}

.opacity6 {
    opacity: .6
}

.opacity7 {
    opacity: .7
}

.opacity8 {
    opacity: .8
}

.opacity9 {
    opacity: .9
}

.color_main,
.color_main em,
.color_main h1,
.color_main h2,
.color_main h3,
.color_main p {
    color: var(--or-main-color)
}

.color_alt,
.color_alt em,
.color_alt h1,
.color_alt h2,
.color_alt h3,
.color_alt p {
    color: var(--or-alt-color)
}

.no_fondo {
    background-color: transparent
}

.fondo_main {
    background-color: var(--or-main-color)
}

.fondo_alt {
    background-color: var(--or-alt-color)
}

::selection {
    background: var(--or-main-color);
    color: #fff !important
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

picture {
    width: 100%;
    display: flex;
    overflow: hidden;
    height: 100%;
    justify-content: center;
    flex-direction: column
}

.isSafari picture {
    justify-content: unset;
    align-items: unset
}

picture img {
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    height: 100%;
    flex-shrink: 0;
    object-fit: cover
}

.isSafari picture img {
    object-fit: cover;
    flex-shrink: unset
}

.or_blockwidth {
    width: var(--or-width);
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.or_nofix>.or_blockwidth {
    width: auto;
    margin-left: var(--or-fixed-margin);
    margin-right: var(--or-fixed-margin);
    max-width: initial
}

.or_nofix.full>.or_blockwidth {
    margin-left: 0;
    margin-right: 0
}

span.ow-close-x {
    font-size: 1.875rem;
    font-weight: 300
}

.orblock_0 {
    width: 0
}

.orblock_1 {
    width: 7.39%
}

.orblock_2 {
    width: 15.8%
}

.orblock_3 {
    width: 24.21%
}

.orblock_4 {
    width: 32.62%
}

.orblock_5 {
    width: 41.03%
}

.orblock_6 {
    width: 49.44%
}

.orblock_7 {
    width: 57.85%
}

.orblock_8 {
    width: 66.26%
}

.orblock_9 {
    width: 74.67%
}

.orblock_10 {
    width: 83.08%
}

.orblock_11 {
    width: 91.49%
}

.orblock_12 {
    width: 100%
}

.orblock-offset_0,
.orblock-offset_0:first-child {
    margin-left: 0
}

.orblock-offset_1,
.orblock-offset_1:first-child {
    margin-left: 8.41%
}

.orblock-offset_2,
.orblock-offset_2:first-child {
    margin-left: 16.82%
}

.orblock-offset_3,
.orblock-offset_3:first-child {
    margin-left: 25.23%
}

.orblock-offset_4,
.orblock-offset_4:first-child {
    margin-left: 33.64%
}

.orblock-offset_5,
.orblock-offset_5:first-child {
    margin-left: 42.05%
}

.orblock-offset_6,
.orblock-offset_6:first-child {
    margin-left: 50.46%
}

.orblock-offset_7,
.orblock-offset_7:first-child {
    margin-left: 58.87%
}

.orblock-offset_8,
.orblock-offset_8:first-child {
    margin-left: 67.28%
}

.orblock-offset_9,
.orblock-offset_9:first-child {
    margin-left: 75.69%
}

.orblock-offset_10,
.orblock-offset_10:first-child {
    margin-left: 84.1%
}

.orblock-offset_11,
.orblock-offset_11:first-child {
    margin-left: 92.51%
}

.orblock-offset_12,
.orblock-offset_12:first-child {
    margin-left: 100%
}

.orblock-offset_0i,
.orblock-offset_0i:first-child {
    margin-left: 0
}

.orblock-offset_1i,
.orblock-offset_1i:first-child {
    margin-left: -8.41%
}

.orblock-offset_2i,
.orblock-offset_2i:first-child {
    margin-left: -16.82%
}

.orblock-offset_3i,
.orblock-offset_3i:first-child {
    margin-left: -25.23%
}

.orblock-offset_4i,
.orblock-offset_4i:first-child {
    margin-left: -33.64%
}

.orblock-offset_5i,
.orblock-offset_5i:first-child {
    margin-left: -42.05%
}

.orblock-offset_6i,
.orblock-offset_6i:first-child {
    margin-left: -50.46%
}

.orblock-offset_7i,
.orblock-offset_7i:first-child {
    margin-left: -58.87%
}

.orblock-offset_8i,
.orblock-offset_8i:first-child {
    margin-left: -67.28%
}

.orblock-offset_9i,
.orblock-offset_9i:first-child {
    margin-left: -75.69%
}

.orblock-offset_10i,
.orblock-offset_10i:first-child {
    margin-left: -84.1%
}

.orblock-offset_11i,
.orblock-offset_11i:first-child {
    margin-left: -92.51%
}

.orblock-offset_12i,
.orblock-offset_12i:first-child {
    margin-left: -100%
}

.orpadding_0 {
    padding-top: 0;
    padding-bottom: 0;
}

.orpadding_10 {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.orpadding_20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.orpadding_30 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

.orpadding_40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.orpadding_50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

.orpadding_60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.orpadding_70 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
}

.orpadding_80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.orpadding_90 {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
}

.orpadding_100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.orpadding_0_top {
    padding-top: 0
}

.orpadding_10_top {
    padding-top: .625rem
}

.orpadding_20_top {
    padding-top: 1.25rem
}

.orpadding_30_top {
    padding-top: 1.875rem
}

.orpadding_40_top {
    padding-top: 2.5rem
}

.orpadding_50_top {
    padding-top: 3.125rem
}

.orpadding_60_top {
    padding-top: 3.75rem
}

.orpadding_70_top {
    padding-top: 4.375rem
}

.orpadding_80_top {
    padding-top: 5rem
}

.orpadding_90_top {
    padding-top: 5.625rem
}

.orpadding_100_top {
    padding-top: 6.25rem
}

.orpadding_0_bot {
    padding-bottom: 0;
}

.orpadding_10_bot {
    padding-bottom: .625rem;
}

.orpadding_20_bot {
    padding-bottom: 1.25rem;
}

.orpadding_30_bot {
    padding-bottom: 1.875rem;
}

.orpadding_40_bot {
    padding-bottom: 2.5rem;
}

.orpadding_50_bot {
    padding-bottom: 3.125rem;
}

.orpadding_60_bot {
    padding-bottom: 3.75rem;
}

.orpadding_70_bot {
    padding-bottom: 4.375rem;
}

.orpadding_80_bot {
    padding-bottom: 5rem;
}

.orpadding_90_bot {
    padding-bottom: 5.625rem;
}

.orpadding_100_bot {
    padding-bottom: 6.25rem;
}

.ormargin_0 {
    margin-top: 0;
    margin-bottom: 0;
}

.ormargin_10 {
    margin-top: .625rem;
    margin-bottom: .625rem;
}

.ormargin_20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.ormargin_30 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.ormargin_40 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.ormargin_50 {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}

.ormargin_60 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}

.ormargin_70 {
    margin-top: 4.375rem;
    margin-bottom: 4.375rem;
}

.ormargin_80 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.ormargin_90 {
    margin-top: 5.625rem;
    margin-bottom: 5.625rem;
}

.ormargin_100 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
}

.ormargin_0_top {
    margin-top: 0
}

.ormargin_10_top {
    margin-top: .625rem
}

.ormargin_20_top {
    margin-top: 1.25rem
}

.ormargin_30_top {
    margin-top: 1.875rem
}

.ormargin_40_top {
    margin-top: 2.5rem
}

.ormargin_50_top {
    margin-top: 3.125rem
}

.ormargin_60_top {
    margin-top: 3.75rem
}

.ormargin_70_top {
    margin-top: 4.375rem
}

.ormargin_80_top {
    margin-top: 5rem
}

.ormargin_90_top {
    margin-top: 5.625rem
}

.ormargin_100_top {
    margin-top: 6.25rem
}

.ormargin_0_bot {
    margin-bottom: 0;
}

.ormargin_10_bot {
    margin-bottom: .625rem;
}

.ormargin_20_bot {
    margin-bottom: 1.25rem;
}

.ormargin_30_bot {
    margin-bottom: 1.875rem;
}

.ormargin_40_bot {
    margin-bottom: 2.5rem;
}

.ormargin_50_bot {
    margin-bottom: 3.125rem;
}

.ormargin_60_bot {
    margin-bottom: 3.75rem;
}

.ormargin_70_bot {
    margin-bottom: 4.375rem;
}

.ormargin_80_bot {
    margin-bottom: 5rem;
}

.ormargin_90_bot {
    margin-bottom: 5.625rem;
}

.ormargin_100_bot {
    margin-bottom: 6.25rem;
}

.ormargin_10_topi {
    margin-top: -.625rem
}

.ormargin_20_topi {
    margin-top: -1.25rem
}

.ormargin_30_topi {
    margin-top: -1.875rem
}

.ormargin_40_topi {
    margin-top: -2.5rem
}

.ormargin_50_topi {
    margin-top: -3.125rem
}

.ormargin_60_topi {
    margin-top: -3.75rem
}

.ormargin_70_topi {
    margin-top: -4.375rem
}

.ormargin_80_topi {
    margin-top: -5rem
}

.ormargin_90_topi {
    margin-top: -5.625rem
}

.ormargin_100_topi {
    margin-top: -6.25rem
}

.ormargin_10_boti {
    margin-bottom: -.625rem;
}

.ormargin_20_boti {
    margin-bottom: -1.25rem;
}

.ormargin_30_boti {
    margin-bottom: -1.875rem;
}

.ormargin_40_boti {
    margin-bottom: -2.5rem;
}

.ormargin_50_boti {
    margin-bottom: -3.125rem;
}

.ormargin_60_boti {
    margin-bottom: -3.75rem;
}

.ormargin_70_boti {
    margin-bottom: -4.375rem;
}

.ormargin_80_boti {
    margin-bottom: -5rem;
}

.ormargin_90_boti {
    margin-bottom: -5.625rem;
}

.ormargin_100_boti {
    margin-bottom: -6.25rem;
}

.ornomargin {
    margin-top: 0;
    margin-bottom: 0
}

[class^="orblock_"]:first-child.margin_auto,
[class*=" orblock_"]:first-child.margin_auto {
    margin-left: auto
}

.margin_auto {
    margin-left: auto;
    margin-right: auto
}

.margin_auto_force {
    margin-left: auto !important;
    margin-right: auto !important
}

.none {
    display: none !important;
}

.block {
    display: block !important;
}

.flex {
    display: flex !important;
}

.grid {
    display: grid !important;
}

.text_center {
    text-align: center !important
}

.text_left {
    text-align: left !important
}

.text_right {
    text-align: right !important
}

.text_justify {
    text-align: justify !important
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.bold,
strong {
    font-weight: 900;
}

.lineHeight50 {
    line-height: 50%;
}

.lineHeight60 {
    line-height: 60%;
}

.lineHeight70 {
    line-height: 70%;
}

.lineHeight80 {
    line-height: 80%;
}

.lineHeight90 {
    line-height: 90%;
}

.lineHeight100 {
    line-height: 100%;
}

.lineHeight110 {
    line-height: 110%;
}

.lineHeight120 {
    line-height: 120%;
}

.lineHeight130 {
    line-height: 130%;
}

.lineHeight140 {
    line-height: 140%;
}

.lineHeight150 {
    line-height: 150%;
}

.lineHeight160 {
    line-height: 160%;
}

.lineHeight170 {
    line-height: 170%;
}

.lineHeight180 {
    line-height: 180%;
}

.lineHeight190 {
    line-height: 190%;
}

.lineHeight200 {
    line-height: 200%;
}

.letterAdjust01 {
    letter-spacing: -.01em;
}

.letterAdjust02 {
    letter-spacing: -.02em;
}

.letterAdjust03 {
    letter-spacing: -.03em;
}

.letterAdjust04 {
    letter-spacing: -.04em;
}

.letterAdjust05 {
    letter-spacing: -.05em;
}

.letterAdjust01a {
    letter-spacing: .01em;
}

.letterAdjust02a {
    letter-spacing: .02em;
}

.letterAdjust03a {
    letter-spacing: .03em;
}

.letterAdjust04a {
    letter-spacing: .04em;
}

.letterAdjust05a {
    letter-spacing: .05em;
}

.pointer {
    cursor: pointer
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between
}

.flex-container[fx-wrap="wrap"],
.flex-wrap,
.orflex-wrap .or_blockwidth {
    flex-wrap: wrap
}

.flex-container[fx-wrap="nowrap"],
.flex-wrap-no,
.orflex-wrap-no .or_blockwidth {
    flex-wrap: nowrap
}

.flex-container[fx-wrap="reverse"],
.flex-wrap-reverse,
.orflex-wrap-reverse .or_blockwidth {
    flex-wrap: wrap-reverse
}

.flex-container[fx-dir="column"],
.flex-dir-column,
.orflex-dir-column .or_blockwidth {
    flex-direction: column
}

.flex-container[fx-dir="column-reverse"],
.flex-dir-column-reverse,
.orflex-dir-column-reverse .or_blockwidth {
    flex-direction: column-reverse
}

.flex-container[fx-dir="row"],
.flex-dir-row,
.orflex-dir-row .or_blockwidth {
    flex-direction: row
}

.flex-container[fx-dir="row-reverse"],
.flex-row-reverse,
.orflex-row-reverse .or_blockwidth {
    flex-direction: row-reverse
}

.flex-container[fx-justify="center"],
.flex-justify-center,
.orflex-justify-center .or_blockwidth {
    justify-content: center
}

.flex-container[fx-justify="flex-start"],
.flex-justify-start,
.orflex-justify-start .or_blockwidth {
    justify-content: flex-start
}

.flex-container[fx-justify="flex-end"],
.flex-justify-end,
.orflex-justify-end .or_blockwidth {
    justify-content: flex-end
}

.flex-container[fx-justify="space-around"],
.flex-justify-around,
.orflex-justify-around .or_blockwidth {
    justify-content: space-around
}

.flex-container[fx-justify="space-between"],
.flex-justify-between,
.orflex-justify-between .or_blockwidth {
    justify-content: space-between
}

.flex-container[fx-align="center"],
.flex-align-center,
.orflex-align-center .or_blockwidth {
    align-items: center
}

.flex-container[fx-align="stretch"],
.flex-align-stretch,
.orflex-align-stretch .or_blockwidth {
    align-items: stretch
}

.flex-container[fx-align="flex-start"],
.flex-align-start,
.orflex-align-start .or_blockwidth {
    align-items: flex-start
}

.flex-container[fx-align="flex-end"],
.flex-align-end,
.orflex-align-end .or_blockwidth {
    align-items: flex-end
}

.flex-container[fx-align="baseline"],
.flex-align-baseline,
.orflex-align-baseline .or_blockwidth {
    align-items: baseline
}

.flex-container[fx-content="start"],
.flex-content-start,
.orflex-content-start .or_blockwidth {
    align-content: flex-start
}

.flex-container[fx-content="end"],
.flex-content-end,
.orflex-content-end .or_blockwidth {
    align-content: flex-end
}

.flex-container[fx-content="center"],
.flex-content-center,
.orflex-content-center .or_blockwidth {
    align-content: center
}

.flex-container[fx-content="stretch"],
.flex-content-stretch,
.orflex-content-stretch .or_blockwidth {
    align-content: stretch
}

.flex-container[fx-content="between"],
.flex-content-between,
.orflex-content-between .or_blockwidth {
    align-content: space-between
}

.flex-container[fx-content="around"],
.flex-content-around,
.orflex-content-around .or_blockwidth {
    align-content: space-around
}

.flex-container[fx-grow="1"],
.flex-grow-1 {
    flex-grow: 1
}

.flex-container[fx-grow="2"],
.flex-grow-2 {
    flex-grow: 2
}

.flex-container[fx-grow="3"],
.flex-grow-3 {
    flex-grow: 3
}

.flex-container[fx-grow="4"],
.flex-grow-4 {
    flex-grow: 4
}

.flex-container[fx-grow="5"],
.flex-grow-5 {
    flex-grow: 5
}

.flex-container[fx-grow="6"],
.flex-grow-6 {
    flex-grow: 6
}

.flex-container[fx-grow="7"],
.flex-grow-7 {
    flex-grow: 7
}

.flex-container[fx-grow="8"],
.flex-grow-8 {
    flex-grow: 8
}

.flex-container[fx-grow="9"],
.flex-grow-9 {
    flex-grow: 9
}

.flex-container[fx-grow="10"],
.flex-grow-10 {
    flex-grow: 10
}

.flex-container[fx-grow="11"],
.flex-grow-11 {
    flex-grow: 11
}

.flex-container[fx-grow="12"],
.flex-grow-12 {
    flex-grow: 12
}

.zindex10 {
    z-index: 10 !important
}

.zindex11 {
    z-index: 11 !important
}

.zindex12 {
    z-index: 12 !important
}

.disabled {
    pointer-events: none !important;
    cursor: default !important
}

#ormodal_controller>div {
    display: none
}

#ormodal_controller>div.or-fullCover,
#ormodal_controller>div.ow-modalItem {
    align-items: center;
    border: 0 none !important;
    display: flex;
    justify-content: center;
    max-width: 100% !important
}

#ormodal_controller>.convertforms {
    font-family: var(--or-main-font) !important;
}

.ow-fullcover {
    background-color: rgba(0 0 0 / .6)
}

.or-nav-container {
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    display: flex;
    justify-content: space-between;
    z-index: 4
}

.or-nav-container.or-float {
    position: fixed
}

.or-nav-container .or-nav-container-block {
    display: flex
}

.or-nav-container .or-nav-menu {
    height: var(--or-menu-height);
    display: inline
}

.or-nav-container .or-nav-menu.or-nav-booking {
    display: none
}

.or-nav-container .or-nav-menu.or-nav-logo {
    width: 12.5rem;
    display: flex;
    margin-left: var(--or-fixed-margin);
    justify-content: flex-start;
    align-items: center
}

.or-nav-container .or-nav-menu.or-nav-logo img {
    width: auto;
    height: auto
}

.or-nav-container .or-nav-menu.or-nav-burger {
    font-size: 1.0625rem;
    width: var(--or-menu-height);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: end;
    background-color: var(--or-main-color);
    color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu.or-nav-burger:hover {
    color: var(--or-main-color);
    background-color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu.or-drop-langlist {
    width: var(--or-menu-height);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: var(--or-font-p-big);
    text-transform: uppercase;
    cursor: pointer;
    background-color: var(--or-main-color);
    color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu.or-drop-langlist:hover,
.or-nav-container .or-nav-menu.or-droped-langlist:hover {
    color: var(--or-main-color);
    background-color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu-display.mod-list {
    align-items: center;
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8
}

.or-nav-container .or-nav-menu-display.mod-list li {
    width: 75%;
    display: inline-flex;
    height: 5.625rem;
    list-style: none;
    min-width: 18.75rem;
    align-items: center;
    color: var(--or-alt-color);
    font-family: var(--or-alt-font)
}

.or-nav-container .or-nav-menu-display.mod-list>li a {
    color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu-display.mod-list>li a:hover {
    color: var(--or-menu-text-txtcolor-hover)
}

.or-nav-container .or-nav-menu-display.mod-list>.nav-close {
    font-size: var(--or-font-h1-big);
    position: fixed;
    display: flex;
    right: 1.25rem;
    top: 1.25rem;
    height: var(--or-menu-height);
    width: var(--or-menu-height);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu-display.displayed.mod-list>.nav-close:hover {
    color: var(--or-main-color);
    background-color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu-display.mod-list.displayed,
.or-nav-container .or-nav-menu-display.mod-list.show,
.or-nav-container .or-nav-menu-display.mod-list.hide {
    padding-top: 7.5rem;
    padding-bottom: 3.75rem;
    height: 100%;
    overflow-y: auto
}

.or-nav-container .or-nav-menu.or-nav-extras {
    display: flex;
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    align-items: center;
    padding: 0 3.125rem;
    text-transform: uppercase;
    font-weight: 900;
    cursor: pointer
}

.or-nav-container .or-nav-menu.or-nav-extras[rel=""] {
    display: none !important
}

.or-nav-container .or-nav-menu.or-nav-extras i {
    font-size: var(--or-font-p)
}

.or-nav-container .or-nav-menu-display.or_menu_lang_list {
    position: fixed;
    width: var(--or-menu-height);
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    right: 0;
    top: 0;
    margin-top: var(--or-menu-height);
    overflow-y: hidden;
    z-index: 4
}

.or-nav-container .or_menu_lang_list .or_menu_lang_item {
    display: flex;
    margin: 0;
    padding: 0;
    width: var(--or-menu-height);
    height: var(--or-menu-height);
    justify-content: center;
    align-items: center
}

.or-nav-container .or_menu_lang_list .or_menu_lang_item a {
    align-items: center;
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    display: flex;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.or-nav-container .or_menu_lang_list .or_menu_lang_item a:hover {
    background-color: var(--or-main-color);
    color: var(--or-alt-color)
}

.or-nav-container .or-nav-menu-display {
    display: none;
    margin: 0;
    padding: 0;
}

.or-nav-container .or-nav-menu-display.displayed,
.or-nav-container .or-nav-menu-display.show,
.or-nav-container .or-nav-menu-display.hide {
    display: flex
}

.or-nav-menu-display.hide,
.or-nav-menu-display.show {
    overflow: hidden;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards
}

.or-nav-menu-display.hide {
    animation-direction: normal;
    -webkit-animation-direction: normal
}

.or-nav-menu-display.show {
    animation-direction: reverse;
    -webkit-animation-direction: reverse
}

.or-nav-menu-display.mod-list.hide,
.or-nav-menu-display.mod-list.show {
    position: fixed;
    top: 0;
    display: block
}

.or-nav-menu-display.mod-list.show {
    -webkit-animation: slide-in-top .5s cubic-bezier(.250, .460, .450, .940) both;
    animation: slide-in-top .5s cubic-bezier(.250, .460, .450, .940) both
}

.or-nav-menu-display.mod-list.hide {
    -webkit-animation: slide-out-top .5s cubic-bezier(.550, .085, .680, .530) both;
    animation: slide-out-top .5s cubic-bezier(.550, .085, .680, .530) both
}

.or-nav-menu-display.or_menu_lang_list.hide,
.or-nav-menu-display.or_menu_lang_list.show {
    animation-name: langDeploy;
    -webkit-animation-name: langDeploy
}

.uk-form-div {
    cursor: pointer
}

#buscador.owVueBoxFloats {
    position: fixed;
    top: var(--or-menu-height)
}

#buscadorReserva {
    background-color: var(--or-be-bgcolor);
    padding: 0;
    box-sizing: border-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--or-be-cornerradius);
    border-bottom-right-radius: var(--or-be-cornerradius);
    gap: 0;
}

.or_behome #buscadorReserva {
    border-top-left-radius: var(--or-be-cornerradius);
    border-top-right-radius: var(--or-be-cornerradius)
}

.c-rgpdmodal {
    display: flex;
    overflow: hidden;
    z-index: 99999
}

.c-rgpdmodal p {
    font-size: 1rem;
    margin: 0
}

.c-rgpdmodal * {
    font-family: 'Helvetica', 'Arial', sans-serif
}

.c-rgpdmodal.show {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0 0 0 / .5);
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.c-rgpdmodal .modal-container {
    display: none;
    -webkit-animation: scale-out-center .5s cubic-bezier(.250, .460, .450, .940) both;
    -moz-animation: scale-out-center .5s cubic-bezier(.250, .460, .450, .940) both;
    animation: scale-out-center .5s cubic-bezier(.250, .460, .450, .940) both
}

.c-rgpdmodal.show .modal-container {
    width: 41.6875rem;
    min-width: auto;
    min-height: 26.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: var(--or-rgpd-bgcolor);
    max-width: 90%;
    padding: 3.125rem;
    box-sizing: border-box;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.c-rgpdmodal.show .modal-container>div * {
    text-align: left;
    color: #fff
}

.c-rgpdmodal.show .modal-container>div p {
    color: #fff
}

.c-rgpdmodal.show .modal-container .modal-body {
    align-items: center;
    width: 100%;
    gap: 50px;
    min-height: 100%;
    display: grid;
    height: auto;
    justify-content: initial
}

.c-rgpdmodal.show .modal-container .modal-body>div {
    padding: 0;
    width: 100%
}

.c-rgpdmodal.show .modal-container .modal-body>div.title-text {
    padding: 0;
    line-height: 1.2;
    max-height: 1.9375rem
}

.c-rgpdmodal.show .modal-container .modal-body>div p {
    font-size: 1rem;
    line-height: 1.2
}

.c-rgpdmodal.show .modal-container .modal-body>div.intro-text>p {
    line-height: 1.8;
    font-size: .9375rem
}

.c-rgpdmodal.show .modal-container .modal-body>div p.title {
    font-size: 1.5625rem;
    margin-top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff
}

.c-rgpdmodal.show .modal-container .modal-body>div p.title::before {
    content: "";
    display: block;
    background-image: url(../img/icon-cookie.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 1.5rem;
    width: 1.5rem;
    margin-right: .9375rem
}

.c-rgpdmodal.show .modal-container .modal-body form {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    width: 100%
}

.c-rgpdmodal.show .modal-container .modal-body form>p {
    margin-top: 16px
}

.c-rgpdmodal.show .modal-container .modal-body form div label {
    font-size: .8125rem;
    text-align: left;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    min-width: 3.0625rem
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block {
    display: grid;
    justify-content: inherit;
    gap: .9375rem;
    justify-content: center;
    align-items: flex-start
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p {
    display: grid;
    grid-template-columns: 1.25rem 1fr;
    font-size: 1rem;
    cursor: pointer
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p::before {
    content: "";
    display: block;
    width: .3125rem;
    height: 1.5625rem;
    background-image: url(../img/angle-right-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: .3125rem;
    transition: all .5s ease-in-out
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p.displayed::before {
    transform: rotate(90deg)
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p .rgpd_desc {
    grid-column: 1 / span 2;
    grid-row: 2;
    height: 0;
    overflow-y: hidden;
    transition: all .5s ease-in-out;
    line-height: 1.2;
    padding-right: 3.125rem;
    padding-left: 1.25rem
}

.c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p .rgpd_desc.ver {
    overflow-y: visible;
    height: fit-content
}

.c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons {
    display: grid;
    width: 100%;
    grid-template: 1fr / repeat(3, 1fr);
    margin: .625rem 0 0;
    min-height: 3.4375rem;
    gap: 25px;
    justify-content: center;
    align-items: center
}

.c-rgpdmodal.show.is-displayed .modal-container .modal-body form .rgpd-submit-buttons {
    grid-template-columns: 1fr 1fr;
    gap: 50px
}

.c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    grid-row: 1
}

.c-rgpdmodal.show .modal-container .modal-body form div>input[type="button"] {
    align-items: center;
    background-color: transparent;
    border: solid 2px var(--or-rgpd-color);
    border-radius: 1.5rem;
    color: var(--or-rgpd-color);
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    justify-content: center;
    min-height: 3rem;
    margin: 0;
    padding: .625rem;
    text-align: center;
    width: 100%;
    appearance: none;
    opacity: 1;
    -webkit-appearance: none;
    -webkit-text-fill-color: var(--or-rgpd-color);
    -webkit-opacity: 1
}

.c-rgpdmodal.show .modal-container .modal-body form div>input[type="button"]:hover,
.c-rgpdmodal.show .modal-container .modal-body form div>input#rgpd-submit {
    background-color: var(--or-rgpd-color);
    color: var(--or-rgpd-bgcolor);
    -webkit-text-fill-color: var(--or-rgpd-bgcolor)
}

.c-rgpdmodal.show .modal-container .modal-body form div>input#rgpd-submit:hover {
    color: var(--or-rgpd-color);
    background-color: var(--or-rgpd-bgcolor);
    -webkit-text-fill-color: var(--or-rgpd-color)
}

.c-rgpdmodal .no-modal {
    display: flex;
    position: fixed;
    flex-direction: column;
    bottom: 6.25rem;
    transform: rotate(90deg);
    left: 0;
    height: 4.375rem;
    margin-left: -6.5625rem;
    width: 12.5rem;
    justify-content: flex-start;
    align-items: center;
    z-index: 99999;
    cursor: pointer;
    transition: all .5s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955)
}

.c-rgpdmodal.show .no-modal {
    display: none
}

.c-rgpdmodal .no-modal .rgpd-open-modal-display {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    line-height: 1;
    width: 2.5rem;
    height: 1.875rem;
    background-color: #fff;
    box-shadow: 0 0 .1875rem rgb(0 0 0 / 50%);
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    padding-top: .625rem
}

.c-rgpdmodal .no-modal.show {
    left: 0;
    margin-left: -4.0625rem;
    justify-content: flex-end;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.c-rgpdmodal .no-modal.show .rgpd-open-modal-display {
    transform: rotate(180deg);
    margin-top: 0;
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    align-items: center;
    padding-top: .3125rem
}

.c-rgpdmodal .no-modal .rgpd-open-modal-show {
    background-color: #323232;
    padding: .4375rem;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-bottom: 0;
    font-size: .9375rem
}

:root {
    --or-rgpd-color: #1AB9D2;
    --or-rgpd-bgcolor: #2B2B2B;
    --or-rgpd-inputbgcolor: #757575;
    --or-rgpd-inputcolor: #fff
}

.or_switch {
    position: relative;
    display: inline-block;
    width: 3.0625rem;
    height: 1.5rem
}

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

.or_switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--or-rgpd-inputbgcolor);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 1.5rem
}

.or_switch .slider:before {
    position: absolute;
    content: "";
    height: 1.25rem;
    width: 1.25rem;
    left: .125rem;
    bottom: .125rem;
    background-color: var(--or-rgpd-inputcolor);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

input.withSlider:checked+.slider {
    background-color: var(--or-rgpd-color)
}

input.withSlider[disabled]:checked+.slider {
    filter: brightness(.5)
}

input.withSlider:focus+.slider {
    box-shadow: 0 0 1px var(--or-rgpd-color)
}

input.withSlider:checked+.slider:before {
    -webkit-transform: translateX(1.625rem);
    -ms-transform: translateX(1.625rem);
    transform: translateX(1.625rem)
}

#ormodal_controller>div.displayed,
#ormodal_controller>div.show,
#ormodal_controller>div.hide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-color: rgba(0 0 0 / .60);
    z-index: 10;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.ow-modalItem,
.or-fullCover,
.or-fullsize {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0 0 0 / .60);
    z-index: 10
}

.ow-modalItem .ow-modal-container {
    background-color: #fff;
    width: 90%;
    max-width: 29.375rem;
    padding: 2.125rem 0;
    max-height: 50vh;
    overflow-y: auto;
    -webkit-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    -moz-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both
}

.ow-modalItem .ow-modal-container>div {
    min-height: 3.125rem;
}

.ow-modalItem .ow-modalItem-container .ow-modalItem-header {
    z-index: 2;
}

.ow-modalItem .ow-modalItem-container .ow-modalItem-header .ow-close {
    z-index: 5;
}

.ow-modalItem .ow-modalItem-container .ow-modalItem-body {
    z-index: 1;
}

.orpoliticas>.or_blockwidth {
    flex-direction: column;
    padding-top: 9.375rem;
    padding-bottom: 3.125rem
}

.orpoliticas h1 {
    color: var(--or-web-text-color);
    line-height: 120%;
    font-size: var(--or-font-h2);
    margin-bottom: 3.125rem
}

.orpoliticas h2 {
    font-size: var(--or-font-h3)
}

.orpoliticas p {
    margin-bottom: .625rem
}

.orpoliticas table {
    border-spacing: 0;
    border: .0625rem solid #333
}

.orpoliticas table td {
    border: .0625rem solid #333;
    padding: .3125rem
}

:root {
    --slider-height: 50rem;
    --slider-width: 75rem;
    --slider-nav-height: 3.125rem;
    --slider-num-items: 2
}

.owSlider {
    width: var(--slider-width);
    margin: 0 auto;
    height: var(--slider-height);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.owSlider-container {
    display: grid;
    grid-template-rows: var(--slider-height);
    align-items: center;
    justify-content: start;
    overflow: hidden;
    grid-auto-flow: column;
    gap: 0;
    width: 100%;
    cursor: grab
}

.owSlider-container.dragging {
    cursor: grabbing;
}

.owSlider-item {
    overflow: hidden;
    min-width: var(--slider-width);
    width: var(--slider-width);
    height: var(--slider-height);
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex
}

.owSlider-item img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.sliders-nav {
    position: absolute;
    margin-top: calc((var(--slider-height)/2) - (var(--slider-nav-height)/2));
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    left: 0
}

.sliders-nav span.icon-nav {
    display: flex;
    height: var(--slider-nav-height);
    width: var(--slider-nav-height);
    font-size: 2.5rem;
    text-align: center;
    justify-content: center;
    align-items: center
}

ul.nav-slider-buttons {
    width: calc(var(--slider-width)*2 + 1.25rem);
    margin: 2.5rem 0;
    padding: 0;
    height: .25rem;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: rgba(0 0 0 / .2);
    display: grid;
    grid-auto-flow: column
}

ul.nav-slider-buttons>li {
    transition: all .5s
}

ul.nav-slider-buttons>li.selected {
    background-color: rgba(255 255 255 / .7)
}

.owSlider.owSlider-overflow {
    width: 100vw;
    margin: 0
}

.owSlider.owSlider-finger.owSlider-overflow {
    width: 80vw;
    margin: 0 0 0 auto
}

.owSlider_solo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.owSlider_slideBox {
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden
}

@-webkit-keyframes soloSlidePrev {
    from {
        margin-left: -100%
    }

    to {
        margin-left: 0
    }
}

@keyframes soloSlidePrev {
    from {
        margin-left: -100%
    }

    to {
        margin-left: 0
    }
}

.owSlider_slideOverflow {
    width: 80%;
    overflow: visible
}

.owSlider_slideOverflow.overflowed-both {
    margin: 0 auto
}

.owSlider_slideOverflow.overflowed-right {
    margin: 0 auto 0 0
}

.owSlider_slideOverflow.overflowed-left {
    margin: 0 0 0 auto
}

.owSlider_slideBox .owSlider_slideOverflow .unselectable {
    overflow: unset
}

picture {
    width: 100%;
    display: flex;
    overflow: hidden;
    height: 100%;
    justify-content: center;
    flex-direction: column
}

picture img {
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    flex-shrink: 0;
    object-fit: cover
}

.isSafari picture {
    justify-content: unset;
    align-items: unset
}

.isSafari picture img {
    object-fit: cover;
    flex-shrink: unset
}

.or-fullsize {
    background-color: var(--or-modal-bgcolor);
    color: var(--or-modal-txtcolor)
}

.or-fullsize.pre-display,
.or-fullsize.post-display,
.or-fullCover.pre-display,
.or-fullCover.post-display {
    top: -100%;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-direction: normal;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-name: modalDeploy;
    -webkit-animation-name: modalDeploy
}

.or-fullsize.pre-display,
.or-fullCover.pre-display {
    animation-direction: normal;
    -webkit-animation-direction: normal
}

.or-fullsize.post-display,
.or-fullCover.post-display {
    animation-direction: reverse;
    -webkit-animation-direction: reverse
}

.or-fullsize .or-modal-header,
.or-fullsize .or-modal-footer {
    background-color: var(--or-modal-altbgcolor);
    color: var(--or-modal-alttxtcolor);
    display: flex;
    justify-content: space-around
}

.or-fullsize .or-modal-header .or-logo {
    width: 12.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.or-fullCover {
    align-items: center;
    justify-content: center
}

.or-fullCover .or-modal-container {
    background-color: var(--or-menu-extra-bg);
    width: 80%;
    max-width: 74.9375rem;
    color: var(--or-menu-extra-txt)
}

.or-fullCover .or-modal-container .or-modal-header {
    color: var(--or-menu-extra-txt);
    display: flex;
    justify-content: flex-end
}

.or-fullCover .or-modal-container .or-modal-header .oricon-close {
    font-size: var(--or-font-h2)
}

.or-fullCover .or-modal-container .or-modal-body {
    padding: 7.5rem 3.125rem
}

.or-fullCover .or-modal-container .or-modal-body .or_blockwidth {
    flex-wrap: wrap;
    justify-content: space-between
}

.or-bgFade {
    display: block;
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8
}

:root {
    --wcd-popup-width: 28.125rem;
    --wcd-popup-height: 34.375rem;
    --wcd-popupimg-width: 100%;
    --wcd-popupimg-height: 21.875rem;
    --wcd-main-color: var(--or-main-color);
    --wcd-popup-simple-top-width: 18.125rem
}

.wcd {
    padding: 0;
    margin: 0
}

.wcd>div {
    max-width: unset
}

.momentum-content {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex
}

#ormodal_controller [class*=wcdModalClass_].ow-modalItem .ow-modalItem-container span.ow-close-x {
    font-size: 1.25rem;
    line-height: 1;
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    text-shadow: 0 0 .3125rem rgba(0, 0, 0, .5)
}

#ormodal_controller [class*=wcdModalClass_].ow-modalItem .ow-modalItem-container .or-close.ow-close {
    position: fixed;
    top: 1rem;
    right: 1rem
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize {
    overflow: auto
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container {
    max-width: var(--wcd-popup-width);
    min-height: var(--wcd-popup-height);
    width: 90vw;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    background-color: transparent
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .ow-modalItem-header {
    width: 100%
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .ow-modalItem-header .or-close.ow-close {
    position: initial
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container>.ow-modalItem-body {
    padding: 0;
    margin: 0;
    background-color: #fff
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container>.ow-modalItem-body .wcdevent-popup-img {
    max-height: var(--wcd-popupimg-height);
    width: var(--wcd-popupimg-width);
    display: flex;
    flex-direction: column
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container>.ow-modalItem-body .wcdevent-popup-img picture {
    max-height: var(--wcd-popupimg-height);
    max-width: var(--wcd-popupimg-width)
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container>.ow-modalItem-body .wcdevent-popup-img picture img {
    min-width: 100%;
    min-height: 100%;
    flex-shrink: 0;
    object-fit: cover;
    height: 100%;
    width: 100%
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .wcdevent-popup-content {
    margin: 1.25rem;
    padding: 1.25rem;
    border: .0625rem solid var(--wcd-main-color);
    text-align: center
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .wcdevent-popup-promo {
    padding: .625rem;
    background-color: rgba(0, 0, 0, .2);
    margin: 1.25rem auto 0
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize .ow-modalItem-container .ow-modalItem-body p {
    margin-bottom: 0
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .ow-modalItem-body .wcdevent-popup-promo {
    width: 19.375rem;
    background-color: rgba(0, 0, 0, .02);
    min-width: 50%
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .ow-modalItem-body .wcdevent-popup-promo p {
    color: var(--or-main-btncolor);
    font-weight: 500;
    font-family: var(--or-alt-font);
    letter-spacing: .05rem;
    cursor: pointer
}

#ormodal_controller .ow-modalItem.wcdModalClass_fullsize>.ow-modalItem-container .ow-modalItem-body .wcdevent-popup-button {
    margin-top: 1.25rem
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop {
    width: var(--wcd-popup-simple-top-width);
    height: auto;
    border-radius: .625rem;
    overflow: hidden;
    position: fixed;
    right: 1rem;
    left: unset;
    top: 6rem;
    box-shadow: .3125rem .3125rem .3125rem rgba(0, 0, 0, .2);
    -webkit-animation: slide-in-blurred-top .6s cubic-bezier(.230, 1.000, .320, 1.000) both;
    animation: slide-in-blurred-top .6s cubic-bezier(.230, 1.000, .320, 1.000) both
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container {
    width: 100%;
    background-color: #fff
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container .ow-modalItem-body {
    padding: 0;
    text-align: center
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container .ow-modalItem-body p {
    font-size: .8125rem;
    padding: 0;
    margin: 0 0 1.25rem;
    line-height: 1.2;
    color: var(--wcd-main-color)
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container .ow-modalItem-body p strong {
    font-size: 1.25rem;
    margin: 0 0 1.25rem;
    color: var(--wcd-main-color)
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-content {
    padding: 1.25rem
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-button button,
#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-button a {
    min-width: unset
}

@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-62.5rem) scaleY(2.5) scaleX(.2);
        transform: translateY(-62.5rem) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(2.5rem);
        filter: blur(2.5rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-62.5rem) scaleY(2.5) scaleX(.2);
        transform: translateY(-62.5rem) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(2.5rem);
        filter: blur(2.5rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes langDeploy {
    from {
        height: max-content;
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes langDeploy {
    from {
        height: max-content;
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }
}

@keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

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

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

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

@-webkit-keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

.hide {
    -webkit-animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both;
    -moz-animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both;
    animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both
}

.show {
    -webkit-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    -moz-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both
}

#ormodal_controller .convertforms.displayed form,
#ormodal_controller .convertforms.show form,
#ormodal_controller .convertforms.hide form {
    max-width: var(--or-width)
}

#ormodal_controller .convertforms.show form {
    -webkit-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    -moz-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both
}

#ormodal_controller .convertforms.hide form {
    -webkit-animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both;
    -moz-animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both;
    animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both
}

@supports (-webkit-touch-callout:default) {}

@media (max-width: 47.9375rem) {
    .mobile_only {
        display: block
    }

    .only_desktop {
        display: none
    }

    .no_mobile {
        display: none !important
    }

    :root {
        --or-font-icon-menu: 3.125rem;
        --or-font-mlink: 1.25rem;
        --or-font-h1-big: 3.125rem;
        --or-font-h1: 2.375rem;
        --or-font-h2: 1.875rem;
        --or-font-h3: 1.75rem;
        --or-font-h4: 1.5625rem;
        --or-font-h5: 1.375rem;
        --or-font-h6: 1.25rem;
        --or-font-p-big: 1.125rem;
        --or-font-p: 1rem;
        --or-font-p-min: .875rem;
        --or-befont-big: 1rem;
        --or-befont: .875rem;
        --or-befont-min: .8125rem;
        --or-width: 94%;
        --or-fixed-margin: 1.25rem;
        --or-font-weight-light: 300;
        --or-font-weight-regular: 400;
        --or-font-weight-medium: 700;
        --or-font-weight-bold: 900;
        --or-be-hometop: 4.375rem;
        --or-be-bgcolor: transparent;
        --or-be-cornerradius: 0;
        --or-menu-height-mobile: 3.75rem;
        --or-menu-width-mobile: 3.75rem
    }

    [class^="m_orblock_"],
    [class*=" m_orblock_"] {
        margin-left: 1.02%
    }

    [class^="m_orblock_"]:first-child,
    [class*=" m_orblock_"]:first-child {
        margin-left: 0
    }

    .m_orblock_0 {
        width: 0
    }

    .m_orblock_1 {
        width: 7.39%
    }

    .m_orblock_2 {
        width: 15.8%
    }

    .m_orblock_3 {
        width: 24.21%
    }

    .m_orblock_4 {
        width: 32.62%
    }

    .m_orblock_5 {
        width: 41.03%
    }

    .m_orblock_6 {
        width: 49.44%
    }

    .m_orblock_7 {
        width: 57.85%
    }

    .m_orblock_8 {
        width: 66.26%
    }

    .m_orblock_9 {
        width: 74.67%
    }

    .m_orblock_10 {
        width: 83.08%
    }

    .m_orblock_11 {
        width: 91.49%
    }

    .m_orblock_12 {
        width: 100%
    }

    .m_orblock-offset_0,
    .m_orblock-offset_0:first-child {
        margin-left: 0
    }

    .m_orblock-offset_1,
    .m_orblock-offset_1:first-child {
        margin-left: 8.41%
    }

    .m_orblock-offset_2,
    .m_orblock-offset_2:first-child {
        margin-left: 16.82%
    }

    .m_orblock-offset_3,
    .m_orblock-offset_3:first-child {
        margin-left: 25.23%
    }

    .m_orblock-offset_4,
    .m_orblock-offset_4:first-child {
        margin-left: 33.64%
    }

    .m_orblock-offset_5,
    .m_orblock-offset_5:first-child {
        margin-left: 42.05%
    }

    .m_orblock-offset_6,
    .m_orblock-offset_6:first-child {
        margin-left: 50.46%
    }

    .m_orblock-offset_7,
    .m_orblock-offset_7:first-child {
        margin-left: 58.87%
    }

    .m_orblock-offset_8,
    .m_orblock-offset_8:first-child {
        margin-left: 67.28%
    }

    .m_orblock-offset_9,
    .m_orblock-offset_9:first-child {
        margin-left: 75.69%
    }

    .m_orblock-offset_10,
    .m_orblock-offset_10:first-child {
        margin-left: 84.1%
    }

    .m_orblock-offset_11,
    .m_orblock-offset_11:first-child {
        margin-left: 92.51%
    }

    .m_orblock-offset_12,
    .m_orblock-offset_12:first-child {
        margin-left: 100%
    }

    .m_orblock-offset_0i {
        margin-left: 0
    }

    .m_orblock-offset_1i {
        margin-left: -8.41%
    }

    .m_orblock-offset_2i {
        margin-left: -16.82%
    }

    .m_orblock-offset_3i {
        margin-left: -25.23%
    }

    .m_orblock-offset_4i {
        margin-left: -33.64%
    }

    .m_orblock-offset_5i {
        margin-left: -42.05%
    }

    .m_orblock-offset_6i {
        margin-left: -50.46%
    }

    .m_orblock-offset_7i {
        margin-left: -58.87%
    }

    .m_orblock-offset_8i {
        margin-left: -67.28%
    }

    .m_orblock-offset_9i {
        margin-left: -75.69%
    }

    .m_orblock-offset_10i {
        margin-left: -84.1%
    }

    .m_orblock-offset_11i {
        margin-left: -92.51%
    }

    .m_orblock-offset_12i {
        margin-left: -100%
    }

    .m_orpadding_0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .m_orpadding_10 {
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .m_orpadding_20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .m_orpadding_30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .m_orpadding_40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .m_orpadding_50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .m_orpadding_60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .m_orpadding_70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .m_orpadding_80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .m_orpadding_90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

    .m_orpadding_100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }

    .m_orpadding_0_top {
        padding-top: 0
    }

    .m_orpadding_10_top {
        padding-top: .625rem
    }

    .m_orpadding_20_top {
        padding-top: 1.25rem
    }

    .m_orpadding_30_top {
        padding-top: 1.875rem
    }

    .m_orpadding_40_top {
        padding-top: 2.5rem
    }

    .m_orpadding_50_top {
        padding-top: 3.125rem
    }

    .m_orpadding_60_top {
        padding-top: 3.75rem
    }

    .m_orpadding_70_top {
        padding-top: 4.375rem
    }

    .m_orpadding_80_top {
        padding-top: 5rem
    }

    .m_orpadding_90_top {
        padding-top: 5.625rem
    }

    .m_orpadding_100_top {
        padding-top: 6.25rem
    }

    .m_orpadding_0_bot {
        padding-bottom: 0;
    }

    .m_orpadding_10_bot {
        padding-bottom: .625rem;
    }

    .m_orpadding_20_bot {
        padding-bottom: 1.25rem;
    }

    .m_orpadding_30_bot {
        padding-bottom: 1.875rem;
    }

    .m_orpadding_40_bot {
        padding-bottom: 2.5rem;
    }

    .m_orpadding_50_bot {
        padding-bottom: 3.125rem;
    }

    .m_orpadding_60_bot {
        padding-bottom: 3.75rem;
    }

    .m_orpadding_70_bot {
        padding-bottom: 4.375rem;
    }

    .m_orpadding_80_bot {
        padding-bottom: 5rem;
    }

    .m_orpadding_90_bot {
        padding-bottom: 5.625rem;
    }

    .m_orpadding_100_bot {
        padding-bottom: 6.25rem;
    }

    .m_ormargin_0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .m_ormargin_10 {
        margin-top: .625rem;
        margin-bottom: .625rem;
    }

    .m_ormargin_20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .m_ormargin_30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }

    .m_ormargin_40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .m_ormargin_50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }

    .m_ormargin_60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

    .m_ormargin_70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }

    .m_ormargin_80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .m_ormargin_90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }

    .m_ormargin_100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }

    .m_ormargin_0_top {
        margin-top: 0
    }

    .m_ormargin_10_top {
        margin-top: .625rem
    }

    .m_ormargin_20_top {
        margin-top: 1.25rem
    }

    .m_ormargin_30_top {
        margin-top: 1.875rem
    }

    .m_ormargin_40_top {
        margin-top: 2.5rem
    }

    .m_ormargin_50_top {
        margin-top: 3.125rem
    }

    .m_ormargin_60_top {
        margin-top: 3.75rem
    }

    .m_ormargin_70_top {
        margin-top: 4.375rem
    }

    .m_ormargin_80_top {
        margin-top: 5rem
    }

    .m_ormargin_90_top {
        margin-top: 5.625rem
    }

    .m_ormargin_100_top {
        margin-top: 6.25rem
    }

    .m_ormargin_0_bot {
        margin-bottom: 0;
    }

    .m_ormargin_10_bot {
        margin-bottom: .625rem;
    }

    .m_ormargin_20_bot {
        margin-bottom: 1.25rem;
    }

    .m_ormargin_30_bot {
        margin-bottom: 1.875rem;
    }

    .m_ormargin_40_bot {
        margin-bottom: 2.5rem;
    }

    .m_ormargin_50_bot {
        margin-bottom: 3.125rem;
    }

    .m_ormargin_60_bot {
        margin-bottom: 3.75rem;
    }

    .m_ormargin_70_bot {
        margin-bottom: 4.375rem;
    }

    .m_ormargin_80_bot {
        margin-bottom: 5rem;
    }

    .m_ormargin_90_bot {
        margin-bottom: 5.625rem;
    }

    .m_ormargin_100_bot {
        margin-bottom: 6.25rem;
    }

    .m_ormargin_10_topi {
        margin-top: -.625rem
    }

    .m_ormargin_20_topi {
        margin-top: -1.25rem
    }

    .m_ormargin_30_topi {
        margin-top: -1.875rem
    }

    .m_ormargin_40_topi {
        margin-top: -2.5rem
    }

    .m_ormargin_50_topi {
        margin-top: -3.125rem
    }

    .m_ormargin_60_topi {
        margin-top: -3.75rem
    }

    .m_ormargin_70_topi {
        margin-top: -4.375rem
    }

    .m_ormargin_80_topi {
        margin-top: -5rem
    }

    .m_ormargin_90_topi {
        margin-top: -5.625rem
    }

    .m_ormargin_100_topi {
        margin-top: -6.25rem
    }

    .m_ormargin_10_boti {
        margin-bottom: -.625rem;
    }

    .m_ormargin_20_boti {
        margin-bottom: -1.25rem;
    }

    .m_ormargin_30_boti {
        margin-bottom: -1.875rem;
    }

    .m_ormargin_40_boti {
        margin-bottom: -2.5rem;
    }

    .m_ormargin_50_boti {
        margin-bottom: -3.125rem;
    }

    .m_ormargin_60_boti {
        margin-bottom: -3.75rem;
    }

    .m_ormargin_70_boti {
        margin-bottom: -4.375rem;
    }

    .m_ormargin_80_boti {
        margin-bottom: -5rem;
    }

    .m_ormargin_90_boti {
        margin-bottom: -5.625rem;
    }

    .m_ormargin_100_boti {
        margin-bottom: -6.25rem;
    }

    .m_ornomargin {
        margin-top: 0;
        margin-bottom: 0
    }

    [class^="m_orblock_"].m_margin_auto,
    [class*=" m_orblock_"].m_margin_auto {
        margin-left: auto
    }

    [class^="m_orblock_"]:first-child.m_margin_auto,
    [class*=" m_orblock_"]:first-child.m_margin_auto {
        margin-left: auto
    }

    .m_margin_auto {
        margin-left: auto;
        margin-right: auto
    }

    .m_clear {
        clear: both;
    }

    .m_text_center {
        text-align: center !important
    }

    .m_text_left {
        text-align: left !important
    }

    .m_text_right {
        text-align: right !important
    }

    .m_text_justify {
        text-align: justify !important
    }

    .m_light {
        font-weight: 300;
    }

    .m_regular {
        font-weight: 400;
    }

    .m_medium {
        font-weight: 500;
    }

    .m_bold {
        font-weight: 900;
    }

    .m_lineHeight100 {
        line-height: 100%;
    }

    .m_lineHeight110 {
        line-height: 110%;
    }

    .m_lineHeight120 {
        line-height: 120%;
    }

    .m_lineHeight130 {
        line-height: 130%;
    }

    .m_lineHeight140 {
        line-height: 140%;
    }

    .m_lineHeight150 {
        line-height: 150%;
    }

    .m_lineHeight160 {
        line-height: 160%;
    }

    .m_lineHeight170 {
        line-height: 170%;
    }

    .m_lineHeight180 {
        line-height: 180%;
    }

    .m_lineHeight190 {
        line-height: 190%;
    }

    .m_lineHeight200 {
        line-height: 200%;
    }

    .m_letterAdjust01 {
        letter-spacing: -.01em;
    }

    .m_letterAdjust02 {
        letter-spacing: -.02em;
    }

    .m_letterAdjust03 {
        letter-spacing: -.03em;
    }

    .m_letterAdjust04 {
        letter-spacing: -.04em;
    }

    .m_letterAdjust05 {
        letter-spacing: -.05em;
    }

    .m_letterAdjust01a {
        letter-spacing: .01em;
    }

    .m_letterAdjust02a {
        letter-spacing: .02em;
    }

    .m_letterAdjust03a {
        letter-spacing: .03em;
    }

    .m_letterAdjust04a {
        letter-spacing: .04em;
    }

    .m_letterAdjust05a {
        letter-spacing: .05em;
    }

    .m_h1 {
        font-size: var(--or-font-h1)
    }

    .m_h2 {
        font-size: var(--or-font-h2)
    }

    .m_h3 {
        font-size: var(--or-font-h3)
    }

    .m_h4 {
        font-size: var(--or-font-h4)
    }

    .m_h5 {
        font-size: var(--or-font-h5)
    }

    .m_h6 {
        font-size: var(--or-font-h6)
    }

    .m_p {
        font-size: var(--or-font-p)
    }

    .m_pBig {
        font-size: var(--or-font-p-big)
    }

    .m_pMin {
        font-size: var(--or-font-p-min)
    }

    .m_or_altfont {
        font-family: var(--or-alt-font)
    }

    .flex-container[m-fx-wrap="wrap"],
    .m-flex-wrap,
    .m-orflex-wrap .or_blockwidth {
        flex-wrap: wrap
    }

    .flex-container[m-fx-wrap="nowrap"],
    .m-flex-wrap-no,
    .m-orflex-wrap-no .or_blockwidth {
        flex-wrap: nowrap
    }

    .flex-container[m-fx-wrap="reverse"],
    .m-flex-wrap-reverse,
    .m-orflex-wrap-reverse .or_blockwidth {
        flex-wrap: wrap-reverse
    }

    .flex-container[m-fx-dir="column"],
    .m-flex-dir-column,
    .m-orflex-dir-column .or_blockwidth {
        flex-direction: column
    }

    .flex-container[m-fx-dir="column-reverse"],
    .m-flex-dir-columnreverse,
    .m-orflex-dir-columnreverse .or_blockwidth {
        flex-direction: column-reverse
    }

    .flex-container[m-fx-dir="row"],
    .m-flex-dir-row,
    .m-orflex-dir-row .or_blockwidth {
        flex-direction: row
    }

    .flex-container[m-fx-dir="row-reverse"],
    .m-flex-dir-rowreverse,
    .m-orflex-dir-rowreverse .or_blockwidth {
        flex-direction: row-reverse
    }

    .flex-container[m-fx-justify="center"],
    .m-flex-justify-center,
    .m-orflex-justify-center .or_blockwidth {
        justify-content: center
    }

    .flex-container[m-fx-justify="flex-start"],
    .m-flex-justify-start,
    .m-orflex-justify-start .or_blockwidth {
        justify-content: flex-start
    }

    .flex-container[m-fx-justify="flex-end"],
    .m-flex-justify-end,
    .m-orflex-justify-end .or_blockwidth {
        justify-content: flex-end
    }

    .flex-container[m-fx-justify="space-around"],
    .m-flex-justify-around,
    .m-orflex-justify-around .or_blockwidth {
        justify-content: space-around
    }

    .flex-container[m-fx-justify="space-between"],
    .m-flex-justify-between,
    .m-orflex-justify-between .or_blockwidth {
        justify-content: space-between
    }

    .flex-container[m-fx-align="center"],
    .m-flex-align-center,
    .m-orflex-align-center .or_blockwidth {
        align-items: center
    }

    .flex-container[m-fx-align="stretch"],
    .m-flex-align-stretch,
    .m-orflex-align-stretch .or_blockwidth {
        align-items: stretch
    }

    .flex-container[m-fx-align="flex-start"],
    .m-flex-align-start,
    .m-orflex-align-start .or_blockwidth {
        align-items: flex-start
    }

    .flex-container[m-fx-align="flex-end"],
    .m-flex-align-end,
    .m-orflex-align-end .or_blockwidth {
        align-items: flex-end
    }

    .flex-container[m-fx-align="baseline"],
    .m-flex-align-baseline,
    .m-orflex-align-baseline .or_blockwidth {
        align-items: baseline
    }

    .flex-container[m-fx-content="start"],
    .m-flex-content-start,
    .m-orflex-content-start .or_blockwidth {
        align-content: flex-start
    }

    .flex-container[m-fx-content="end"],
    .m-flex-content-end,
    .m-orflex-content-end .or_blockwidth {
        align-content: flex-end
    }

    .flex-container[m-fx-content="center"],
    .m-flex-content-center,
    .m-orflex-content-center .or_blockwidth {
        align-content: center
    }

    .flex-container[m-fx-content="stretch"],
    .m-flex-content-stretch,
    .m-ororflex-content-stretch .or_blockwidth {
        align-content: stretch
    }

    .flex-container[m-fx-content="between"],
    .m-flex-content-between,
    .m-ororflex-content-between .or_blockwidth {
        align-content: space-between
    }

    .flex-container[m-fx-content="around"],
    .m-flex-content-around,
    .m-ororflex-content-around .or_blockwidth {
        align-content: space-around
    }

    body.overflow-hiden.isSafari {
        -webkit-overflow-scrolling: unset;
        max-width: 100vw;
        width: 100vw
    }

    .or-nav-container.or-float {
        top: inherit;
        bottom: 0;
        width: 100%
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-logo {
        display: none
    }

    #modal-reservas {
        height: var(--or-menu-height);
        border: 0;
        margin: 0;
        display: flex;
        min-height: var(--or-menu-height);
        padding: .3125rem .625rem;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 1rem;
        background-color: var(--or-main-btncolor);
        border-radius: 0;
        opacity: 1;
        appearance: none;
        -webkit-appearance: none;
        -webkit-text-fill-color: currentColor;
        -webkit-opacity: 1
    }

    .or-nav-container .or-nav-container-block {
        display: grid;
        grid-template-columns: auto auto auto;
        justify-content: end;
        align-items: center;
        width: 100%
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-booking {
        grid-column: 2 / span 1;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center
    }

    .or-nav-container .or-nav-menu.or-nav-burger {
        grid-column: 3 / span 1
    }

    .or-nav-container .displayed .or-menu-langblock {
        display: flex;
        width: 100%;
        height: 3.75rem
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.mod-list.show,
    .or-nav-container .or-nav-menu-display.mod-list.hide {
        padding-bottom: 0
    }

    .or-nav-container .menu .or-nav-menu-display.or_menu_lang_list {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row
    }

    .or-nav-container .or-nav-menu-display .or_menu_lang_item {
        background-color: var(--or-alt-color);
        color: var(--or-main-color);
        text-align: center;
        text-transform: uppercase;
        font-family: var(--or-main-font);
        display: flex;
        justify-content: stretch;
        align-items: stretch
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display {
        display: none
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu.or-nav-burger {
        display: flex
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-container-block {
        width: initial
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-container-block {
        top: 0;
        align-items: center
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed {
        display: flex;
        position: fixed;
        flex-direction: column;
        z-index: 8;
        width: 100%
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close {
        display: flex
    }

    .c-rgpdmodal.show {
        height: 100%;
        height: 100dvh;
        padding: 5vw
    }

    .c-rgpdmodal.show .modal-container {
        max-width: 90vw;
        padding: 0;
        min-height: 90%;
        min-height: 90dvh;
        justify-content: center
    }

    .c-rgpdmodal.show .modal-container .modal-body {
        gap: 5vw;
        justify-content: center;
        align-items: center;
        grid-template-rows: auto auto auto;
        min-height: unset;
        padding: 10vw;
        overflow: auto
    }

    .c-rgpdmodal.show.is-displayed .modal-container .modal-body form .rgpd-submit-buttons {
        gap: 25px
    }

    .c-rgpdmodal.show .modal-container>div span.rgpd_label,
    .c-rgpdmodal.show .modal-container>div span.rgpd_desc {
        padding-right: 10vw;
        padding-top: 4px;
        line-height: 1.3
    }

    .c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p .rgpd_desc {
        padding-top: 8px;
        padding-right: 10vw
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body {
        gap: 0;
        display: block
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body>* {
        margin-bottom: 1.5625rem
    }

    .c-rgpdmodal.show .modal-container .modal-body>div p.title {
        font-size: 1.25rem;
    }

    .c-rgpdmodal.show .modal-container .modal-body>div.title-text {
        margin-top: 0
    }

    .c-rgpdmodal.show .modal-container .modal-body>div.intro-text>p {
        font-size: .875rem;
        line-height: 1.6;
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body form {
        display: block;
        gap: 0
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body form>p {
        margin: 1.875rem 0
    }

    .c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p::before {
        height: 1.1625rem;
        margin-right: 0;
        margin-top: .25rem
    }

    .c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons {
        display: block;
        gap: 0
    }

    .c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons>div {
        flex-grow: 1;
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons>div {
        margin-bottom: 1.25rem;
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body form .rgpd-submit-buttons>div:last-of-type {
        margin-bottom: 0;
    }

    .c-rgpdmodal input#rgpd-reject,
    .c-rgpdmodal input#rgpd-selected,
    .c-rgpdmodal input#rgpd-config {
        text-align: center;
        justify-content: center;
    }

    .c-rgpdmodal p,
    .c-rgpdmodal.show .modal-container .modal-body>div p,
    .c-rgpdmodal.show .modal-container .modal-body form #rgpd-config-block div p,
    .c-rgpdmodal input[type="button"] {
        font-size: .875rem
    }

    .ow-modalItem .ow-modalItem-container {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }

    .or-fullCover .or-modal-header .or-close,
    .or-fullsize .or-modal-header .or-close,
    .ow-modalItem .ow-modalItem-header .ow-close {
        width: 1.8125rem;
        right: 1rem;
        top: 1rem;
        font-size: 1.8125rem
    }

    .pol_table {
        overflow-x: auto;
        max-width: 100%;
        width: auto
    }

    .orpoliticas a {
        overflow-wrap: break-word
    }

    :root {
        --slider-width: 90vw;
        --slider-num-items: 1
    }

    :root {
        --wcd-popup-simple-top-width: 90vw
    }

    #ormodal_controller .ow-modalItem.wcdModalClass_simpleTop {
        top: unset;
        bottom: 5rem;
        right: 5vw;
        background-color: transparent;
        max-width: 20rem !important;
        width: 90vw
    }

    .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container .ow-modalItem-body .wcdevent-popup-img {
        max-height: 8.125rem;
        display: flex;
        overflow: hidden
    }
}

@media (max-width: 20rem) {}

@media (max-width: 61.9375rem) {
    .only_desktop {
        display: none !important
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body {
        gap: 0;
        display: block
    }

    .isSafari .c-rgpdmodal.show .modal-container .modal-body>* {
        margin-bottom: 1.5625rem
    }
}

@media (min-width: 48rem) {
    .only_mobile {
        display: none !important
    }

    .or-nav-menu-horizontal.or-nav-container {
        height: auto;
        padding: .875rem 0;
        position: fixed;
        width: 100%
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
        display: flex;
        position: relative;
        height: auto;
        flex-direction: row;
        background-color: initial;
        z-index: initial;
        width: 68%;
        justify-content: center;
        align-items: flex-start;
        align-content: center
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li {
        width: initial;
        min-width: auto;
        font-size: .875rem;
        font-family: var(--or-alt-font);
        height: 1.875rem;
        margin: 0 .5rem
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list * {
        font-family: var(--or-alt-font)
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu {
        height: max-content
    }

    .or-nav-menu-horizontal.or-nav-container li.deeper.parent.deploy {
        overflow-x: visible;
        align-items: flex-start
    }

    .or-nav-menu-horizontal.or-nav-container li.deeper.parent.deploy .nav-child.unstyled.small {
        overflow-x: visible;
        width: .0625rem;
        align-content: flex-start
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .parent.deploy li {
        justify-content: flex-start;
        margin: 0;
        width: auto;
        white-space: nowrap
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li.active a,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li a {
        min-height: 1.875rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        width: 80%;
        align-items: flex-start;
        position: relative;
        top: .5rem;
        height: max-content
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .nav-close {
        display: none
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu.or-nav-burger {
        display: none
    }

    .or-nav-menu-horizontal.or-nav-container li.deeper.parent {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 1.875rem
    }

    .or-nav-menu-horizontal.or-nav-container li.deeper.parent .nav-child.unstyled.small {
        display: none
    }

    .or-nav-menu-horizontal.or-nav-container li.deeper.parent.deploy .nav-child.unstyled.small {
        display: flex;
        flex-direction: column
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display {
        display: none
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu.or-nav-burger {
        display: flex
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-container-block {
        width: initial
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-container-block {
        top: 0;
        align-items: center
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display.show,
    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display.hide,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed {
        display: flex;
        position: fixed;
        flex-direction: column;
        z-index: 8;
        width: 100%
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close {
        display: flex
    }
}

@media (min-width: 48rem) and (max-width:79.9375rem) {
    :root {
        --or-width-be: 100%
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
        display: none
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu.or-nav-burger {
        display: flex
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        width: initial
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        top: 0;
        align-items: center
    }
}

@media (min-width: 48rem) and (max-width:61.9375rem) {
    .no_tablet {
        display: none
    }

    .only_desktop {
        display: none !important
    }

    .t_block {
        display: block
    }

    .t_none {
        display: none
    }

    :root {
        --or-font-icon-menu: 4.375rem;
        --or-font-mlink: 2.5rem;
        --or-font-h1-big: 4.375rem;
        --or-font-h1: 2.5rem;
        --or-font-h2: 2.5rem;
        --or-font-h3: 1.875rem;
        --or-font-h4: 1.5625rem;
        --or-font-h5: 1.375rem;
        --or-font-h6: 1.25rem;
        --or-font-p-big: 1.125rem;
        --or-font-p: 1rem;
        --or-font-p-min: .875rem;
        --or-width: 46.25rem;
        --or-fixed-margin: .875rem;
        --or-font-weight-light: 300;
        --or-font-weight-medium: 400;
        --or-font-weight-regular: 500;
        --or-font-weight-bold: 900
    }

    [class^="t_orblock_"],
    [class*=" t_orblock_"] {
        margin-left: 1.02%
    }

    [class^="t_orblock_"]:first-child,
    [class*=" t_orblock_"]:first-child {
        margin-left: 0
    }

    .t_orblock_0 {
        width: 0
    }

    .t_orblock_1 {
        width: 7.39%
    }

    .t_orblock_2 {
        width: 15.8%
    }

    .t_orblock_3 {
        width: 24.21%
    }

    .t_orblock_4 {
        width: 32.62%
    }

    .t_orblock_5 {
        width: 41.03%
    }

    .t_orblock_6 {
        width: 49.44%
    }

    .t_orblock_7 {
        width: 57.85%
    }

    .t_orblock_8 {
        width: 66.26%
    }

    .t_orblock_9 {
        width: 74.67%
    }

    .t_orblock_10 {
        width: 83.08%
    }

    .t_orblock_11 {
        width: 91.49%
    }

    .t_orblock_12 {
        width: 100%
    }

    .t_orblock-offset_0,
    .t_orblock-offset_0:first-child {
        margin-left: 0
    }

    .t_orblock-offset_1,
    .t_orblock-offset_1:first-child {
        margin-left: 8.41%
    }

    .t_orblock-offset_2,
    .t_orblock-offset_2:first-child {
        margin-left: 16.82%
    }

    .t_orblock-offset_3,
    .t_orblock-offset_3:first-child {
        margin-left: 25.23%
    }

    .t_orblock-offset_4,
    .t_orblock-offset_4:first-child {
        margin-left: 33.64%
    }

    .t_orblock-offset_5,
    .t_orblock-offset_5:first-child {
        margin-left: 42.05%
    }

    .t_orblock-offset_6,
    .t_orblock-offset_6:first-child {
        margin-left: 50.46%
    }

    .t_orblock-offset_7,
    .t_orblock-offset_7:first-child {
        margin-left: 58.87%
    }

    .t_orblock-offset_8,
    .t_orblock-offset_8:first-child {
        margin-left: 67.28%
    }

    .t_orblock-offset_9,
    .t_orblock-offset_9:first-child {
        margin-left: 75.69%
    }

    .t_orblock-offset_10,
    .t_orblock-offset_10:first-child {
        margin-left: 84.1%
    }

    .t_orblock-offset_11,
    .t_orblock-offset_11:first-child {
        margin-left: 92.51%
    }

    .t_orblock-offset_12,
    .t_orblock-offset_12:first-child {
        margin-left: 100%
    }

    .t_orblock-offset_0i {
        margin-left: 0
    }

    .t_orblock-offset_1i {
        margin-left: -8.41%
    }

    .t_orblock-offset_2i {
        margin-left: -16.82%
    }

    .t_orblock-offset_3i {
        margin-left: -25.23%
    }

    .t_orblock-offset_4i {
        margin-left: -33.64%
    }

    .t_orblock-offset_5i {
        margin-left: -42.05%
    }

    .t_orblock-offset_6i {
        margin-left: -50.46%
    }

    .t_orblock-offset_7i {
        margin-left: -58.87%
    }

    .t_orblock-offset_8i {
        margin-left: -67.28%
    }

    .t_orblock-offset_9i {
        margin-left: -75.69%
    }

    .t_orblock-offset_10i {
        margin-left: -84.1%
    }

    .t_orblock-offset_11i {
        margin-left: -92.51%
    }

    .t_orblock-offset_12i {
        margin-left: -100%
    }

    .t_orpadding_0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .t_orpadding_10 {
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .t_orpadding_20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .t_orpadding_30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .t_orpadding_40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .t_orpadding_50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .t_orpadding_60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .t_orpadding_70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .t_orpadding_80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .t_orpadding_90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

    .t_orpadding_100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }

    .t_orpadding_0_top {
        padding-top: 0
    }

    .t_orpadding_10_top {
        padding-top: .625rem
    }

    .t_orpadding_20_top {
        padding-top: 1.25rem
    }

    .t_orpadding_30_top {
        padding-top: 1.875rem
    }

    .t_orpadding_40_top {
        padding-top: 2.5rem
    }

    .t_orpadding_50_top {
        padding-top: 3.125rem
    }

    .t_orpadding_60_top {
        padding-top: 3.75rem
    }

    .t_orpadding_70_top {
        padding-top: 4.375rem
    }

    .t_orpadding_80_top {
        padding-top: 5rem
    }

    .t_orpadding_90_top {
        padding-top: 5.625rem
    }

    .t_orpadding_100_top {
        padding-top: 6.25rem
    }

    .t_orpadding_0_bot {
        padding-bottom: 0;
    }

    .t_orpadding_10_bot {
        padding-bottom: .625rem;
    }

    .t_orpadding_20_bot {
        padding-bottom: 1.25rem;
    }

    .t_orpadding_30_bot {
        padding-bottom: 1.875rem;
    }

    .t_orpadding_40_bot {
        padding-bottom: 2.5rem;
    }

    .t_orpadding_50_bot {
        padding-bottom: 3.125rem;
    }

    .t_orpadding_60_bot {
        padding-bottom: 3.75rem;
    }

    .t_orpadding_70_bot {
        padding-bottom: 4.375rem;
    }

    .t_orpadding_80_bot {
        padding-bottom: 5rem;
    }

    .t_orpadding_90_bot {
        padding-bottom: 5.625rem;
    }

    .t_orpadding_100_bot {
        padding-bottom: 6.25rem;
    }

    .t_ormargin_0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .t_ormargin_10 {
        margin-top: .625rem;
        margin-bottom: .625rem;
    }

    .t_ormargin_20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .t_ormargin_30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }

    .t_ormargin_40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .t_ormargin_50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }

    .t_ormargin_60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

    .t_ormargin_70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }

    .t_ormargin_80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .t_ormargin_90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }

    .t_ormargin_100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }

    .t_ormargin_0_top {
        margin-top: 0
    }

    .t_ormargin_10_top {
        margin-top: .625rem
    }

    .t_ormargin_20_top {
        margin-top: 1.25rem
    }

    .t_ormargin_30_top {
        margin-top: 1.875rem
    }

    .t_ormargin_40_top {
        margin-top: 2.5rem
    }

    .t_ormargin_50_top {
        margin-top: 3.125rem
    }

    .t_ormargin_60_top {
        margin-top: 3.75rem
    }

    .t_ormargin_70_top {
        margin-top: 4.375rem
    }

    .t_ormargin_80_top {
        margin-top: 5rem
    }

    .t_ormargin_90_top {
        margin-top: 5.625rem
    }

    .t_ormargin_100_top {
        margin-top: 6.25rem
    }

    .t_ormargin_0_bot {
        margin-bottom: 0;
    }

    .t_ormargin_10_bot {
        margin-bottom: .625rem;
    }

    .t_ormargin_20_bot {
        margin-bottom: 1.25rem;
    }

    .t_ormargin_30_bot {
        margin-bottom: 1.875rem;
    }

    .t_ormargin_40_bot {
        margin-bottom: 2.5rem;
    }

    .t_ormargin_50_bot {
        margin-bottom: 3.125rem;
    }

    .t_ormargin_60_bot {
        margin-bottom: 3.75rem;
    }

    .t_ormargin_70_bot {
        margin-bottom: 4.375rem;
    }

    .t_ormargin_80_bot {
        margin-bottom: 5rem;
    }

    .t_ormargin_90_bot {
        margin-bottom: 5.625rem;
    }

    .t_ormargin_100_bot {
        margin-bottom: 6.25rem;
    }

    .t_ormargin_10_topi {
        margin-top: -.625rem
    }

    .t_ormargin_20_topi {
        margin-top: -1.25rem
    }

    .t_ormargin_30_topi {
        margin-top: -1.875rem
    }

    .t_ormargin_40_topi {
        margin-top: -2.5rem
    }

    .t_ormargin_50_topi {
        margin-top: -3.125rem
    }

    .t_ormargin_60_topi {
        margin-top: -3.75rem
    }

    .t_ormargin_70_topi {
        margin-top: -4.375rem
    }

    .t_ormargin_80_topi {
        margin-top: -5rem
    }

    .t_ormargin_90_topi {
        margin-top: -5.625rem
    }

    .t_ormargin_100_topi {
        margin-top: -6.25rem
    }

    .t_ormargin_10_boti {
        margin-bottom: -.625rem;
    }

    .t_ormargin_20_boti {
        margin-bottom: -1.25rem;
    }

    .t_ormargin_30_boti {
        margin-bottom: -1.875rem;
    }

    .t_ormargin_40_boti {
        margin-bottom: -2.5rem;
    }

    .t_ormargin_50_boti {
        margin-bottom: -3.125rem;
    }

    .t_ormargin_60_boti {
        margin-bottom: -3.75rem;
    }

    .t_ormargin_70_boti {
        margin-bottom: -4.375rem;
    }

    .t_ormargin_80_boti {
        margin-bottom: -5rem;
    }

    .t_ormargin_90_boti {
        margin-bottom: -5.625rem;
    }

    .t_ormargin_100_boti {
        margin-bottom: -6.25rem;
    }

    .t_ornomargin {
        margin-top: 0;
        margin-bottom: 0
    }

    [class^="t_orblock_"].t_margin_auto,
    [class*=" t_orblock_"].t_margin_auto {
        margin-left: auto
    }

    [class^="t_orblock_"]:first-child.t_margin_auto,
    [class*=" t_orblock_"]:first-child.t_margin_auto {
        margin-left: auto
    }

    .t_margin_auto {
        margin-left: auto;
        margin-right: auto
    }

    .t_clear {
        clear: both;
    }

    .t_text_center {
        text-align: center !important
    }

    .t_text_left {
        text-align: left !important
    }

    .t_text_right {
        text-align: right !important
    }

    .t_text_justify {
        text-align: justify !important
    }

    .t_light {
        font-weight: 300;
    }

    .t_regular {
        font-weight: 400;
    }

    .t_medium {
        font-weight: 500;
    }

    .t_bold {
        font-weight: 900;
    }

    .t_lineHeight100 {
        line-height: 100%;
    }

    .t_lineHeight110 {
        line-height: 110%;
    }

    .t_lineHeight120 {
        line-height: 120%;
    }

    .t_lineHeight130 {
        line-height: 130%;
    }

    .t_lineHeight140 {
        line-height: 140%;
    }

    .t_lineHeight150 {
        line-height: 150%;
    }

    .t_lineHeight160 {
        line-height: 160%;
    }

    .t_lineHeight170 {
        line-height: 170%;
    }

    .t_lineHeight180 {
        line-height: 180%;
    }

    .t_lineHeight190 {
        line-height: 190%;
    }

    .t_lineHeight200 {
        line-height: 200%;
    }

    .t_letterAdjust01 {
        letter-spacing: -.01em;
    }

    .t_letterAdjust02 {
        letter-spacing: -.02em;
    }

    .t_letterAdjust03 {
        letter-spacing: -.03em;
    }

    .t_letterAdjust04 {
        letter-spacing: -.04em;
    }

    .t_letterAdjust05 {
        letter-spacing: -.05em;
    }

    .t_letterAdjust01a {
        letter-spacing: .01em;
    }

    .t_letterAdjust02a {
        letter-spacing: .02em;
    }

    .t_letterAdjust03a {
        letter-spacing: .03em;
    }

    .t_letterAdjust04a {
        letter-spacing: .04em;
    }

    .t_letterAdjust05a {
        letter-spacing: .05em;
    }

    .t_h1 {
        font-size: var(--or-font-h1)
    }

    .t_h2 {
        font-size: var(--or-font-h2)
    }

    .t_h3 {
        font-size: var(--or-font-h3)
    }

    .t_h4 {
        font-size: var(--or-font-h4)
    }

    .t_h5 {
        font-size: var(--or-font-h5)
    }

    .t_h6 {
        font-size: var(--or-font-h6)
    }

    .t_p {
        font-size: var(--or-font-p)
    }

    .t_pBig {
        font-size: var(--or-font-p-big)
    }

    .t_pMin {
        font-size: var(--or-font-p-min)
    }

    .t_or_altfont {
        font-family: var(--or-alt-font)
    }

    .flex-container[t-fx-wrap="wrap"],
    .t-flex-wrap,
    .t-orflex-wrap .or_blockwidth {
        flex-wrap: wrap
    }

    .flex-container[t-fx-wrap="nowrap"],
    .t-flex-wrap-no,
    .t-orflex-wrap-no .or_blockwidth {
        flex-wrap: nowrap
    }

    .flex-container[t-fx-wrap="reverse"],
    .t-flex-wrap-reverse,
    .t-orflex-wrap-reverse .or_blockwidth {
        flex-wrap: wrap-reverse
    }

    .flex-container[t-fx-dir="column"],
    .t-flex-dir-column,
    .t-orflex-dir-column .or_blockwidth {
        flex-direction: column
    }

    .flex-container[t-fx-dir="column-reverse"],
    .t-flex-dir-columnreverse,
    .t-orflex-dir-columnreverse .or_blockwidth {
        flex-direction: column-reverse
    }

    .flex-container[t-fx-dir="row"],
    .t-flex-dir-row,
    .t-orflex-dir-row .or_blockwidth {
        flex-direction: row
    }

    .flex-container[t-fx-dir="row-reverse"],
    .t-flex-dir-rowreverse,
    .t-orflex-dir-rowreverse .or_blockwidth {
        flex-direction: row-reverse
    }

    .flex-container[t-fx-justify="center"],
    .t-flex-justify-center,
    .t-orflex-justify-center .or_blockwidth {
        justify-content: center
    }

    .flex-container[t-fx-justify="flex-start"],
    .t-flex-justify-start,
    .t-orflex-justify-start .or_blockwidth {
        justify-content: flex-start
    }

    .flex-container[t-fx-justify="flex-end"],
    .t-flex-justify-end,
    .t-orflex-justify-end .or_blockwidth {
        justify-content: flex-end
    }

    .flex-container[t-fx-justify="space-around"],
    .t-flex-justify-around,
    .t-orflex-justify-around .or_blockwidth {
        justify-content: space-around
    }

    .flex-container[t-fx-justify="space-between"],
    .t-flex-justify-between,
    .t-orflex-justify-between .or_blockwidth {
        justify-content: space-between
    }

    .flex-container[t-fx-align="center"],
    .t-flex-align-center,
    .t-orflex-align-center .or_blockwidth {
        align-items: center
    }

    .flex-container[t-fx-align="stretch"],
    .t-flex-align-stretch,
    .t-orflex-align-stretch .or_blockwidth {
        align-items: stretch
    }

    .flex-container[t-fx-align="flex-start"],
    .t-flex-align-start,
    .t-orflex-align-start .or_blockwidth {
        align-items: flex-start
    }

    .flex-container[t-fx-align="flex-end"],
    .t-flex-align-end,
    .t-orflex-align-end .or_blockwidth {
        align-items: flex-end
    }

    .flex-container[t-fx-align="baseline"],
    .t-flex-align-baseline,
    .t-orflex-align-baseline .or_blockwidth {
        align-items: baseline
    }

    .flex-container[t-fx-content="start"],
    .t-flex-content-start,
    .t-orflex-content-start .or_blockwidth {
        align-content: flex-start
    }

    .flex-container[t-fx-content="end"],
    .t-flex-content-end,
    .t-orflex-content-end .or_blockwidth {
        align-content: flex-end
    }

    .flex-container[t-fx-content="center"],
    .t-flex-content-center,
    .t-orflex-content-center .or_blockwidth {
        align-content: center
    }

    .flex-container[t-fx-content="stretch"],
    .t-flex-content-stretch,
    .t-ororflex-content-stretch .or_blockwidth {
        align-content: stretch
    }

    .flex-container[t-fx-content="between"],
    .t-flex-content-between,
    .t-ororflex-content-between .or_blockwidth {
        align-content: space-between
    }

    .flex-container[t-fx-content="around"],
    .t-flex-content-around,
    .t-ororflex-content-around .or_blockwidth {
        align-content: space-around
    }
}

@media (min-width: 62rem) {

    .only_tablet,
    .only_mobile {
        display: none !important
    }

    :root {
        --or-font-icon-menu: 2.5rem;
        --or-font-mlink: 2.5rem;
        --or-font-h1-big: 4.375rem;
        --or-font-h1: 2.5rem;
        --or-font-h2: 2.5rem;
        --or-font-h3: 1.875rem;
        --or-font-h4: 1.5625rem;
        --or-font-h5: 1.375rem;
        --or-font-h6: 1.25rem;
        --or-font-p-big: 1.125rem;
        --or-font-p: 1rem;
        --or-font-p-min: .875rem;
        --or-width: 59.375rem;
        --or-fixed-margin: 8.75rem;
        --or-font-weight-light: 300;
        --or-font-weight-medium: 400;
        --or-font-weight-regular: 500;
        --or-font-weight-bold: 900
    }
}

@media (min-width: 62rem) and (max-width:79.9375rem) {

    [class^="l_orblock_"],
    [class*=" l_orblock_"] {
        margin-left: 1.02%
    }

    [class^="l_orblock_"]:first-child,
    [class*=" l_orblock_"]:first-child {
        margin-left: 0
    }

    .l_orblock_0 {
        width: 0
    }

    .l_orblock_1 {
        width: 7.39%
    }

    .l_orblock_2 {
        width: 15.8%
    }

    .l_orblock_3 {
        width: 24.21%
    }

    .l_orblock_4 {
        width: 32.62%
    }

    .l_orblock_5 {
        width: 41.03%
    }

    .l_orblock_6 {
        width: 49.44%
    }

    .l_orblock_7 {
        width: 57.85%
    }

    .l_orblock_8 {
        width: 66.26%
    }

    .l_orblock_9 {
        width: 74.67%
    }

    .l_orblock_10 {
        width: 83.08%
    }

    .l_orblock_11 {
        width: 91.49%
    }

    .l_orblock_12 {
        width: 100%
    }

    .l_orblock-offset_0,
    .l_orblock-offset_0:first-child {
        margin-left: 0
    }

    .l_orblock-offset_1,
    .l_orblock-offset_1:first-child {
        margin-left: 8.41%
    }

    .l_orblock-offset_2,
    .l_orblock-offset_2:first-child {
        margin-left: 16.82%
    }

    .l_orblock-offset_3,
    .l_orblock-offset_3:first-child {
        margin-left: 25.23%
    }

    .l_orblock-offset_4,
    .l_orblock-offset_4:first-child {
        margin-left: 33.64%
    }

    .l_orblock-offset_5,
    .l_orblock-offset_5:first-child {
        margin-left: 42.05%
    }

    .l_orblock-offset_6,
    .l_orblock-offset_6:first-child {
        margin-left: 50.46%
    }

    .l_orblock-offset_7,
    .l_orblock-offset_7:first-child {
        margin-left: 58.87%
    }

    .l_orblock-offset_8,
    .l_orblock-offset_8:first-child {
        margin-left: 67.28%
    }

    .l_orblock-offset_9,
    .l_orblock-offset_9:first-child {
        margin-left: 75.69%
    }

    .l_orblock-offset_10,
    .l_orblock-offset_10:first-child {
        margin-left: 84.1%
    }

    .l_orblock-offset_11,
    .l_orblock-offset_11:first-child {
        margin-left: 92.51%
    }

    .l_orblock-offset_12,
    .l_orblock-offset_12:first-child {
        margin-left: 100%
    }

    .l_orblock-offset_0i {
        margin-left: 0
    }

    .l_orblock-offset_1i {
        margin-left: -8.41%
    }

    .l_orblock-offset_2i {
        margin-left: -16.82%
    }

    .l_orblock-offset_3i {
        margin-left: -25.23%
    }

    .l_orblock-offset_4i {
        margin-left: -33.64%
    }

    .l_orblock-offset_5i {
        margin-left: -42.05%
    }

    .l_orblock-offset_6i {
        margin-left: -50.46%
    }

    .l_orblock-offset_7i {
        margin-left: -58.87%
    }

    .l_orblock-offset_8i {
        margin-left: -67.28%
    }

    .l_orblock-offset_9i {
        margin-left: -75.69%
    }

    .l_orblock-offset_10i {
        margin-left: -84.1%
    }

    .l_orblock-offset_11i {
        margin-left: -92.51%
    }

    .l_orblock-offset_12i {
        margin-left: -100%
    }

    .l_orpadding_0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .l_orpadding_10 {
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .l_orpadding_20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .l_orpadding_30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .l_orpadding_40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .l_orpadding_50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .l_orpadding_60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .l_orpadding_70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .l_orpadding_80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .l_orpadding_90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

    .l_orpadding_100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }

    .l_orpadding_0_top {
        padding-top: 0
    }

    .l_orpadding_10_top {
        padding-top: .625rem
    }

    .l_orpadding_20_top {
        padding-top: 1.25rem
    }

    .l_orpadding_30_top {
        padding-top: 1.875rem
    }

    .l_orpadding_40_top {
        padding-top: 2.5rem
    }

    .l_orpadding_50_top {
        padding-top: 3.125rem
    }

    .l_orpadding_60_top {
        padding-top: 3.75rem
    }

    .l_orpadding_70_top {
        padding-top: 4.375rem
    }

    .l_orpadding_80_top {
        padding-top: 5rem
    }

    .l_orpadding_90_top {
        padding-top: 5.625rem
    }

    .l_orpadding_100_top {
        padding-top: 6.25rem
    }

    .l_orpadding_0_bot {
        padding-bottom: 0;
    }

    .l_orpadding_10_bot {
        padding-bottom: .625rem;
    }

    .l_orpadding_20_bot {
        padding-bottom: 1.25rem;
    }

    .l_orpadding_30_bot {
        padding-bottom: 1.875rem;
    }

    .l_orpadding_40_bot {
        padding-bottom: 2.5rem;
    }

    .l_orpadding_50_bot {
        padding-bottom: 3.125rem;
    }

    .l_orpadding_60_bot {
        padding-bottom: 3.75rem;
    }

    .l_orpadding_70_bot {
        padding-bottom: 4.375rem;
    }

    .l_orpadding_80_bot {
        padding-bottom: 5rem;
    }

    .l_orpadding_90_bot {
        padding-bottom: 5.625rem;
    }

    .l_orpadding_100_bot {
        padding-bottom: 6.25rem;
    }

    .l_ormargin_0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .l_ormargin_10 {
        margin-top: .625rem;
        margin-bottom: .625rem;
    }

    .l_ormargin_20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .l_ormargin_30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }

    .l_ormargin_40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .l_ormargin_50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }

    .l_ormargin_60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

    .l_ormargin_70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }

    .l_ormargin_80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .l_ormargin_90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }

    .l_ormargin_100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }

    .l_ormargin_0_top {
        margin-top: 0
    }

    .l_ormargin_10_top {
        margin-top: .625rem
    }

    .l_ormargin_20_top {
        margin-top: 1.25rem
    }

    .l_ormargin_30_top {
        margin-top: 1.875rem
    }

    .l_ormargin_40_top {
        margin-top: 2.5rem
    }

    .l_ormargin_50_top {
        margin-top: 3.125rem
    }

    .l_ormargin_60_top {
        margin-top: 3.75rem
    }

    .l_ormargin_70_top {
        margin-top: 4.375rem
    }

    .l_ormargin_80_top {
        margin-top: 5rem
    }

    .l_ormargin_90_top {
        margin-top: 5.625rem
    }

    .l_ormargin_100_top {
        margin-top: 6.25rem
    }

    .l_ormargin_0_bot {
        margin-bottom: 0;
    }

    .l_ormargin_10_bot {
        margin-bottom: .625rem;
    }

    .l_ormargin_20_bot {
        margin-bottom: 1.25rem;
    }

    .l_ormargin_30_bot {
        margin-bottom: 1.875rem;
    }

    .l_ormargin_40_bot {
        margin-bottom: 2.5rem;
    }

    .l_ormargin_50_bot {
        margin-bottom: 3.125rem;
    }

    .l_ormargin_60_bot {
        margin-bottom: 3.75rem;
    }

    .l_ormargin_70_bot {
        margin-bottom: 4.375rem;
    }

    .l_ormargin_80_bot {
        margin-bottom: 5rem;
    }

    .l_ormargin_90_bot {
        margin-bottom: 5.625rem;
    }

    .l_ormargin_100_bot {
        margin-bottom: 6.25rem;
    }

    .l_ormargin_10_topi {
        margin-top: -.625rem
    }

    .l_ormargin_20_topi {
        margin-top: -1.25rem
    }

    .l_ormargin_30_topi {
        margin-top: -1.875rem
    }

    .l_ormargin_40_topi {
        margin-top: -2.5rem
    }

    .l_ormargin_50_topi {
        margin-top: -3.125rem
    }

    .l_ormargin_60_topi {
        margin-top: -3.75rem
    }

    .l_ormargin_70_topi {
        margin-top: -4.375rem
    }

    .l_ormargin_80_topi {
        margin-top: -5rem
    }

    .l_ormargin_90_topi {
        margin-top: -5.625rem
    }

    .l_ormargin_100_topi {
        margin-top: -6.25rem
    }

    .l_ormargin_10_boti {
        margin-bottom: -.625rem;
    }

    .l_ormargin_20_boti {
        margin-bottom: -1.25rem;
    }

    .l_ormargin_30_boti {
        margin-bottom: -1.875rem;
    }

    .l_ormargin_40_boti {
        margin-bottom: -2.5rem;
    }

    .l_ormargin_50_boti {
        margin-bottom: -3.125rem;
    }

    .l_ormargin_60_boti {
        margin-bottom: -3.75rem;
    }

    .l_ormargin_70_boti {
        margin-bottom: -4.375rem;
    }

    .l_ormargin_80_boti {
        margin-bottom: -5rem;
    }

    .l_ormargin_90_boti {
        margin-bottom: -5.625rem;
    }

    .l_ormargin_100_boti {
        margin-bottom: -6.25rem;
    }

    .l_ornomargin {
        margin-top: 0;
        margin-bottom: 0
    }

    [class^="l_orblock_"].l_margin_auto,
    [class*=" l_orblock_"].l_margin_auto {
        margin-left: auto
    }

    [class^="l_orblock_"]:first-child.l_margin_auto,
    [class*=" l_orblock_"]:first-child.l_margin_auto {
        margin-left: auto
    }

    .l_margin_auto {
        margin-left: auto;
        margin-right: auto
    }

    .l_clear {
        clear: both;
    }

    .l_text_center {
        text-align: center !important
    }

    .l_text_left {
        text-align: left !important
    }

    .l_text_right {
        text-align: right !important
    }

    .l_text_justify {
        text-align: justify !important
    }

    .l_light {
        font-weight: 300;
    }

    .l_regular {
        font-weight: 400;
    }

    .l_medium {
        font-weight: 500;
    }

    .l_bold {
        font-weight: 900;
    }

    .l_lineHeight100 {
        line-height: 100%;
    }

    .l_lineHeight110 {
        line-height: 110%;
    }

    .l_lineHeight120 {
        line-height: 120%;
    }

    .l_lineHeight130 {
        line-height: 130%;
    }

    .l_lineHeight140 {
        line-height: 140%;
    }

    .l_lineHeight150 {
        line-height: 150%;
    }

    .l_lineHeight160 {
        line-height: 160%;
    }

    .l_lineHeight170 {
        line-height: 170%;
    }

    .l_lineHeight180 {
        line-height: 180%;
    }

    .l_lineHeight190 {
        line-height: 190%;
    }

    .l_lineHeight200 {
        line-height: 200%;
    }

    .l_letterAdjust01 {
        letter-spacing: -.01em;
    }

    .l_letterAdjust02 {
        letter-spacing: -.02em;
    }

    .l_letterAdjust03 {
        letter-spacing: -.03em;
    }

    .l_letterAdjust04 {
        letter-spacing: -.04em;
    }

    .l_letterAdjust05 {
        letter-spacing: -.05em;
    }

    .l_letterAdjust01a {
        letter-spacing: .01em;
    }

    .l_letterAdjust02a {
        letter-spacing: .02em;
    }

    .l_letterAdjust03a {
        letter-spacing: .03em;
    }

    .l_letterAdjust04a {
        letter-spacing: .04em;
    }

    .l_letterAdjust05a {
        letter-spacing: .05em;
    }

    .l_h1 {
        font-size: var(--or-font-h1)
    }

    .l_h2 {
        font-size: var(--or-font-h2)
    }

    .l_h3 {
        font-size: var(--or-font-h3)
    }

    .l_h4 {
        font-size: var(--or-font-h4)
    }

    .l_h5 {
        font-size: var(--or-font-h5)
    }

    .l_h6 {
        font-size: var(--or-font-h6)
    }

    .l_p {
        font-size: var(--or-font-p)
    }

    .l_pBig {
        font-size: var(--or-font-p-big)
    }

    .l_pMin {
        font-size: var(--or-font-p-min)
    }

    .l_or_altfont {
        font-family: var(--or-alt-font)
    }

    .flex-container[l-fx-wrap="wrap"],
    .l-flex-wrap,
    .l-orflex-wrap .or_blockwidth {
        flex-wrap: wrap
    }

    .flex-container[l-fx-wrap="nowrap"],
    .l-flex-wrap-no,
    .l-orflex-wrap-no .or_blockwidth {
        flex-wrap: nowrap
    }

    .flex-container[l-fx-wrap="reverse"],
    .l-flex-wrap-reverse,
    .l-orflex-wrap-reverse .or_blockwidth {
        flex-wrap: wrap-reverse
    }

    .flex-container[l-fx-dir="column"],
    .l-flex-dir-column,
    .l-orflex-dir-column .or_blockwidth {
        flex-direction: column
    }

    .flex-container[l-fx-dir="column-reverse"],
    .l-flex-dir-columnreverse,
    .l-orflex-dir-columnreverse .or_blockwidth {
        flex-direction: column-reverse
    }

    .flex-container[l-fx-dir="row"],
    .l-flex-dir-row,
    .l-orflex-dir-row .or_blockwidth {
        flex-direction: row
    }

    .flex-container[l-fx-dir="row-reverse"],
    .l-flex-dir-rowreverse,
    .l-orflex-dir-rowreverse .or_blockwidth {
        flex-direction: row-reverse
    }

    .flex-container[l-fx-justify="center"],
    .l-flex-justify-center,
    .l-orflex-justify-center .or_blockwidth {
        justify-content: center
    }

    .flex-container[l-fx-justify="flex-start"],
    .l-flex-justify-start,
    .l-orflex-justify-start .or_blockwidth {
        justify-content: flex-start
    }

    .flex-container[l-fx-justify="flex-end"],
    .l-flex-justify-end,
    .l-orflex-justify-end .or_blockwidth {
        justify-content: flex-end
    }

    .flex-container[l-fx-justify="space-around"],
    .l-flex-justify-around,
    .l-orflex-justify-around .or_blockwidth {
        justify-content: space-around
    }

    .flex-container[l-fx-justify="space-between"],
    .l-flex-justify-between,
    .l-orflex-justify-between .or_blockwidth {
        justify-content: space-between
    }

    .flex-container[l-fx-align="center"],
    .l-flex-align-center,
    .l-orflex-align-center .or_blockwidth {
        align-items: center
    }

    .flex-container[l-fx-align="stretch"],
    .l-flex-align-stretch,
    .l-orflex-align-stretch .or_blockwidth {
        align-items: stretch
    }

    .flex-container[l-fx-align="flex-start"],
    .l-flex-align-start,
    .l-orflex-align-start .or_blockwidth {
        align-items: flex-start
    }

    .flex-container[l-fx-align="flex-end"],
    .l-flex-align-end,
    .l-orflex-align-end .or_blockwidth {
        align-items: flex-end
    }

    .flex-container[l-fx-align="baseline"],
    .l-flex-align-baseline,
    .l-orflex-align-baseline .or_blockwidth {
        align-items: baseline
    }

    .flex-container[l-fx-content="start"],
    .l-flex-content-start,
    .l-orflex-content-start .or_blockwidth {
        align-content: flex-start
    }

    .flex-container[l-fx-content="end"],
    .l-flex-content-end,
    .l-orflex-content-end .or_blockwidth {
        align-content: flex-end
    }

    .flex-container[l-fx-content="center"],
    .l-flex-content-center,
    .l-orflex-content-center .or_blockwidth {
        align-content: center
    }

    .flex-container[l-fx-content="stretch"],
    .l-flex-content-stretch,
    .l-ororflex-content-stretch .or_blockwidth {
        align-content: stretch
    }

    .flex-container[l-fx-content="between"],
    .l-flex-content-between,
    .l-ororflex-content-between .or_blockwidth {
        align-content: space-between
    }

    .flex-container[l-fx-content="around"],
    .l-flex-content-around,
    .l-ororflex-content-around .or_blockwidth {
        align-content: space-around
    }
}

@media (min-width: 64rem) and (max-width:79.9375rem) and (orientation:landscape) {}

@media (min-width: 80rem) {
    :root {
        --or-width: 75rem
    }

    .xl_h1 {
        font-size: var(--or-font-h1)
    }

    .xl_h2 {
        font-size: var(--or-font-h2)
    }

    .xl_h3 {
        font-size: var(--or-font-h3)
    }

    .xl_h4 {
        font-size: var(--or-font-h4)
    }

    .xl_h5 {
        font-size: var(--or-font-h5)
    }

    .xl_h6 {
        font-size: var(--or-font-h6)
    }

    .xl_p {
        font-size: var(--or-font-p)
    }

    .xl_pBig {
        font-size: var(--or-font-p-big)
    }

    .xl_pMin {
        font-size: var(--or-font-p-min)
    }

    .xl_or_altfont {
        font-family: var(--or-alt-font)
    }

    [class^="xl_orblock_"],
    [class*=" xl_orblock_"] {
        margin-left: 1.02%
    }

    [class^="xl_orblock_"]:first-child,
    [class*=" xl_orblock_"]:first-child {
        margin-left: 0
    }

    .xl_orblock_0 {
        width: 0
    }

    .xl_orblock_1 {
        width: 7.39%
    }

    .xl_orblock_2 {
        width: 15.8%
    }

    .xl_orblock_3 {
        width: 24.21%
    }

    .xl_orblock_4 {
        width: 32.62%
    }

    .xl_orblock_5 {
        width: 41.03%
    }

    .xl_orblock_6 {
        width: 49.44%
    }

    .xl_orblock_7 {
        width: 57.85%
    }

    .xl_orblock_8 {
        width: 66.26%
    }

    .xl_orblock_9 {
        width: 74.67%
    }

    .xl_orblock_10 {
        width: 83.08%
    }

    .xl_orblock_11 {
        width: 91.49%
    }

    .xl_orblock_12 {
        width: 100%
    }

    .xl_orblock-offset_0,
    .xl_orblock-offset_0:first-child {
        margin-left: 0
    }

    .xl_orblock-offset_1,
    .xl_orblock-offset_1:first-child {
        margin-left: 8.41%
    }

    .xl_orblock-offset_2,
    .xl_orblock-offset_2:first-child {
        margin-left: 16.82%
    }

    .xl_orblock-offset_3,
    .xl_orblock-offset_3:first-child {
        margin-left: 25.23%
    }

    .xl_orblock-offset_4,
    .xl_orblock-offset_4:first-child {
        margin-left: 33.64%
    }

    .xl_orblock-offset_5,
    .xl_orblock-offset_5:first-child {
        margin-left: 42.05%
    }

    .xl_orblock-offset_6,
    .xl_orblock-offset_6:first-child {
        margin-left: 50.46%
    }

    .xl_orblock-offset_7,
    .xl_orblock-offset_7:first-child {
        margin-left: 58.87%
    }

    .xl_orblock-offset_8,
    .xl_orblock-offset_8:first-child {
        margin-left: 67.28%
    }

    .xl_orblock-offset_9,
    .xl_orblock-offset_9:first-child {
        margin-left: 75.69%
    }

    .xl_orblock-offset_10,
    .xl_orblock-offset_10:first-child {
        margin-left: 84.1%
    }

    .xl_orblock-offset_11,
    .xl_orblock-offset_11:first-child {
        margin-left: 92.51%
    }

    .xl_orblock-offset_12,
    .xl_orblock-offset_12:first-child {
        margin-left: 100%
    }

    .xl_orblock-offset_0i {
        margin-left: 0
    }

    .xl_orblock-offset_1i {
        margin-left: -8.41%
    }

    .xl_orblock-offset_2i {
        margin-left: -16.82%
    }

    .xl_orblock-offset_3i {
        margin-left: -25.23%
    }

    .xl_orblock-offset_4i {
        margin-left: -33.64%
    }

    .xl_orblock-offset_5i {
        margin-left: -42.05%
    }

    .xl_orblock-offset_6i {
        margin-left: -50.46%
    }

    .xl_orblock-offset_7i {
        margin-left: -58.87%
    }

    .xl_orblock-offset_8i {
        margin-left: -67.28%
    }

    .xl_orblock-offset_9i {
        margin-left: -75.69%
    }

    .xl_orblock-offset_10i {
        margin-left: -84.1%
    }

    .xl_orblock-offset_11i {
        margin-left: -92.51%
    }

    .xl_orblock-offset_12i {
        margin-left: -100%
    }

    .xl_orpadding_0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .xl_orpadding_10 {
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .xl_orpadding_20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .xl_orpadding_30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .xl_orpadding_40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .xl_orpadding_50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .xl_orpadding_60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .xl_orpadding_70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .xl_orpadding_80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .xl_orpadding_90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

    .xl_orpadding_100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }

    .xl_orpadding_0_top {
        padding-top: 0
    }

    .xl_orpadding_10_top {
        padding-top: .625rem
    }

    .xl_orpadding_20_top {
        padding-top: 1.25rem
    }

    .xl_orpadding_30_top {
        padding-top: 1.875rem
    }

    .xl_orpadding_40_top {
        padding-top: 2.5rem
    }

    .xl_orpadding_50_top {
        padding-top: 3.125rem
    }

    .xl_orpadding_60_top {
        padding-top: 3.75rem
    }

    .xl_orpadding_70_top {
        padding-top: 4.375rem
    }

    .xl_orpadding_80_top {
        padding-top: 5rem
    }

    .xl_orpadding_90_top {
        padding-top: 5.625rem
    }

    .xl_orpadding_100_top {
        padding-top: 6.25rem
    }

    .xl_orpadding_0_bot {
        padding-bottom: 0;
    }

    .xl_orpadding_10_bot {
        padding-bottom: .625rem;
    }

    .xl_orpadding_20_bot {
        padding-bottom: 1.25rem;
    }

    .xl_orpadding_30_bot {
        padding-bottom: 1.875rem;
    }

    .xl_orpadding_40_bot {
        padding-bottom: 2.5rem;
    }

    .xl_orpadding_50_bot {
        padding-bottom: 3.125rem;
    }

    .xl_orpadding_60_bot {
        padding-bottom: 3.75rem;
    }

    .xl_orpadding_70_bot {
        padding-bottom: 4.375rem;
    }

    .xl_orpadding_80_bot {
        padding-bottom: 5rem;
    }

    .xl_orpadding_90_bot {
        padding-bottom: 5.625rem;
    }

    .xl_orpadding_100_bot {
        padding-bottom: 6.25rem;
    }

    .xl_ormargin_0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .xl_ormargin_10 {
        margin-top: .625rem;
        margin-bottom: .625rem;
    }

    .xl_ormargin_20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .xl_ormargin_30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }

    .xl_ormargin_40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .xl_ormargin_50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }

    .xl_ormargin_60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

    .xl_ormargin_70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }

    .xl_ormargin_80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .xl_ormargin_90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }

    .xl_ormargin_100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }

    .xl_ormargin_0_top {
        margin-top: 0
    }

    .xl_ormargin_10_top {
        margin-top: .625rem
    }

    .xl_ormargin_20_top {
        margin-top: 1.25rem
    }

    .xl_ormargin_30_top {
        margin-top: 1.875rem
    }

    .xl_ormargin_40_top {
        margin-top: 2.5rem
    }

    .xl_ormargin_50_top {
        margin-top: 3.125rem
    }

    .xl_ormargin_60_top {
        margin-top: 3.75rem
    }

    .xl_ormargin_70_top {
        margin-top: 4.375rem
    }

    .xl_ormargin_80_top {
        margin-top: 5rem
    }

    .xl_ormargin_90_top {
        margin-top: 5.625rem
    }

    .xl_ormargin_100_top {
        margin-top: 6.25rem
    }

    .xl_ormargin_0_bot {
        margin-bottom: 0;
    }

    .xl_ormargin_10_bot {
        margin-bottom: .625rem;
    }

    .xl_ormargin_20_bot {
        margin-bottom: 1.25rem;
    }

    .xl_ormargin_30_bot {
        margin-bottom: 1.875rem;
    }

    .xl_ormargin_40_bot {
        margin-bottom: 2.5rem;
    }

    .xl_ormargin_50_bot {
        margin-bottom: 3.125rem;
    }

    .xl_ormargin_60_bot {
        margin-bottom: 3.75rem;
    }

    .xl_ormargin_70_bot {
        margin-bottom: 4.375rem;
    }

    .xl_ormargin_80_bot {
        margin-bottom: 5rem;
    }

    .xl_ormargin_90_bot {
        margin-bottom: 5.625rem;
    }

    .xl_ormargin_100_bot {
        margin-bottom: 6.25rem;
    }

    .xl_ormargin_10_topi {
        margin-top: -.625rem
    }

    .xl_ormargin_20_topi {
        margin-top: -1.25rem
    }

    .xl_ormargin_30_topi {
        margin-top: -1.875rem
    }

    .xl_ormargin_40_topi {
        margin-top: -2.5rem
    }

    .xl_ormargin_50_topi {
        margin-top: -3.125rem
    }

    .xl_ormargin_60_topi {
        margin-top: -3.75rem
    }

    .xl_ormargin_70_topi {
        margin-top: -4.375rem
    }

    .xl_ormargin_80_topi {
        margin-top: -5rem
    }

    .xl_ormargin_90_topi {
        margin-top: -5.625rem
    }

    .xl_ormargin_100_topi {
        margin-top: -6.25rem
    }

    .xl_ormargin_10_boti {
        margin-bottom: -.625rem;
    }

    .xl_ormargin_20_boti {
        margin-bottom: -1.25rem;
    }

    .xl_ormargin_30_boti {
        margin-bottom: -1.875rem;
    }

    .xl_ormargin_40_boti {
        margin-bottom: -2.5rem;
    }

    .xl_ormargin_50_boti {
        margin-bottom: -3.125rem;
    }

    .xl_ormargin_60_boti {
        margin-bottom: -3.75rem;
    }

    .xl_ormargin_70_boti {
        margin-bottom: -4.375rem;
    }

    .xl_ormargin_80_boti {
        margin-bottom: -5rem;
    }

    .xl_ormargin_90_boti {
        margin-bottom: -5.625rem;
    }

    .xl_ormargin_100_boti {
        margin-bottom: -6.25rem;
    }

    .xl_ornomargin {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl_margin_auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl_clear {
        clear: both;
    }

    .xl_none {
        display: none !important;
    }

    .xl_block {
        display: block !important;
    }

    .xl_text_center {
        text-align: center !important
    }

    .xl_text_left {
        text-align: left !important
    }

    .xl_text_right {
        text-align: right !important
    }

    .xl_text_justify {
        text-align: justify !important
    }

    .xl_light {
        font-weight: 300;
    }

    .xl_regular {
        font-weight: 400;
    }

    .xl_medium {
        font-weight: 500;
    }

    .xl_bold {
        font-weight: 900;
    }

    .xl_lineHeight100 {
        line-height: 100%;
    }

    .xl_lineHeight110 {
        line-height: 110%;
    }

    .xl_lineHeight120 {
        line-height: 120%;
    }

    .xl_lineHeight130 {
        line-height: 130%;
    }

    .xl_lineHeight140 {
        line-height: 140%;
    }

    .xl_lineHeight150 {
        line-height: 150%;
    }

    .xl_lineHeight160 {
        line-height: 160%;
    }

    .xl_lineHeight170 {
        line-height: 170%;
    }

    .xl_lineHeight180 {
        line-height: 180%;
    }

    .xl_lineHeight190 {
        line-height: 190%;
    }

    .xl_lineHeight200 {
        line-height: 200%;
    }

    .xl_letterAdjust01 {
        letter-spacing: -.01em;
    }

    .xl_letterAdjust02 {
        letter-spacing: -.02em;
    }

    .xl_letterAdjust03 {
        letter-spacing: -.03em;
    }

    .xl_letterAdjust04 {
        letter-spacing: -.04em;
    }

    .xl_letterAdjust05 {
        letter-spacing: -.05em;
    }

    .xl_letterAdjust01a {
        letter-spacing: .01em;
    }

    .xl_letterAdjust02a {
        letter-spacing: .02em;
    }

    .xl_letterAdjust03a {
        letter-spacing: .03em;
    }

    .xl_letterAdjust04a {
        letter-spacing: .04em;
    }

    .xl_letterAdjust05a {
        letter-spacing: .05em;
    }

    .flex-container[xl-fx-wrap="wrap"],
    .xl-flex-wrap,
    .xl-orflex-wrap .or_blockwidth {
        flex-wrap: wrap
    }

    .flex-container[xl-fx-wrap="nowrap"],
    .xl-flex-wrap-no,
    .xl-orflex-wrap-no .or_blockwidth {
        flex-wrap: nowrap
    }

    .flex-container[xl-fx-wrap="reverse"],
    .xl-flex-wrap-reverse,
    .xl-orflex-wrap-reverse .or_blockwidth {
        flex-wrap: wrap-reverse
    }

    .flex-container[xl-fx-dir="column"],
    .xl-flex-dir-column,
    .xl-orflex-dir-column .or_blockwidth {
        flex-direction: column
    }

    .flex-container[xl-fx-dir="column-reverse"],
    .xl-flex-dir-columnreverse,
    .xl-orflex-dir-columnreverse .or_blockwidth {
        flex-direction: column-reverse
    }

    .flex-container[xl-fx-dir="row"],
    .xl-flex-dir-row,
    .xl-orflex-dir-row .or_blockwidth {
        flex-direction: row
    }

    .flex-container[xl-fx-dir="row-reverse"],
    .xl-flex-dir-rowreverse,
    .xl-orflex-dir-rowreverse .or_blockwidth {
        flex-direction: row-reverse
    }

    .flex-container[xl-fx-justify="center"],
    .xl-flex-justify-center,
    .xl-orflex-justify-center .or_blockwidth {
        justify-content: center
    }

    .flex-container[xl-fx-justify="flex-start"],
    .xl-flex-justify-start,
    .xl-orflex-justify-start .or_blockwidth {
        justify-content: flex-start
    }

    .flex-container[xl-fx-justify="flex-end"],
    .xl-flex-justify-end,
    .xl-orflex-justify-end .or_blockwidth {
        justify-content: flex-end
    }

    .flex-container[xl-fx-justify="space-around"],
    .xl-flex-justify-around,
    .xl-orflex-justify-around .or_blockwidth {
        justify-content: space-around
    }

    .flex-container[xl-fx-justify="space-between"],
    .xl-flex-justify-between,
    .xl-orflex-justify-between .or_blockwidth {
        justify-content: space-between
    }

    .flex-container[xl-fx-align="center"],
    .xl-flex-align-center,
    .xl-orflex-align-center .or_blockwidth {
        align-items: center
    }

    .flex-container[xl-fx-align="stretch"],
    .xl-flex-align-stretch,
    .xl-orflex-align-stretch .or_blockwidth {
        align-items: stretch
    }

    .flex-container[xl-fx-align="flex-start"],
    .xl-flex-align-start,
    .xl-orflex-align-start .or_blockwidth {
        align-items: flex-start
    }

    .flex-container[xl-fx-align="flex-end"],
    .xl-flex-align-end,
    .xl-orflex-align-end .or_blockwidth {
        align-items: flex-end
    }

    .flex-container[xl-fx-align="baseline"],
    .xl-flex-align-baseline,
    .xl-orflex-align-baseline .or_blockwidth {
        align-items: baseline
    }

    .flex-container[xl-fx-content="start"],
    .xl-flex-content-start,
    .xl-orflex-content-start .or_blockwidth {
        align-content: flex-start
    }

    .flex-container[xl-fx-content="end"],
    .xl-flex-content-end,
    .xl-orflex-content-end .or_blockwidth {
        align-content: flex-end
    }

    .flex-container[xl-fx-content="center"],
    .xl-flex-content-center,
    .xl-orflex-content-center .or_blockwidth {
        align-content: center
    }

    .flex-container[xl-fx-content="stretch"],
    .xl-flex-content-stretch,
    .xl-ororflex-content-stretch .or_blockwidth {
        align-content: stretch
    }

    .flex-container[xl-fx-content="between"],
    .xl-flex-content-between,
    .xl-ororflex-content-between .or_blockwidth {
        align-content: space-between
    }

    .flex-container[xl-fx-content="around"],
    .xl-flex-content-around,
    .xl-ororflex-content-around .or_blockwidth {
        align-content: space-around
    }
}

@media (min-width: 80rem) and (max-width:104.9375rem) {
    :root {
        --or-width: 79.9375rem;
        --or-fixed-margin: 8.75rem
    }

    .xxl_h1 {
        font-size: var(--or-font-h1)
    }

    .xxl_h2 {
        font-size: var(--or-font-h2)
    }

    .xxl_h3 {
        font-size: var(--or-font-h3)
    }

    .xxl_h4 {
        font-size: var(--or-font-h4)
    }

    .xxl_h5 {
        font-size: var(--or-font-h5)
    }

    .xxl_h6 {
        font-size: var(--or-font-h6)
    }

    .xxl_p {
        font-size: var(--or-font-p)
    }

    .xxl_pBig {
        font-size: var(--or-font-p-big)
    }

    .xxl_pMin {
        font-size: var(--or-font-p-min)
    }

    .xxl_or_altfont {
        font-family: var(--or-alt-font)
    }

    [class^="xxl_orblock_"],
    [class*=" xxl_orblock_"] {
        margin-left: 1.02%
    }

    [class^="xxl_orblock_"]:first-child,
    [class*=" xxl_orblock_"]:first-child {
        margin-left: 0
    }

    .xxl_orblock_0 {
        width: 0
    }

    .xxl_orblock_1 {
        width: 7.39%
    }

    .xxl_orblock_2 {
        width: 15.8%
    }

    .xxl_orblock_3 {
        width: 24.21%
    }

    .xxl_orblock_4 {
        width: 32.62%
    }

    .xxl_orblock_5 {
        width: 41.03%
    }

    .xxl_orblock_6 {
        width: 49.44%
    }

    .xxl_orblock_7 {
        width: 57.85%
    }

    .xxl_orblock_8 {
        width: 66.26%
    }

    .xxl_orblock_9 {
        width: 74.67%
    }

    .xxl_orblock_10 {
        width: 83.08%
    }

    .xxl_orblock_11 {
        width: 91.49%
    }

    .xxl_orblock_12 {
        width: 100%
    }

    .xxl_orblock-offset_0,
    .xxl_orblock-offset_0:first-child {
        margin-left: 0
    }

    .xxl_orblock-offset_1,
    .xxl_orblock-offset_1:first-child {
        margin-left: 8.41%
    }

    .xxl_orblock-offset_2,
    .xxl_orblock-offset_2:first-child {
        margin-left: 16.82%
    }

    .xxl_orblock-offset_3,
    .xxl_orblock-offset_3:first-child {
        margin-left: 25.23%
    }

    .xxl_orblock-offset_4,
    .xxl_orblock-offset_4:first-child {
        margin-left: 33.64%
    }

    .xxl_orblock-offset_5,
    .xxl_orblock-offset_5:first-child {
        margin-left: 42.05%
    }

    .xxl_orblock-offset_6,
    .xxl_orblock-offset_6:first-child {
        margin-left: 50.46%
    }

    .xxl_orblock-offset_7,
    .xxl_orblock-offset_7:first-child {
        margin-left: 58.87%
    }

    .xxl_orblock-offset_8,
    .xxl_orblock-offset_8:first-child {
        margin-left: 67.28%
    }

    .xxl_orblock-offset_9,
    .xxl_orblock-offset_9:first-child {
        margin-left: 75.69%
    }

    .xxl_orblock-offset_10,
    .xxl_orblock-offset_10:first-child {
        margin-left: 84.1%
    }

    .xxl_orblock-offset_11,
    .xxl_orblock-offset_11:first-child {
        margin-left: 92.51%
    }

    .xxl_orblock-offset_12,
    .xxl_orblock-offset_12:first-child {
        margin-left: 100%
    }

    .xxl_orblock-offset_0i {
        margin-left: 0
    }

    .xxl_orblock-offset_1i {
        margin-left: -8.41%
    }

    .xxl_orblock-offset_2i {
        margin-left: -16.82%
    }

    .xxl_orblock-offset_3i {
        margin-left: -25.23%
    }

    .xxl_orblock-offset_4i {
        margin-left: -33.64%
    }

    .xxl_orblock-offset_5i {
        margin-left: -42.05%
    }

    .xxl_orblock-offset_6i {
        margin-left: -50.46%
    }

    .xxl_orblock-offset_7i {
        margin-left: -58.87%
    }

    .xxl_orblock-offset_8i {
        margin-left: -67.28%
    }

    .xxl_orblock-offset_9i {
        margin-left: -75.69%
    }

    .xxl_orblock-offset_10i {
        margin-left: -84.1%
    }

    .xxl_orblock-offset_11i {
        margin-left: -92.51%
    }

    .xxl_orblock-offset_12i {
        margin-left: -100%
    }

    .xxl_orpadding_0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .xxl_orpadding_10 {
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .xxl_orpadding_20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .xxl_orpadding_30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .xxl_orpadding_40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .xxl_orpadding_50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .xxl_orpadding_60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .xxl_orpadding_70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .xxl_orpadding_80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .xxl_orpadding_90 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

    .xxl_orpadding_100 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }

    .xxl_orpadding_0_top {
        padding-top: 0
    }

    .xxl_orpadding_10_top {
        padding-top: .625rem
    }

    .xxl_orpadding_20_top {
        padding-top: 1.25rem
    }

    .xxl_orpadding_30_top {
        padding-top: 1.875rem
    }

    .xxl_orpadding_40_top {
        padding-top: 2.5rem
    }

    .xxl_orpadding_50_top {
        padding-top: 3.125rem
    }

    .xxl_orpadding_60_top {
        padding-top: 3.75rem
    }

    .xxl_orpadding_70_top {
        padding-top: 4.375rem
    }

    .xxl_orpadding_80_top {
        padding-top: 5rem
    }

    .xxl_orpadding_90_top {
        padding-top: 5.625rem
    }

    .xxl_orpadding_100_top {
        padding-top: 6.25rem
    }

    .xxl_orpadding_0_bot {
        padding-bottom: 0;
    }

    .xxl_orpadding_10_bot {
        padding-bottom: .625rem;
    }

    .xxl_orpadding_20_bot {
        padding-bottom: 1.25rem;
    }

    .xxl_orpadding_30_bot {
        padding-bottom: 1.875rem;
    }

    .xxl_orpadding_40_bot {
        padding-bottom: 2.5rem;
    }

    .xxl_orpadding_50_bot {
        padding-bottom: 3.125rem;
    }

    .xxl_orpadding_60_bot {
        padding-bottom: 3.75rem;
    }

    .xxl_orpadding_70_bot {
        padding-bottom: 4.375rem;
    }

    .xxl_orpadding_80_bot {
        padding-bottom: 5rem;
    }

    .xxl_orpadding_90_bot {
        padding-bottom: 5.625rem;
    }

    .xxl_orpadding_100_bot {
        padding-bottom: 6.25rem;
    }

    .xxl_ormargin_0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .xxl_ormargin_10 {
        margin-top: .625rem;
        margin-bottom: .625rem;
    }

    .xxl_ormargin_20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .xxl_ormargin_30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }

    .xxl_ormargin_40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .xxl_ormargin_50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }

    .xxl_ormargin_60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

    .xxl_ormargin_70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem;
    }

    .xxl_ormargin_80 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .xxl_ormargin_90 {
        margin-top: 5.625rem;
        margin-bottom: 5.625rem;
    }

    .xxl_ormargin_100 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }

    .xxl_ormargin_0_top {
        margin-top: 0
    }

    .xxl_ormargin_10_top {
        margin-top: .625rem
    }

    .xxl_ormargin_20_top {
        margin-top: 1.25rem
    }

    .xxl_ormargin_30_top {
        margin-top: 1.875rem
    }

    .xxl_ormargin_40_top {
        margin-top: 2.5rem
    }

    .xxl_ormargin_50_top {
        margin-top: 3.125rem
    }

    .xxl_ormargin_60_top {
        margin-top: 3.75rem
    }

    .xxl_ormargin_70_top {
        margin-top: 4.375rem
    }

    .xxl_ormargin_80_top {
        margin-top: 5rem
    }

    .xxl_ormargin_90_top {
        margin-top: 5.625rem
    }

    .xxl_ormargin_100_top {
        margin-top: 6.25rem
    }

    .xxl_ormargin_0_bot {
        margin-bottom: 0;
    }

    .xxl_ormargin_10_bot {
        margin-bottom: .625rem;
    }

    .xxl_ormargin_20_bot {
        margin-bottom: 1.25rem;
    }

    .xxl_ormargin_30_bot {
        margin-bottom: 1.875rem;
    }

    .xxl_ormargin_40_bot {
        margin-bottom: 2.5rem;
    }

    .xxl_ormargin_50_bot {
        margin-bottom: 3.125rem;
    }

    .xxl_ormargin_60_bot {
        margin-bottom: 3.75rem;
    }

    .xxl_ormargin_70_bot {
        margin-bottom: 4.375rem;
    }

    .xxl_ormargin_80_bot {
        margin-bottom: 5rem;
    }

    .xxl_ormargin_90_bot {
        margin-bottom: 5.625rem;
    }

    .xxl_ormargin_100_bot {
        margin-bottom: 6.25rem;
    }

    .xxl_ormargin_10_topi {
        margin-top: -.625rem
    }

    .xxl_ormargin_20_topi {
        margin-top: -1.25rem
    }

    .xxl_ormargin_30_topi {
        margin-top: -1.875rem
    }

    .xxl_ormargin_40_topi {
        margin-top: -2.5rem
    }

    .xxl_ormargin_50_topi {
        margin-top: -3.125rem
    }

    .xxl_ormargin_60_topi {
        margin-top: -3.75rem
    }

    .xxl_ormargin_70_topi {
        margin-top: -4.375rem
    }

    .xxl_ormargin_80_topi {
        margin-top: -5rem
    }

    .xxl_ormargin_90_topi {
        margin-top: -5.625rem
    }

    .xxl_ormargin_100_topi {
        margin-top: -6.25rem
    }

    .xxl_ormargin_10_boti {
        margin-bottom: -.625rem;
    }

    .xxl_ormargin_20_boti {
        margin-bottom: -1.25rem;
    }

    .xxl_ormargin_30_boti {
        margin-bottom: -1.875rem;
    }

    .xxl_ormargin_40_boti {
        margin-bottom: -2.5rem;
    }

    .xxl_ormargin_50_boti {
        margin-bottom: -3.125rem;
    }

    .xxl_ormargin_60_boti {
        margin-bottom: -3.75rem;
    }

    .xxl_ormargin_70_boti {
        margin-bottom: -4.375rem;
    }

    .xxl_ormargin_80_boti {
        margin-bottom: -5rem;
    }

    .xxl_ormargin_90_boti {
        margin-bottom: -5.625rem;
    }

    .xxl_ormargin_100_boti {
        margin-bottom: -6.25rem;
    }

    .xxl_ornomargin {
        margin-top: 0;
        margin-bottom: 0
    }

    .xxl_margin_auto {
        margin-left: auto;
        margin-right: auto
    }

    .xxl_clear {
        clear: both;
    }

    .xxl_none {
        display: none !important;
    }

    .xxl_block {
        display: block !important;
    }

    .xxl_text_center {
        text-align: center !important
    }

    .xxl_text_left {
        text-align: left !important
    }

    .xxl_text_right {
        text-align: right !important
    }

    .xxl_text_justify {
        text-align: justify !important
    }

    .xxl_light {
        font-weight: 300;
    }

    .xxl_regular {
        font-weight: 400;
    }

    .xxl_medium {
        font-weight: 500;
    }

    .xxl_bold {
        font-weight: 900;
    }

    .xxl_lineHeight100 {
        line-height: 100%;
    }

    .xxl_lineHeight110 {
        line-height: 110%;
    }

    .xxl_lineHeight120 {
        line-height: 120%;
    }

    .xxl_lineHeight130 {
        line-height: 130%;
    }

    .xxl_lineHeight140 {
        line-height: 140%;
    }

    .xxl_lineHeight150 {
        line-height: 150%;
    }

    .xxl_lineHeight160 {
        line-height: 160%;
    }

    .xxl_lineHeight170 {
        line-height: 170%;
    }

    .xxl_lineHeight180 {
        line-height: 180%;
    }

    .xxl_lineHeight190 {
        line-height: 190%;
    }

    .xxl_lineHeight200 {
        line-height: 200%;
    }

    .xxl_letterAdjust01 {
        letter-spacing: -.01em;
    }

    .xxl_letterAdjust02 {
        letter-spacing: -.02em;
    }

    .xxl_letterAdjust03 {
        letter-spacing: -.03em;
    }

    .xxl_letterAdjust04 {
        letter-spacing: -.04em;
    }

    .xxl_letterAdjust05 {
        letter-spacing: -.05em;
    }

    .xxl_letterAdjust01a {
        letter-spacing: .01em;
    }

    .xxl_letterAdjust02a {
        letter-spacing: .02em;
    }

    .xxl_letterAdjust03a {
        letter-spacing: .03em;
    }

    .xxl_letterAdjust04a {
        letter-spacing: .04em;
    }

    .xxl_letterAdjust05a {
        letter-spacing: .05em;
    }
}

@media (min-width: 85.4375rem) and (max-width:104.9375rem) {
    :root {
        --or-width: 82.5rem
    }

    .or_blockwidth {
        max-width: var(--or-width);
        width: 92%
    }
}

@media (min-width: 105rem) {
    .or_blockwidth {
        max-width: var(--or-width);
        width: 92%
    }
}

.orS2P .orS2P_list {
    max-width: var(--or-width);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column
}

.or_nofix.orS2P .orS2P_list {
    width: auto;
    margin-left: var(--or-fixed-margin);
    margin-right: var(--or-fixed-margin);
    max-width: initial
}

.or_nofix.full.orS2P .orS2P_list {
    margin-left: 0;
    margin-right: 0
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    height: 36.625rem
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner.rk {
    justify-content: flex-end
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div {
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div.toKill {
    transition: all 1s ease-in-out;
    margin-left: -100%
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div.toKillprev {
    transition: all 1s ease-in-out;
    margin-right: -100%
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_image {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_image>img {
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-width: none
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text {
    width: var(--or-width);
    margin-top: -36.625rem;
    height: 36.625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text h3 {
    flex-grow: 1;
    width: 90%;
    margin: 1.25rem auto 0;
    font-size: 3.125rem;
    text-shadow: 0 0 .3125rem var(--or-menu-extra-button)
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text>a {
    padding: .625rem;
    width: 40%;
    min-width: 15.625rem;
    font-size: 2.1875rem;
    font-family: var(--or-alt-font);
    height: 4.125rem;
    max-width: 29rem;
    background-color: var(--or-web-corp-altcolor);
    color: var(--or-web-corp-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.25rem;
    margin-bottom: 5.625rem
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text>a:hover {
    background-color: var(--or-web-corp-color);
    color: var(--or-web-corp-altcolor)
}

.orS2P .orS2P_list .orS2P_slideBannerList {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: .625rem
}

.orS2P .orS2P_list .orS2P_slideBannerList .orS2P_slideItem {
    min-width: 11.25rem;
    max-width: 11.25rem;
    cursor: pointer;
    margin-right: .625rem
}

.orS2P .orS2P_list .orS2P_slideBannerList .orS2P_slideItem:last-of-type {
    margin-right: 0
}

.orS2P .orS2P_list .orS2P_slideBannerList .orS2P_slideItem * {
    transition: all 1s ease-in-out
}

.orS2P .orS2P_list .orS2P_slideBannerList .orS2P_slideItem.selected {
    transition: all 1s ease-in-out;
    background-color: var(--or-web-corp-color);
    cursor: default
}

.orS2P .orS2P_list .orS2P_slideBannerList .orS2P_slideItem.selected>.orS2P_slideBanner_image,
.orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets .orS2P_slideItem.selected>.orS2P_bullet {
    opacity: .5
}

.orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets .orS2P_slideItem .orS2P_slideBanner_image,
.orS2P .orS2P_list .orS2P_slideBannerList .orS2P_slideItem .orS2P_slideBanner_text {
    display: none
}

.orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets {
    justify-content: center;
    margin-top: -3.75rem;
    height: 3.75rem
}

.orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets .orS2P_slideItem,
.orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets .orS2P_slideItem.selected {
    background-color: transparent;
    min-width: .625rem;
    max-width: .625rem
}

.orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets .orS2P_slideItem>.orS2P_bullet {
    display: block;
    width: .625rem;
    height: .625rem;
    border-radius: .3125rem;
    background-color: var(--or-web-corp-altcolor)
}

.orS2P_navArrows {
    display: flex;
    width: 100%;
    min-height: 0;
    position: relative;
    top: -20rem;
    justify-content: space-between;
    margin-bottom: 0;
    overflow: visible;
    height: 0
}

.orS2P_navArrows>span {
    display: flex;
    width: 4.375rem;
    justify-content: center;
    height: 3.75rem
}

.orS2P_navArrows span:before {
    content: '\e806';
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    font-family: or-icon-tpl;
    font-size: 2.5rem;
    line-height: 1.75rem;
    padding: .3125rem;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 0 .3125rem #222
}

.orS2P_navArrows span.or_prev:before {
    transform: rotate(-90deg)
}

.orS2P_navArrows span.or_next:before {
    transform: rotate(90deg)
}

@media (max-width: 47.9375rem) {
    .orS2P .orS2P_list {
        max-width: 100%;
        max-height: 100vw
    }

    .orS2P_navArrows {
        top: calc(-100vw / 2)
    }

    .orS2P_navArrows>span {
        width: 2.5rem;
        height: 2.5rem
    }

    .orS2P_navArrows span:before {
        font-size: 1.875rem
    }

    .orS2P .orS2P_list .orS2P_slideBannerList.orS2P_bullets {
        height: 1.875rem;
        margin-top: -1.875rem
    }

    .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_image {
        width: auto;
        max-width: none
    }

    .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text {
        margin-top: -100vw;
        height: 100vw
    }

    .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text h3 {
        width: auto;
        font-size: 1.6875rem;
        color: #FFF
    }

    .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text>a {
        margin-bottom: 3.125rem;
        height: 3.125rem;
        font-size: 1.4375rem;
        min-width: 12.5rem
    }

    .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_image>img {
        width: auto;
        max-height: 100%
    }
}


/*--------------------------------------------------------------
        1.1 FONTS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        1.2 ROOT
--------------------------------------------------------------*/

:root {
    --or-main-color: #9E8D85;
    --or-alt-color: #5B504B;
    --or-main-btncolor: #A49791;
    --or-alt-btncolor: #57554C;
    --or-playfair-p-color: #79777A;
    --or-black-color: #0F1215;
    --or-black-color-alt: #252321;
    --or-illador-color: #86714A;
    --or-illador-textcolor: #C2A76C;
    --or-illador-textcolor-hover: #E1C280;
    --or-illador-bgcolor: #F8F3EA;
    --or-banner-two-color: #BBCCC2;
    --or-banner-three-color: #B4975B;
    --or-banner-four-color: #E1C6AD;
    --or-rgpd-color: var(--or-main-btncolor);

    /* MENÚ DE NAVEGACIÓN */
    /* Background del menú */
    --or-menu-container-color: #FFFF;
    /* Color del fondo del menu */
    --or-menu-text-color: #FFFF;
    /* Background del menu en float */
    --or-menu-container-float-color: #FFFF;
    /* Color del texto del menu */
    --or-menu-lang-bgcolor: var(--or-main-color);
    /* Color del fondo del menú de idioma */
    --or-menu-lang-txtcolor: var(--or-main-color);
    /* Color del boton de idioma on hover */
    --or-menu-lang-bgcolor-hover: transparent;
    /*Color del boton de idioma on hover */
    --or-menu-lang-txtcolor-hover: var(--or-main-color);
    /* Color del boton de idioma on hover */
    --or-menu-text-bgcolor: transparent;
    /* Color del fondo del menú de links */
    --or-menu-text-txtcolor: #FFFFFF;
    /* Color del texto del menú de links */
    --or-menu-text-bgcolor-hover: transparent;
    /* Color del boton de links on hover */
    --or-menu-text-txtcolor-hover: #262a34;
    /* Color del boton de links on hover */
    --or-menu-textdisplay-bgcolor: #fff;
    /* Color del fondo del menú de links */
    --or-menu-textdisplay-txtcolor: #262a34;
    /* Color del fondo del menú de links */
    --or-menu-extra-txt: #FFFFFF;
    /* Color del text del boton Ventajas Exlusivas */
    --or-menu-extra-bg: var(--or-main-color);
    /* Color del fondo del contenedor Ventajas Exlusivas */
    --or-menu-extra-button: #FFFFFF;
    /* Color del fondo del contenedor Ventajas Exlusivas */
    --or-menu-height: 93px;
    --or-menu-second-height: 75px;
    --or-web-text-color: var(--or-main-color);
    --or-web-bg-color: #FFFFFF;
    --or-web-corp-color: #302b2b;
    --or-web-corp-altcolor: var(--or-modal-color);
    /* FOOTER */
    --or-color-footer: #FFFF;
    /* TAMAÑO TIPOGRAFÍAS */
    --or-font-h1: 40px;
    --or-font-h1-small: 18px;
    --or-font-h1-isv2: 50px;
    --or-font-h1-small-isv2: 20px;
    --or-font-h2: 35.008px;
    --or-font-h2-small: 18px;
    --or-font-h3: 35.008px;
    --or-font-h3-small: 18px;
    --or-font-h4: 16px;
    --or-font-p: 15.2px;
    --or-font-p-big: 20.8px;
    --or-font-p-min: 11.2px;
    --or-font-p-min: 0.875rem;
    /*14px*/
    /* FAMILIA TIPOGRAFÍAS */
    --or-main-font: 'Shippori Mincho', serif;
    --or-title-font: 'Shippori Mincho', serif;
    --or-alt-font: 'Montserrat', sans-serif;
    --or-playfair-font: 'Playfair Display', serif;
    /* COLORES TIPOGRAFÍAS */
    --or-p-color: var(--or-alt-color);
    --or-titles-color: var(--or-alt-color);
    --or-selection-text-color: var(--or-alt-color);
    /* MAX WIDTH */
    --or-width: 1633px;
    --vue-width: 1470px;
    --or-width-be: 1289px;
    --or-mid-width: 1373px;
    --or-small-width: 1092px;
    /* COLORES ELEMENTOS */
    --or-section-color: #FAF7F5;
    --or-modal-color: #FFFF;
    --or-btn-color: transparent;
    --or-modal-txtcolor: #FFFF;
    --or-modal-alttxtcolor: #FFFF;
    /** Color de texto alternativo de los modals **/
    --or-be-bgcolor: #FFFFFF;
    /** Background color del cajetín **/
    --or-top: 50vh;
    --or-top-2: 75vh;
    --vue-box-top: var(--or-top);
    /** Posición fija del cajetín en la home  **/
    --or-be-cornerradius: 0px;
    /** Curvatura de las esquinas del cajetín **/
    --or-be-cornerradius-min: 0px;
    /** Curvatura de las esquinas de los inputs del cajetín **/
    --or-be-txtinput: var(--or-alt-color);
    /** Color del texto que aparece en los inputs del cajetin (standard. Original: #25272A;) **/
    --or-be-bginput: transparent;
    /** Color de fondo de los inputs del cajetín (debe contrastar con el txtinput para su legibilidad) **/
    --or-be-specialcolor: var(--or-main-btncolor);
    /** Color de los botones que aparecen en el cajetin (standard. Original: var(--or-be-specialcolor);) **/
    --or-be-txtspecial: var(--or-alt-color);
    /** Color que se imprime sobre el color especial cuando este está de fondo (debe poderse leer sobre el color especial) **/
    --or-accent-color: var(--or-alt-color);
    --or-selection-text-color: var(--or-main-btncolor);
    --or-be-roomsheight: 313px;
    /* Slides 2 Posts */
    --slider-width: var(--slides-2-post-width);
    --slider-height: var(--slides-2-post-height);
    --slides-2-post-width: var(--or-width);
    --slides-2-post-height: 586px;
    /* Slider Gallery */
    /* --slider-gallery-height: 793px; */
    --slider-gallery-height: calc((var(--slider-gallery-width) * 800) / 1200);
    --slider-gallery-width: 1100px;
    --slider-gallery-gap: 5px;
    /* Slider Cards */
    --slider-cards-height-image: 532px;
    --slider-cards-height-text: 360px;
    --slider-cards-height-text-sport: 270px;
    --slider-cards-width: 802px;
    --slider-cards-gap: 15px;
    /* Slider Modal Rooms */
    --slider-modal-rooms-height: 504px;
    --slider-modal-rooms-width: 760px;
    /* Slider Counter */
    --slider-counter-height: 20px;
    --slider-counter-padding: 20px;
    /* Blog */
    --or-width-blog: 1080px;
    --or-blog-header-h: 600px;
    --or-blog-grid-gap: 28px;

    --section-pad: 94px;

    /* Vuelo + Hotel */
    --beboxbtns-height: 40px;
    --beboxbtns-spacer: 30px;

}

/* Modificaciones Temporales Pair Programming */


/*--------------------------------------------------------------
    1.3 Basics
--------------------------------------------------------------*/

* {
    box-sizing: border-box;
    letter-spacing: 0.01em;
    will-change: auto !important;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
td,
tr,
button,
input,
select,
label {
    font-family: var(--or-main-font);
}

ul {
    padding: 0;
}

/* Barra Navegacion */

body::-webkit-scrollbar,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body::-webkit-scrollbar-button,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-button,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-button {
    width: 1px;
    height: 1px;
}

body::-webkit-scrollbar-corner,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-corner,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-corner {
    background: transparent;
}

body::-webkit-scrollbar-thumb,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-thumb,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-thumb {
    background: var(--or-main-color);
    border: 1px solid #fefefe;
    border-radius: 10px;
}

body::-webkit-scrollbar-track,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-track,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-track {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Link */
a {
    color: var(--or-alt-color);
}

a:hover {
    color: var(--or-alt-color);
    text-decoration: underline;
}

canvas,
img,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}


/* Opacidades */
.opacity_none {
    opacity: 1;
}

.opacity0 {
    opacity: 0.0;
}

.opacity1 {
    opacity: 0.1;
}

.opacity2 {
    opacity: 0.2;
}

.opacity3 {
    opacity: 0.3;
}

.opacity4 {
    opacity: 0.4;
}

.opacity5 {
    opacity: 0.5;
}

.opacity6 {
    opacity: 0.6;
}

.opacity7 {
    opacity: 0.7;
}

.opacity8 {
    opacity: 0.8;
}

.opacity9 {
    opacity: 0.9;
}

/* Colores */
.color_main,
.color_main em,
.color_main h1,
.color_main h2,
.color_main h3,
.color_main p {
    color: var(--or-main-color);
}

.color_alt,
.color_alt em,
.color_alt h1,
.color_alt h2,
.color_alt h3,
.color_alt p {
    color: var(--or-alt-color);
}

.color_blanco,
.color_blanco em,
.color_blanco h1,
.color_blanco h2,
.color_blanco h3,
.color_blanco p {
    color: #fff;
}

.color_gris {
    color: #40504E;
}

.color_blanco {
    color: #FFFFFF;
}

.color_azul {
    color: #04bfe6;
}

.color_purpura {
    color: #5d4a72;
}

.color_naranja {
    color: #e19332;
}

.color_negro {
    color: #161515;
}

.color_lila {
    color: #b15693;
}

.color_verde {
    color: #1fb129;
}

/* Margenes */

.margin_auto {
    margin-left: auto;
    margin-right: auto;
}

.m_margin .or_blockwidth {
    max-width: 100%;
    width: 100%;
}

.no_display {
    display: none !important;
}

/* Backgrounds */
.no_fondo {
    background-color: transparent;
}

.fondo_blanco {
    background-color: #FFFFFF;
}

.fondo_negro {
    background-color: var(--or-black-color);
}

.fondo_section {
    background-color: var(--or-section-color);
}

.fondo_section_special {
    background: linear-gradient(to top, var(--or-section-color) 50%, #FFFFFF 0%);
}

.fondo_banner_hotel_one {
    background-color: var(--or-section-color);
}

.fondo_banner_hotel_two {
    background-color: var(--or-banner-two-color);
}

.fondo_banner_hotel_three {
    background-color: var(--or-banner-three-color);
}

.fondo_banner_hotel_four {
    background-color: var(--or-banner-four-color);
}

.fondo_footer_secondary {
    background-color: var(--or-alt-color);
}

/***
* Agregamos todos los fondos lisos que veamos en el mockup
.fondo_azul { background-color: #7AC1DF; }
.fondo_crema { background-color: #FAFAF2; }
*/

/* Selection:
 * NOTA: Si --or-main-color es muy claro modificar el color: #FFF por el negro
*/
::selection {
    background: var(--or-main-color);
    color: #fff !important;
}

.sppb-row-container {
    max-width: var(--or-width);
    padding-left: inherit;
    padding-right: inherit;
}

/*--------------------------------------------------------------
    1.4 Elementos
--------------------------------------------------------------*/

.or_home_class h1 {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1);
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
    margin-top: 50vh;
    width: 100%;
}

.or_home_class h1>small {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1-small);
    margin-top: 10px;
}

h1 {
    text-shadow: 0px 3px 6px rgba(113 113 113 / 100%);
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1);
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 1px;
    display: flex;
    flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 8%;
}

h1.special-h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0.83em;
}

h1>small {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1-small);
    text-transform: uppercase;
    letter-spacing: 1px;
}

h1.special>small {
    font-size: 40px;
}

h1.special-h1 {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h2);
    color: var(--or-titles-color);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 50px;
    letter-spacing: 1px;
    text-shadow: initial;
}

h1.special-h1>small {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h2-small);
    text-transform: uppercase;
    color: var(--or-titles-color);
    letter-spacing: 1px;
}

h1.is-v2 {
    width: 100%;
    max-width: var(--or-width);
    font-size: var(--or-font-h1-isv2);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: normal;
    align-items: flex-start;
    margin: 0;
    text-shadow: none;
}

h1.is-v2>small {
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: var(--or-font-h1-small-isv2);
}

@media (max-width: 1024px) {
    h1.is-v2 {
        line-height: 50px;
        align-items: center;
        max-width: 60%;
    }
}

h2,
.h2 {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h2);
    color: var(--or-titles-color);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
}

h2>small,
.h2>small {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h2-small);
    text-transform: uppercase;
    color: var(--or-titles-color);
    letter-spacing: 1px;
    margin-top: 10px;
}

h2.hasnot-margin {
    margin: 0;
}

h2.has-onlymarginbot {
    margin-top: 0;
    margin-bottom: 70px;
}

h2.is-fontweight400 {
    font-weight: 400;
}

h2.is-smallwhite>small {
    color: white;
}

h3,
.or-navextra-heading {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h3);
    text-shadow: 0px 3px 6px rgba(113 113 113 / 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

h3>small,
.or-navextra-heading>small {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h3-small);
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 1px;
}

h4 {
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h4);
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

p {
    font-family: var(--or-alt-font);
    font-size: var(--or-font-p);
    color: var(--or-p-color);
    line-height: 170%;
    font-weight: 400;
    padding-bottom: 20px;
}

.or-navextra-heading {
    margin: 1em 0;
    padding: 0;
    line-height: inherit;
}

strong {
    font-weight: 500;
    font-family: inherit;
}

span {
    font-family: inherit;
}

small {
    font-family: inherit;
}

.semi-bold {
    font-weight: 600;
}

div,
th,
tr,
td,
li,
a {
    font-family: var(--or-alt-font);
}

a.linkAlt {
    font-family: var(--or-alt-font) !important;
}

em {
    color: inherit;
}

.or-fullCover .or-modal-header .or-close,
.or-fullsize .or-modal-header .or-close {
    width: 59px;
    height: 59px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 59.008px;
    line-height: 0;
    top: 20px;
}

.or-fullCover .or-modal-container .or-modal-header .oricon-close {
    display: flex;
    width: 59px;
    height: 59px;
    justify-content: center;
    align-items: center;
}

/** BOTONES **/


#wp-page a.btn,
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--or-alt-color);
    cursor: pointer;
    border: 1px solid var(--or-alt-color);
    border-radius: 2px;
    font-family: var(--or-alt-font);
    font-size: 14.4px;
    font-weight: 500;
    height: 45px;
    min-height: 45px;
    max-width: 309px;
    min-width: 309px;
    padding: 5px;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

#wp-page a.btn:hover,
.btn:hover {
    color: #FFFFFF;
    background-color: var(--or-alt-color);
    text-decoration: none;
}

.btn-secondary {
    background-color: var(--or-main-btncolor);
    color: #FFFFFF;
    border: initial;
}

.btn-secondary:hover {
    color: #FFFFFF;
    background-color: var(--or-alt-color);
}

.btn-white {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.btn-white:hover {
    color: #FFFFFF;
    background-color: var(--or-alt-color);
    border: none;
}

.btn-illador {
    color: white;
    background-color: var(--or-illador-textcolor);
    border: none;
    height: 60px;
}

.btn-illador:hover {
    background-color: var(--or-illador-textcolor-hover);
    color: white;
}

.btn-illador-alt {
    color: var(--or-illador-textcolor);
    border: 1px solid var(--or-illador-textcolor);
    height: 60px;
}

.btn-illador-alt-2 {
    color: var(--or-black-color);
    border: 1px solid var(--or-illador-textcolor);
    height: 60px;
}

.btn-illador-alt:hover,
.btn-illador-alt-2:hover {
    color: white;
    background-color: var(--or-illador-textcolor);
    border: none;
}

.btn-none {
    display: none;
}

a.underline-off {
    text-decoration: none;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-doblebtn.onebtn {
    grid-template-columns: auto;
}

/* Ajustes Safari*/
.isSafari input:matches([type="button"], .isSafari [type="submit"], .isSafari [type="reset"]) {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0
}



/*--------------------------------------------------------------
    1.5 Bloques
--------------------------------------------------------------*/


/*--------------------------------------------------------------
        1.5.0 beStyles.css
    --------------------------------------------------------------*/

/*--------------------------------------------------------------
        1.5.0.1 Bloques generales
    --------------------------------------------------------------*/

.orimg_effect {
    display: flex;
    overflow: hidden;
    width: 400px;
    height: 400px;
}

/*.orimg_effect .orimg_effect_image
    {
     
    }*/

.orimg_effect .orimg_effect_texto {
    width: 300px;
    height: 300px;
    padding: 50px;
    margin-left: -100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(46, 154, 186, 0);
    text-align: left;
    color: #FFF;

}

.orimg_effect .orimg_effect_texto * {
    transition: all .35s ease-in-out;
}

.orimg_effect.hover .orimg_effect_texto,
.orimg_effect.hoverOut .orimg_effect_texto {

    -webkit-transition: background .35s ease-out;
    -moz-transition: background .35s ease-out;
    -o-transition: background .35s ease-out;
    transition: background .35s ease-out;
    /*background-color: rgba(46,154,186,0.9);*/
}

.orimg_effect .orimg_effect_texto .orimg_effect_title {
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    font-weight: 900;
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h3);
    line-height: 110%;
    position: absolute;
    justify-content: center;
    text-align: center;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_title {
    height: auto;
    align-items: flex-end;
    text-align: left;
    position: inherit;
    justify-content: flex-start;
}


.orimg_effect .orimg_effect_texto .orimg_effect_title {
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    font-weight: 900;
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h3);
    line-height: 110%;
    position: relative;
    justify-content: center;
    text-align: center;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_title {
    position: inherit;
    justify-content: flex-start;
    /*margin-bottom: -120px;*/
}

.orimg_effect .orimg_effect_texto .orimg_effect_hidden {
    transform: scale(0);
    opacity: 0;
    position: absolute;
    max-width: 300px;
    display: none;
}

.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
    transform: scale(0) translate(0, 100%);
    opacity: 0;
    position: relative;
    display: block;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
    transform: scale(1);
    opacity: 1;
    position: relative;
    display: block;
}

.orimg_effect.hover .orimg_effect_texto,
.orimg_effect.hoverOut .orimg_effect_texto,
.orimg_effect.hover .orimg_effect_texto .orimg_effect_title,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_title,
.orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
    animation-duration: .35s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    -webkit-animation-duration: .35s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: normal;
}

.orimg_effect.hoverOut .orimg_effect_texto {
    background-color: rgba(46, 154, 186, 0.9);
    -webkit-transition: background .35s ease-out;
    -moz-transition: background .35s ease-out;
    -o-transition: background .35s ease-out;
    transition: background .35s ease-out;
}

.orimg_effect.hover .orimg_effect_texto,
.orimg_effect.hoverOut .orimg_effect_texto {
    animation-name: imgEffectBg;
    -webkit-animation-name: imgEffectBg;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_title,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_title {
    animation-name: imgEffectTitlein;
    -webkit-animation-name: imgEffectTitlein;
}

.orimg_effect.hover .orimg_effect_texto.hover .orimg_effect_hidden,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
    animation-name: imgEffectHidden;
    -webkit-animation-name: imgEffectHidden;
}

.orimg_effect.hoverOut .orimg_effect_texto,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_title,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
}

@-webkit-keyframes imgEffectBg {
    from {
        background-color: rgba(46, 154, 186, 0);
    }

    to {
        background-color: rgba(46, 154, 186, 0.9);
    }
}

/* Standard syntax */
@keyframes imgEffectBg {
    from {
        background-color: rgba(46, 154, 186, 0);
    }

    to {
        background-color: rgba(46, 154, 186, 0.9);
    }
}

@-webkit-keyframes imgEffectTitlein {
    from {
        height: 300px;
        align-items: center;
        text-align: center;
        position: absolute;
        justify-content: center;
    }

    to {
        height: auto;
        align-items: flex-end;
        text-align: left;
        position: inherit;
        justify-content: flex-start;
    }
}

/* Standard syntax */
@keyframes imgEffectTitlein {
    from {
        height: 300px;
        align-items: center;
        text-align: center;
        position: absolute;
        justify-content: center;
    }

    to {
        height: auto;
        align-items: flex-end;
        text-align: left;
        position: inherit;
        justify-content: flex-start;
    }
}

@-webkit-keyframes imgEffectHidden {
    from {
        transform: translate(0%, 100%) scale(0);
        opacity: 0;
        position: relative;
    }

    to {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
        position: relative;
    }
}

/* Standard syntax */
@keyframes imgEffectHidden {
    from {
        transform: translate(0%, 100%) scale(0);
        opacity: 0;
    }

    to {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
    }
}

/*--------------------------------------------------------------
        1.5.1 Bloques generales
    --------------------------------------------------------------*/

section {
    padding: 100px 0;
}

section.no_pad {
    padding: 0;
}

section.no_pad_top {
    padding-top: 0;
}

section.no_pad_bot {
    padding-bottom: 0;
}

.section.nopadding_top {
    padding-top: 0;
}

.section.nopadding_bot {
    padding-bottom: 0;
}

.listado-fichas-hotel.or_nomargin {
    margin-top: 0;
}

.section {
    padding: 94px 0;
}

.section-top {
    padding-top: 94px;
}

.section-bottom {
    padding-bottom: 94px;
}

.section.is-bigger {
    padding: 130px 0;
}

.section-top.is-bigger {
    padding-top: 130px;
}

.section-bottom.is-bigger {
    padding-bottom: 130px;
}

/* Ancho base de los bloques */
.or_blockwidth {
    width: var(--or-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
}



.or_blockwidth {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

/* Bloques */

.or_blockwidth {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.block-center {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.flex-end .sppb-column,
.flex-end .sppb-column-addons {
    align-items: flex-end;
}

.flex-start .sppb-column,
.flex-start .sppb-column-addons {
    align-items: flex-start;
}

/*--------------------------------------------------------------
        1.5.2 Bloque Headers
    --------------------------------------------------------------*/

[class*="bg-header-"] {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 614px;
}

[class*="bg-header-"]>.or_blockwidth {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 614px;
}

[class*="bg-header-"].section-full-size>.or_blockwidth,
[class*="bg-header-"].section-full-size {
    min-height: 100vh;
}

/* Bloque Backgrounds */

[class*="bg_"] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 614px;
}


/* Bloque Backgrounds Small */

[class*="bg_"]>.or_blockwidth {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 614px;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}

/* Banner de Alguna Duda */

.bg_contacto-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 274px;
    height: 274px;
}

.bg_contacto-footer>.or_blockwidth {
    justify-content: center;
    align-items: center;
    min-height: 274px;
}

/*--------------------------------------------------------------
        1.5.3 Center Block
    --------------------------------------------------------------*/

.center_block {
    padding: 90px 0;
}

.center_block.clear_up {
    padding: 0 0 90px 0;
}

.center_block.clear_down {
    padding: 90px 0 0 0;
}

.center_block .sppb-addon-content {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 300px;
    max-width: 560px;
    margin: 0 auto;
}

.center_block h2 {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.center-content>.or_blockwidth {
    max-width: 764px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
}

.center-content-paragraph {
    max-width: 764px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
}



/*--------------------------------------------------------------
        1.5.4 Picture
    --------------------------------------------------------------*/

/*--------------------------------------------------------------
        1.5.5 Iconos
    --------------------------------------------------------------*/

[class^="icon-"]::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    content: "";
}

.icon-four-stars-sup::before {
    background-image: url(/images/hoposa/icons/icon-four-stars-sup.svg);
    margin-bottom: 20px;
    width: 140px;
    height: 30px;
}

.icon-four-stars::before {
    background-image: url(/images/hoposa/icons/icon-four-stars.svg);
    margin-bottom: 20px;
    width: 120px;
    height: 30px;
}

.icon-three-stars::before {
    background-image: url(/images/hoposa/icons/icon-three-stars.svg);
    margin-bottom: 20px;
    width: 98px;
    height: 30px;
}

.icon-three-keys::before {
    background-image: url(/images/hoposa/icons/icon-three-keys.svg);
    margin-bottom: 20px;
    width: 96px;
    height: 30px;
}

.icon-three-keys-sup::before {
    background-image: url(/images/hoposa/icons/icon-three-keys.svg);
    margin-bottom: 20px;
    width: 96px;
    height: 30px;
    content: "SUP";
    padding-left: 110px;
    font-size: 12.8px;
    padding-top: 6px;
    box-sizing: border-box;
    text-shadow: 0 0 4px #333;
}

.icon-four-keys::before {
    background-image: url(/images/hoposa/icons/icon-four-keys.svg);
    margin-bottom: 20px;
    width: 120px;
    height: 30px;
}

.icon-cocktail::before {
    background-image: url(/images/hoposa/icons/icon-cocktail.svg);
    margin-right: 20px;
    margin-left: -45px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 30px;
}

.icon-descuento::before {
    background-image: url(/images/hoposa/icons/icon-descuento.svg);
    margin-right: 20px;
    margin-left: -45px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 30px;
}

.icon-pago::before {
    background-image: url(/images/hoposa/icons/icon-pago.svg);
    margin-right: 20px;
    margin-left: -45px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 30px;
}

.icon-wifi::before {
    background-image: url(/images/hoposa/icons/icon-wifi.svg);
    margin-right: 20px;
    margin-left: -45px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 30px;
}

.icon-arrow-footer::before {
    background-image: url(/images/hoposa/icons/icon-arrow-footer.svg);
    margin-left: 10px;
    height: 15px;
    width: 15px;
}


/* Icono General Para el despliegue de Menús en Mv */

.icon-arrow-deploy::before {
    background-image: url(/images/hoposa/icons/icon-arrow-deploy.svg);
    margin-left: 10px;
    display: none;
    height: 15px;
    width: 15px;
}

.oricon-close:before {
    background-image: url(/images/hoposa/icons/icon-close-color.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    font-size: 50px;
    position: relative;
    color: var(--or-main-color);
    width: 1.2em;
    height: 1.2em;
}

.ow-modalItem .ow-close span {
    display: none;
}

.ow-modalItem .ow-close::before {
    background-image: url(/images/hoposa/icons/icon-close-modal.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    z-index: 99999;
    width: 25px;
    height: 25px;
    float: right;
    right: 50%;
    top: 20%;
    display: block;
    content: "";
}

.ow-modalItem .ow-close>svg {
    display: none;
}

/* Icono del menú de navegación */

.arrow-menu {
    cursor: pointer;
    display: block;
    height: 10px;
    width: 10px;
}

/*--------------------------------------------------------------
        1.5.6 Modals
--------------------------------------------------------------*/

#ormodal_controller>div.displayed,
#ormodal_controller>div.show,
#ormodal_controller>div.hide {
    background-color: rgba(91, 80, 75, .75);
}

.ow-modalItem,
.or-fullCover,
.or-fullsize,
#buscador .t-modal {
    background-color: rgba(91, 80, 75, 0.75);
}

.ow-modalItem {
    max-height: 100vh;
    overflow: auto;
}

/* Modal Open Room */

.modal-open-room {
    background-color: rgba(91, 80, 75, 0.75);
    top: var(--or-menu-second-height);
    display: none;
    position: fixed;
    padding-bottom: 60px;
    z-index: 99999;
    overflow: auto;
    width: 100%;
    height: calc(100% - 75px);
    left: 0;
}

/* Modal Content General */

.modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
}

/* The Close Button */

.modal-open-room>.icon-close-modal {
    background-image: url("/images/hoposa/icons/icon-close-modal.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    z-index: 99999;
    width: 25px;
    height: 25px;
    float: right;
    right: 3%;
    top: 3%;
}

/* Modal Detalles Habitación */

.modal-room-details .modal-content .titulo-habitacion {
    font-family: var(--or-main-font);
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 0.6px;
    font-weight: 700;
    font-size: 30px;
    color: var(--or-alt-color);
    margin: 40px 0;
    text-align: center;
}

.modal-room-details .modal-content .servicios-habitacion {
    font-size: 14.4px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    width: 80%;
}

.modal-room-details .modal-content {
    background-color: #FEFEFE;
    margin-bottom: 50px;
    width: 100%;
    top: 8%;
    max-width: 760px;
}

.t-modal .t-modal__container {
    display: block;
}

.t-modal .t-modal__header {
    position: inherit;
    width: 100%;
}

.t-modal,
.t-modal__container,
.t-modal__body {
    transition: none !important;
    animation: none !important;
}

/* owModal */


/*--------------------------------------------------------------
        1.5.6.1 Modal PopUp
--------------------------------------------------------------*/

.or_popup.or-fullCover .or-modal-container {
    display: grid;
    width: 100%;
    max-width: 1260px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    height: auto;
}

.or_popup.or-fullCover .or-modal-container .or-modal-body {
    display: flex;
    width: 100%;
    background-color: #FFFFFF;
    margin: 0;
}

.or_popup.or-fullCover .or-modal-container .or-modal-body>div {
    flex-grow: 1;
}

.or_popup.or-fullCover .or-modal-container .or-modal-header {
    position: fixed;
    top: 1vh;
    right: 1vh;
}

.or_popup.or-fullCover .or-modal-container .or-modal-header .oricon-close:before {
    filter: brightness(2);
}

.or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 400px;
    max-width: 50%;
    object-fit: cover;
    min-width: 50%;
}

.or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content {
    padding: 20px 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.or_popup.centro.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content {
    justify-content: center;
}

.or_popup.or-fullCover .or-modal-container .or-modal-footer {
    margin-left: 50%;
    margin-top: -130px;
}

.or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content h2 {
    font-size: 25.6px;
    margin: 20px auto;
}

.or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content h2 small {
    margin: 0;
}

#ormodal_controller>div.popUp {
    display: flex;
}

#or-popUp.show {
    width: 30vw;
    min-width: 300px;
    position: fixed;
    top: calc(var(--or-menu-height) + 40px);
    right: 40px;
    background-color: var(--or-banner-two-color);
    padding: 0;
    text-align: center;
    color: var(--or-modal-txtcolor);
    max-width: 500px;
    z-index: 3;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -moz-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

#or-popUp .or-popUp-icon-close {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    font-style: normal;
}

#or-popUp .or-popUp-icon-close:before {
    content: '✕';
    font-size: 20.8px;
    position: relative;
    color: var(--or-modal-txtcolor);
    left: inherit;
    top: inherit;
    width: 40px;
    height: 40px;
    background: none;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#or-popUp>.or-popUp-container>.or-popUp-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 90%;
    height: 90%;
    margin: 5%;
    color: #FFFFFF;
}

#or-popUp>.or-popUp-container>.or-popUp-body h2 {
    color: #FFFFFF;
    font-size: 25.6px;
    margin: 0 0 20px;
}

#or-popUp>.or-popUp-container>.or-popUp-body p {
    color: #FFFFFF;
    padding: 0 0 10px;
    font-size: 14.4px;
    line-height: 1.6;
}

#or-popUp>.or-popUp-container>.or-popUp-header {
    margin-bottom: -30px;
}

/*--------------------------------------------------------------
        1.5.7 Tarjetas Hover Cuadradas
--------------------------------------------------------------*/

.listado_fichas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}


.orimg_effect {
    background-color: initial;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 16px;
    max-width: 528px;
    width: 528px;
    height: auto;
}

.orimg_effect {
    cursor: pointer;
}

.orimg_effect.hover {
    cursor: default;
}

.infinatas .orimg_effect {
    /** JAUME **/
    background-color: initial;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-bottom: 16px;
    max-width: 532px;
    width: 532px;
    height: auto;
    overflow-y: hidden;
    max-height: 528px;
}

.infinatas .orimg_effect_image {
    justify-content: center;
    align-items: center;
    max-height: 528px;
    max-width: 528px;
}

.orimg_effect .orimg_effect_texto {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    max-width: 528px;
    height: initial;
    margin-left: initial;
    width: 100%;
    padding: initial;
    overflow: hidden;
}

.infinatas .orimg_effect .orimg_effect_texto {
    /** JAUME **/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    max-width: 528px;
    height: initial;
    margin-left: initial;
    width: 100%;
    padding: initial;
    overflow: hidden;
    height: 528px;
    margin-top: -100%;
    position: inherit;
    cursor: pointer;
}

.orimg_effect.hover .orimg_effect_texto {
    background-color: var(--or-modal-color);
}

.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
    display: none;
}

.orimg_effect.hoverOut .orimg_effect_texto {
    background-color: initial;
}

.orimg_effect.hover .orimg_effect_texto {
    justify-content: flex-start;
    padding: 80px 30px 20px 20px;
    min-height: 528px;
}

.orimg_effect .orimg_effect_texto h3 {
    text-shadow: 0px 3px 6px rgba(113 113 113 / 100%);
    font-family: var(--or-main-font);
    font-size: 25.6px;
    font-weight: 700;
    text-transform: uppercase;
}

.orimg_effect.hover .orimg_effect_texto h3 {
    text-transform: uppercase;
    text-shadow: initial;
    min-height: 75px;
    color: var(--or-main-color);
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 512px;
    height: 100%;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a.btn {
    margin-bottom: 20px;
    text-align: center;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p {
    font-family: var(--or-alt-font);
    text-align: center;
    color: var(--or-main-color);
    font-size: 14.4px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 78%;
    padding: 0;
}

.orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p:last-of-type {
    flex-grow: 1;
}


/* Quitamos las animaciones por defecto */

.orimg_effect .orimg_effect_texto *,
.orimg_effect.hover .orimg_effect_texto,
.orimg_effect.hoverOut .orimg_effect_texto,
.orimg_effect.hover .orimg_effect_texto.hover .orimg_effect_hidden,
.orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
    animation-name: none;
    -webkit-animation-name: none;
    transition: none;
    font-weight: 500;
}

/*--------------------------------------------------------------
       1.5.8 Grid Cards Asymmetric
--------------------------------------------------------------*/
/*
.listado_fichas_different {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.listado_fichas_different .column-one {
    max-width: 806px;
    width: 50%;
}

.listado_fichas_different .column-two {
    display: flex;
    flex-direction: column;
    width: 50%;
    max-width: 806px;
}

.listado_fichas_different .orimg_effect {
    margin-bottom: 0;
}

.listado_fichas_different .orimg_effect.margin-card {
    margin-bottom: 20px;
}

.column-two-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.listado_fichas_different .orimg_effect_image {
    max-width: initial;
    min-width: initial;
    max-height: initial;
}

.listado_fichas_different .orimg_effect {
    max-width: initial;
    min-width: initial;
    max-height: initial;
    height: auto;
    width: 100%;
}

.listado_fichas_different .orimg_effect.small {
    max-width: 392px;
}

.listado_fichas_different .orimg_effect .orimg_effect_texto {
    max-width: 806px;
}

.listado_fichas_different .orimg_effect.small .orimg_effect_texto {
    max-width: 392px;
}
*/


.grid-cards-asymmetric {
    display: grid;
    gap: 1vw;
    width: 100%;
    max-width: 100%;
    height: 100%;
    grid-template-rows: repeat(2, 279px);
    grid-template-columns: 2fr 1fr 1fr;
}

.grid-cards-asymmetric>div.orimg_effect {
    display: grid;
    grid-template: 1fr / 1fr;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.grid-cards-asymmetric>div.orimg_effect:nth-child(1) {
    grid-row: 1 / span 2;
    grid-column: 1;
}

.grid-cards-asymmetric>div.orimg_effect:nth-child(2) {
    grid-row: 1;
    grid-column: 2 / span 2;
}

.grid-cards-asymmetric>div.orimg_effect:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
}

.grid-cards-asymmetric>div.orimg_effect:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
}

.grid-cards-asymmetric .orimg_effect .orimg_effect_image {
    width: 100%;
    height: 100%;
}

.grid-cards-asymmetric div.orimg_effect picture {
    max-height: 100%;
}

.grid-cards-asymmetric>div.orimg_effect.hover>div {
    grid-row: 1;
    grid-column: 1;
    padding: 0;
    /* z-index: 1; */
}

.grid-cards-asymmetric>div.orimg_effect.hover {
    display: grid;
    grid-template: 1fr / 1fr;
}

.grid-cards-asymmetric>div.orimg_effect.hover>div.orimg_effect_texto {
    display: grid;
    grid-template: 0 1fr / 1fr;
    width: 100%;
    position: initial;
    height: 100%;
    max-width: 100%;
    min-height: 100%;
}

.grid-cards-asymmetric>div.orimg_effect.hover>div.orimg_effect_image picture {
    display: none;
}

.grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
    max-width: 100%;
    z-index: 0;
    width: 100%;
    display: grid;
    grid-template: 1fr / 1fr;
    height: 100%;
}

.grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto h3 {
    overflow: visible;
    margin-top: 50%;
    z-index: 1;
    margin: 0;
    color: #fff;
    position: sticky;
    top: calc(50% + 1vw - 75px);
}

.grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a.btn {
    margin-top: 120px;
}

.grid-cards-asymmetric .orimg_effect .orimg_effect_texto .orimg_effect_hidden {
    opacity: 1;
    position: initial;
    transform: scale(1);
    max-width: 100%;
}

.grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div {
    width: 100%;
    height: 100%;
}

.grid-cards-asymmetric>div.orimg_effect.hover:nth-child(1) .orimg_effect_texto h3 {
    top: calc(50% - 75px);
}

.grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>* {
    grid-row: 1;
    grid-column: 1;
}

.grid-cards-asymmetric .orimg_effect .orimg_effect_texto {
    position: initial;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.grid-cards-asymmetric>div.orimg_effect>* {
    grid-column: 1;
    grid-row: 1;
}

.listado_fichas_different .orimg_effect.hover .orimg_effect_texto {
    padding: 0;
    min-height: initial;
}

.listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a {
    position: absolute;
    bottom: 35%;
}

.listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
    max-width: initial;
}

.listado_fichas_different .orimg_effect.hover .orimg_effect_texto h3 {
    position: absolute;
    color: #FFFFFF;
    margin-top: 25%;
    z-index: 9999;
}

.listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto h3 {
    margin-top: 50px;
}

.listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a {
    bottom: 0;
    margin-bottom: 60px;
}

.listado_contador {
    display: none;
}

/*--------------------------------------------------------------
    1.5.9 ChatBot
--------------------------------------------------------------*/

.hi-widget-container {
    z-index: 100 !important;
}

/*--------------------------------------------------------------
    1.5.10 Formularios
--------------------------------------------------------------*/

.convertforms .cf-checkbox-group .cf-label,
.convertforms .cf-radio-group .cf-label {
    color: inherit;
}

.convertforms .cf-label .cf-required-label,
.convertforms .cf-control-input-desc {
    color: inherit;
}

.convertforms .cfupload .dz-message {
    border-color: var(--or-main-btncolor) !important;
    background-color: #FFFFFF;
}

/*--------------------------------------------------------------
    1.5.10.1 Formulario Newsletter
--------------------------------------------------------------*/

.section-suscribete>.or_blockwidth {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 80%;
}

/* Formulario Suscríbete */

.section-suscribete p {
    padding-bottom: 0px;
    font-weight: 500;
    line-height: 1.3;
}

.section-suscribete>p {
    padding-bottom: 30px;
}

.section-suscribete p:last-of-type {
    display: none;
}

/* Fideltour */
.section-suscribete.c-fideltour p:last-of-type {
    display: block;
}



.section-suscribete.c-fideltour #fideltour_form {
    display: grid;
    grid-template-columns: repeat(4, 1fr) 200px;
    width: 80%;
    margin: 40px auto 0;
    font-family: var(--or-alt-font);
    row-gap: 16px;
}

.section-suscribete.c-fideltour #fideltour_form span.submitted {
    grid-column: span 5;
    text-align: center;
}

.section-suscribete.c-fideltour #fideltour_form .form-group {
    min-width: 200px;
    padding: 0;
    display: flex;
    border-top: 1px solid var(--or-main-color);
    border-bottom: 1px solid var(--or-main-color);
    min-height: 52px;
    justify-content: space-between;
}

.section-suscribete.c-fideltour #fideltour_form .cf-input {
    height: 52px;
    border-color: var(--or-main-btncolor)
}

.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(1) input {
    border-right: none !important;
    border-top-right-radius: initial !important;
    border-bottom-right-radius: initial !important;
    font-size: 14.4px !important
}

.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(1):after,
.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(2):after,
.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(3):after,
.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(4):after {
    content: "";
    height: 38px;
    width: 1px;
    background: var(--or-main-color);
    display: block;
    margin-top: 7px;
    margin-left: -1px
}

.section-suscribete.c-fideltour #fideltour_form .form-group select,
.section-suscribete.c-fideltour #fideltour_form .form-group input {
    border: none;
    border-radius: 0;
    font-size: 14.4px;
    background: transparent;
    max-width: 95%;
    padding: 11px 13px;
    color: var(--or-main-color);
}

.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(2) input::placeholder,
.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(1) input::placeholder {
    color: var(--or-main-color) !important;
}

.section-suscribete.c-fideltour #fideltour_form input,
.section-suscribete.c-fideltour #fideltour_form select {
    flex-grow: 1;
    border-radius: 0;
    border: 1px solid var(--or-alt-btncolor);
    border-right: 0 none;
    outline: none;
}

.section-suscribete.c-fideltour #fideltour_form button {
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 200px;
    min-width: 200px;
    padding: 17px 15px;
    color: #ffffff;
    font-size: 14px;
    border: none;
    background-color: #a49791;
    height: auto;
}

.section-suscribete.c-fideltour #fideltour_form button:hover {
    background-color: var(--or-alt-color) !important;
    opacity: 1 !important
}

.section-suscribete.c-fideltour #fideltour_form .form-group.cf-lopd-text {
    grid-column: 1 / span 4;
    grid-row: 2;
    font-size: 9.6px;
    max-width: calc(var(--or-width) - 20%)
}

.section-suscribete.c-fideltour #fideltour_form .form-group.cf-policy {
    grid-column: 1 / span 4;
    grid-row: 3;
    justify-content: center
}

.section-suscribete.c-fideltour #fideltour_form .form-group.cf-lopd-text>input {
    padding: 15px 2px;
    color: var(--or-alt-color);
    font-weight: 500
}

.section-suscribete.c-fideltour #fideltour_form .cf-policy .cf-input {
    height: 24px
}

.section-suscribete.c-fideltour #fideltour_form .cf-checkbox-group {
    justify-content: center;
    margin: 20px 0
}

.section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(3) select option {
    font-family: var(--or-alt-font);
    font-size: 14px
}

.section-suscribete.c-fideltour #fideltour_form .cf-input * {
    font-family: var(--or-alt-font);
}

.section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-paragraph,
.section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-checkbox {
    grid-column: 1 / span 5;
    border: none;
}

.section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-checkbox {
    justify-content: center;
    align-items: center;
    justify-items: center;
}

.section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-checkbox * {
    flex-grow: 0;
    padding: 5px;
    font-size: 13px;
    color: var(--or-alt-color);
}

.section-suscribete.c-fideltour #fideltour_form * {
    font-family: var(--or-alt-font);
}

.section-suscribete.c-fideltour #fideltour_form .form-group:first-of-type {
    border-left: 1px solid var(--or-main-color);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.section-suscribete.c-fideltour #fideltour_form .formbuilder-button.form-group {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}





.form-newsletter .cf-fields {
    display: grid;
    grid-template-columns: auto auto auto auto;
    width: 80%;
    margin: 20px auto;
}

.form-newsletter .cf-control-group {
    min-width: 230px;
    padding: 0;
    display: flex;
}

.form-newsletter .cf-input {
    height: 52px;
    border-color: var(--or-main-btncolor);
}

.form-newsletter .cf-control-group:nth-child(1) {
    min-width: 230px;
}

.form-newsletter .cf-control-group:nth-child(1) input {
    border-right: none !important;
    border-top-right-radius: initial !important;
    border-bottom-right-radius: initial !important;
    font-size: 14.4px !important;
}

.form-newsletter .cf-control-group:nth-child(1):after,
.form-newsletter .cf-control-group:nth-child(2):after {
    content: "";
    height: 38px;
    width: 1px;
    background: var(--or-main-color);
    display: block;
    margin-top: 7px;
    margin-left: -1px;
}

.form-newsletter .cf-control-group:nth-child(2) {
    min-width: 290px;
}

.form-newsletter .cf-control-group:nth-child(3) select,
.form-newsletter .cf-control-group:nth-child(2) input {
    border-left: none !important;
    border-top-right-radius: initial !important;
    border-bottom-right-radius: initial !important;
    border-top-left-radius: initial !important;
    border-bottom-left-radius: initial !important;
    font-size: 14.4px !important;
    border-right: none !important;
}

.form-newsletter .cf-control-group:nth-child(2) input::placeholder,
.form-newsletter .cf-control-group:nth-child(1) input::placeholder {
    color: var(--or-main-color) !important;
}

.form-newsletter .cf-control-group:nth-child(3) {
    min-width: 290px;
}

.form-newsletter .cf-control-group:nth-child(4) {
    min-width: 180px;
}

.form-newsletter .cf-control-input {
    flex-grow: 1;
}

.form-newsletter button {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-newsletter button:hover {
    background-color: var(--or-alt-color) !important;
    opacity: 1 !important;
}

.form-newsletter .cf-control-group.cf-lopd-text {
    grid-column: 1 / span 4;
    grid-row: 2;
    font-size: 9.6px;
    max-width: calc(var(--or-width) - 20%);
}

.form-newsletter .cf-control-group.cf-policy {
    grid-column: 1 / span 4;
    grid-row: 3;
    justify-content: center;
}

.form-newsletter .cf-control-group.cf-lopd-text>.cf-control-input {
    padding: 15px 2px;
    color: var(--or-alt-color);
    font-weight: 500;
}

.form-newsletter .cf-policy .cf-input {
    height: 24px;
}

.form-newsletter .cf-checkbox-group {
    justify-content: center;
    margin: 20px 0;
}

.form-newsletter .cf-control-group:nth-child(3) select option {
    font-family: var(--or-alt-font);
    font-size: 14px;
}

.convertforms .cf-input * {
    font-family: var(--or-alt-font);
}

/*--------------------------------------------------------------
    1.5.10.2 Formulario Contacto Modal
--------------------------------------------------------------*/

#ormodal_controller .convertforms.displayed.contacto_form form,
#ormodal_controller .convertforms.show.contacto_form form,
#ormodal_controller .convertforms.hide.contacto_form form {
    max-width: 700px;
}

#ormodal_controller .contacto_form .cf-control-group span {
    font-family: var(--or-alt-font);
    font-size: 13.008px;
}

#ormodal_controller>div.displayed.contacto_form,
#ormodal_controller>div.show.contacto_form,
#ormodal_controller>div.hide.contacto_form {
    flex-direction: column-reverse;
}

#ormodal_controller>.contacto_form .ow-close {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    position: initial;
}

/*--------------------------------------------------------------
    1.5.10.3 Formulario Registro Agencias
--------------------------------------------------------------*/
.b-agency h1 {
    color: var(--or-alt-color);
    text-shadow: none;
}

.c-agency .cf-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
}

.c-agency.convertforms .cf-control-group {
    padding: 0;
}

.c-agency.convertforms .c-agency__rgpd.cf-control-group,
.c-agency.convertforms .cf-control-group.c-agency__recaptcha,
.c-agency.convertforms .c-agency__terms.cf-control-group,
.c-agency.convertforms .c-agency__button.cf-control-group {
    grid-column: 1 / span 2;
    justify-items: center;
    padding-top: 40px;
}

.c-agency .c-agency__terms .cf-checkbox-group,
.c-agency .c-agency__rgpd .cf-checkbox-group,
.c-agency .c-agency__recaptcha .g-recaptcha,
.c-agency .c-agency__button .cf-checkbox-group {
    justify-content: center;
    text-align: center;
    display: flex;
}

.c-agency.convertforms .cf-input {
    border-width: 1.92px;
    border-radius: 5px;
    border-color: var(--or-main-btncolor);
    color: var(--or-main-btncolor);
    font-size: 12.8px;
}

.c-agency.convertforms .cf-input::placeholder {
    font-size: 12.32px;
}

.c-agency .c-agency__rgpd .cf-control-input div {
    font-size: 10px;
    padding-top: 20px;
}

.c-agency.convertforms .cf-control-group.c-agency__terms {
    padding-top: 5px;
}

.c-agency.convertforms .cf-control-group.c-agency__terms * {
    font-size: 14px;
}

.c-agency .c-agency__button.cf-control-group button {
    margin: 0 auto;
    text-transform: uppercase;
}

.bg-header-agency {
    background-image: url(/images/hoposa/bg/bg-header-agency.webp);
}

.isSafari .bg-header-agency {
    background-image: url(/images/hoposa/bg/bg-header-agency.jpg);
}

a.t-agency__link {
    margin-top: 12px;
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
}

/*--------------------------------------------------------------
        1.5.11 Sliders
--------------------------------------------------------------*/

.owsliders-nav {
    width: 100%;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.owsliders-nav .icon-nav span {
    display: none;
}

.owsliders-nav .icon-nav:before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: or-icon-tpl;
    content: '\e806';
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 53vh;
    /* padding-bottom: 2.5px; */
    background-color: var(--or-main-btncolor);
}

.owsliders-nav .icon-nav.nav_prev:before {
    left: 2em;
    transform: rotate(-90deg);
}

.owsliders-nav .icon-nav.nav_next:before {
    right: 2em;
    transform: rotate(90deg);
}

.nav-owslider-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.nav-owslider-buttons>li::marker {
    display: none !important;
    content: "" !important;
}

.nav-owslider-buttons>li {
    display: block;
    content: "";
    background-image: url(/images/hoposa/icons/icon-dot-slider.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin: 0 3.5px;
    align-items: center;
    justify-content: center;
}

.nav-owslider-buttons>li.selected {
    background-image: url(/images/hoposa/icons/icon-dot-slider-selected.svg);
    width: 26px;
    height: 26px;
}

.owsliders-nav .icon-nav>svg {
    display: none;
}

/*--------------------------------------------------------------
        1.5.11.1 Slider Max
--------------------------------------------------------------*/

.slider-max {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.slider-max .owsliders-nav {
    order: 1;
}

.slider-max>div {
    order: 2;
}

.slider-max .nav-owslider-buttons {
    order: 3;
}

.slider-max .nav-owslider-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: -70px;
    z-index: 3;
}

.slider-max .slider-max-item::marker {
    content: "";
    display: none !important;
}

/* Prueba no mostrar fotos */
.slider-max .slider-max-list>.slider-max-item {

    display: none;
}

.slider-max .slider-max-list>.slider-max-item.header_resize {
    display: block;
    height: 100vh;
    height: 100dvh;
}

/*--------------------------------------------------------------
        1.5.11.2 Slider Gallery
--------------------------------------------------------------*/

.slider-gallery .or_blockwidth {
    max-width: 100%;
    width: 100%;
}

#slider-gallery {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    max-height: 800px;
}

.slider-gallery .owSlider_slideOverflow,
.slider-gallery .owSlider_mode {
    width: var(--slider-gallery-width);
}

.slider-gallery .slider-gallery-item {
    width: var(--slider-gallery-width);
    max-width: var(--slider-gallery-width);
    min-width: var(--slider-gallery-width);
    min-height: var(--slider-gallery-height);
    max-height: var(--slider-gallery-height);
    height: 100%;
    padding: 0 var(--slider-gallery-gap);
}

/* .slider-gallery picture, 
.slider-gallery img {
    width: 100%;
    min-width: var(--slider-gallery-width);
    max-width: var(--slider-gallery-width);
} */
.slider-gallery picture {
    width: 100%;
    min-width: var(--slider-gallery-width);
    max-width: var(--slider-gallery-width);
    max-height: var(--slider-gallery-height);
    padding: 0 5px;
    margin: 0 auto;
}

.slider-gallery .owSlider_slideBox .unselectable {
    cursor: pointer;
}

.slider-gallery.owSlider_slideBox .unselectable.dragging {
    cursor: grab;
}

.slider-gallery .slider-gallery-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    overflow: hidden;
    width: var(--slider-gallery-width);
    margin: 0 auto;
}

/* Nav */

.slider-gallery .owsliders-nav {
    max-width: calc(var(--slider-gallery-width) + 120px);
    justify-content: space-between;
    margin: 0 auto;
}

.slider-gallery .owsliders-nav .icon-nav.nav_prev:before {
    left: calc(((100vw - var(--slider-gallery-width)) / 2) + -53px);
}

.slider-gallery .owsliders-nav .icon-nav:before {
    margin-top: calc(((var(--slider-gallery-height) / 2) + 27.5px) * -1);
    right: calc(((100vw - var(--slider-gallery-width)) / 2) + -63px);
    top: unset;
}

/*--------------------------------------------------------------
        1.5.11.3 Modal Zoom
--------------------------------------------------------------*/

#modalZoom {
    background-color: rgba(91, 80, 75, 0.75);
}

#modalZoom .ow-modalItem-container {
    background-color: transparent;
}

#modalZoom .ow-modalItem-body {
    padding: 0;
}

#modalZoom .ow-modalItem-body video {
    width: 100%;
    height: 100%;
}

#modalZoom,
#modalZoom * {
    --modal-w: min(80vw, 1199px);
    --modal-h: auto;
}

#modalZoom .t-modal__body img,
#modalZoom .t-modal__body video {
    width: 100%;
    height: auto;
    display: block;
}

#modalZoom .ow-close::before {
    display: none;
}

#modalZoom .ow-close>svg {
    display: block;
    width: 40px;
    height: 40px;
}


/*--------------------------------------------------------------
        1.5.11.4 Slider Cards
--------------------------------------------------------------*/

#slider-cards {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

.slider-cards .owSlider_slideBox,
.slider-cards .owsliders-nav {
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

.slider-cards .slider-cards-list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((var(--or-width) + (var(--slider-cards-gap) * 2)) / 2);
    justify-content: flex-start;
    overflow-x: hidden;
    max-width: calc(var(--or-width) + (var(--slider-cards-gap) * 2));
    margin: 0 auto;
}

.slider-cards .or_blockwidth {
    width: calc(92% + (var(--slider-cards-gap) * 2));
    max-width: calc(92% + (var(--slider-cards-gap) * 2));
}

.slider-cards .owSlider_slideBox {
    width: 100%;
    max-width: calc(var(--or-width) + (var(--slider-cards-gap) * 2));
    margin: 0 auto;
}

.owSlider_slideBox .unselectable {
    /* width: 100%; */
    justify-content: flex-end;
}

.slider-cards .slider-cards-item {
    min-height: calc(var(--slider-cards-height-image) + + var(--slider-cards-height-text));
    /* height: 100%; */
    height: auto;
    padding: 0 var(--slider-cards-gap);
    width: 100%;
}

.slider-cards.sports .slider-cards-item {
    max-height: calc(var(--slider-cards-height-image) + var(--slider-cards-height-text-sport));
}


.slider-cards .slider-cards-item .tarjeta-imagen picture img {
    min-height: var(--slider-cards-height-image);
    max-height: var(--slider-cards-height-image);
}

.slider-cards .unselectable>div:first-of-type picture {
    align-items: flex-start;
}

.slider-cards .unselectable>div:last-of-type picture {
    align-items: flex-end;
}

.slider-cards .owsliders-nav {
    /* max-width: calc(var(--or-width) + 100px); */
    margin: 0 auto;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 0;
    overflow: visible;
}

.slider-cards .owsliders-nav .icon-nav:before {
    position: initial;
    text-shadow: none;
    top: unset;
    padding: 0;
    z-index: 2;
}

.slider-cards .owsliders-nav .icon-nav.nav_next:before {
    background-image: none;
}

.slider-cards .owsliders-nav .icon-nav.nav_prev:before {
    background-image: none;
}

.slider-cards .tarjeta-habitacion {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
}

.slider-cards .tarjeta-habitacion .tarjeta-imagen {
    width: 100%;
    background-color: #fff;
    display: grid;
    grid-template: 1fr / 1fr;
    align-items: start;
}

.slider-cards .tarjeta-habitacion .tarjeta-imagen>* {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.slider-cards .contenido-tarjeta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 30px 20px;
    /* height: 100%; */
    height: auto;
    background-color: #fff;
    min-height: var(--slider-cards-height-text);
    flex-grow: 1;
}

/* .slider-cards.sports .contenido-tarjeta {
    min-height: var(--slider-cards-height-text-sport);
} */
.slider-cards.sports .owSlider_mode.unselectable,
.slider-cards.modal-rooms .owSlider_mode.unselectable {
    align-items: flex-start;
}

/* .slider-cards.sports .owSlider_mode .slider-cards-item,
.slider-cards.modal-rooms .owSlider_mode .slider-cards-item {
    display: flex;
    flex-direction: column;
    height: 100% ;
} */
.slider-cards.modal-rooms .slider-cards-item,
.slider-cards.sports .slider-cards-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.slider-cards.modal-rooms .unique-room .slider-cards-item {
    height: auto;
    flex-direction: row;
    width: 100%;
    padding: 0;
}

.slider-cards.sports .contenido-tarjeta,
.slider-cards.modal-rooms .contenido-tarjeta {
    min-height: unset;
}

.slider-cards .contenido-tarjeta .contenido-texto {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
}

.slider-cards p.texto-habitacion {
    font-size: 14.4px;
    font-family: var(--or-alt-font);
    line-height: 160%;
    text-align: center;
    width: 90%;
}

.slider-cards h3.titulo-habitacion {
    font-weight: 500;
    font-family: var(--or-main-font);
    font-size: 25.6px;
    text-align: center;
    color: var(--or-alt-color);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    letter-spacing: 0.6px;
    text-shadow: initial;
    line-height: 110%;
    margin-top: 0;
    padding: 0 20px;
}

.slider-cards .btn-habitacion {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--or-main-color);
    max-width: 309px;
    width: 100%;
    height: 45px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--or-main-color);
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Side 2 Side */


.slider-cards.side2side .or_blockwidth {
    max-width: var(--or-width);
    width: var(--or-width);
}

.slider-cards.side2side .slider-cards-item {
    padding: 0;
}

/* Nav */


/* Modal */

.modal-room-details {
    display: none;
}

#modalRoom .modal-room-details {
    display: block;
    display: grid;
}

/* Tarjeta habitaciones */

.tarjeta-habitacion .btn-habitacion:hover {
    background-color: var(--or-alt-color);
    color: #FFFFFF;
}

/* Ajustes Safari */
.isSafari .slider-cards.sports .owSlider_slideBox,
.isSafari .slider-cards.modal-rooms .owSlider_slideBox {
    height: auto;
}

/*--------------------------------------------------------------
        1.5.11.5 Slider Modal Rooms
--------------------------------------------------------------*/

#modalRoom,
#ormodal_controller>#modalRoom.hide,
#ormodal_controller>#modalRoom.show {
    background-color: rgba(91, 80, 75, 0.75);
}

#modalRoom .ow-modalItem-container {
    max-width: var(--slider-modal-rooms-width);
    background-color: #FFF;
}

#modalRoom,
#modalRoom * {
    --modal-w: var(--slider-modal-rooms-width);
    --modal-h: auto;
}

#modalRoom .ow-modalItem-body {
    padding: 0;
    width: 100%;
    max-width: var(--slider-modal-rooms-width);
}

#modalRoom .slider-modal-rooms {
    height: 100%;
    max-height: var(--slider-modal-rooms-height);
    min-height: var(--slider-modal-rooms-height);
    max-width: var(--slider-modal-rooms-width);
}

#modalRoom .slider-modal-rooms picture {
    min-height: var(--slider-modal-rooms-height);
    max-height: var(--slider-modal-rooms-height);
    max-width: var(--slider-modal-rooms-width);
}

#modalRoom .owsliders-nav .icon-nav:before {
    position: unset;
    margin-top: calc((var(--slider-modal-rooms-height) / 2) * -1);
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}

#modalRoom .owsliders-nav .icon-nav.nav_prev:before {
    margin-right: calc(var(--slider-modal-rooms-width) - 50px);
}

#modalRoom .owsliders-nav .icon-nav.nav_next:before {
    margin-left: calc(var(--slider-modal-rooms-width) - 50px);
}

#modalRoom .nav-owslider-buttons {
    margin-top: -40px;
}

#modalRoom .titulo-habitacion,
#modalRoom .servicios-habitacion {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#modalRoom .titulo-habitacion {
    padding: 40px 0;
    font-family: var(--or-main-font);
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 0.6px;
    font-weight: 700;
    font-size: 30px;
    color: var(--or-alt-color);
}

#modalRoom .servicios-habitacion {
    font-size: 15.2px;
    font-weight: 500;
    padding-bottom: 40px;
}

#modalRoom .servicios-habitacion.hasnot-heading {
    padding: 40px 0;
}

#modalRoom .slider-modal-rooms-item {
    display: grid;
    grid-template: 1fr / 1fr;
    align-items: start;
}

#modalRoom .slider-modal-rooms-item>* {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.slider-modal-rooms .slider-modal-rooms-item {
    height: auto !important;
}

#modalRoom .t-modal__header {
    position: absolute;
}

#modalRoom .ow-close::before {
    display: none;
}

#modalRoom .ow-close>svg {
    display: block;
    width: 40px;
    height: 40px;
}

/*--------------------------------------------------------------
        1.5.11.6 Counters
--------------------------------------------------------------*/

[class$="-counter"] {
    width: 100%;
    text-align: center;
    padding-top: calc(var(--slider-counter-padding) * 2);
    padding-bottom: var(--slider-counter-padding);
    color: var(--or-p-color);
    font-family: var(--or-alt-font);
}

[class$="-counter"].no_pad_bot {
    padding-bottom: 0;
}

.grid-cards-asymmetric-counter,
.listado_fichas-counter,
.mini-gallery-counter {
    display: none;
}

/*--------------------------------------------------------------
        1.5.11.7 Mini Gallery
--------------------------------------------------------------*/

/* Mini Galería de Imágenes */

.mini-gallery-block .or_blockwidth {
    width: 100%;
}

.mini-gallery {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 24.08%);
    gap: 2.44% 1.22%;
    margin-top: 50px;
    max-height: calc(410px + 410px + 20px);
    height: 100%;
}

.mini-gallery>picture {
    width: max-content;
}


.mini-gallery>picture:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
}

.mini-gallery>picture:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
}

.mini-gallery>picture:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
}

.mini-gallery>picture:nth-child(4) {
    grid-column: 2 / span 3;
    grid-row: 2;
}

.mini-gallery>picture:nth-child(5) {
    grid-column: 4;
    grid-row: 1 / span 2;
}


/*--------------------------------------------------------------
        1.5.12 slides 2 posts
--------------------------------------------------------------*/

/* .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text.noimage {
    margin-top: 0;
} */

/* .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text .bg_ofertas-exclusivas.sliderItem h3 {
    flex-grow: 0;
    padding: 70px 0 0;
    font-family: var(--or-main-font);
    font-size: var(--or-font-h3);
    text-shadow: 0px 3px 6px rgb(113 113 113);
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 70px;
}

.orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text .bg_ofertas-exclusivas.sliderItem p {
    width: 80%;
    max-width: 675px;
    color: #FFFFFF;
    font-family: var(--or-main-font);
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    padding: 0px 16px 20px 16px;
} */

/* .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text .bg_ofertas-exclusivas.sliderItem p:last-of-type {
    padding-bottom: 100px;
} */

/* .orS2P .orS2P_list.orS2P_Slider .orS2P_slideMainBanner>div>.orS2P_slideBanner_text,
.orS2P .orS2P_list.orS2P_Slider .orS2P_navArrows,
.orS2P .orS2P_list.orS2P_Slider .orS2P_slideBannerList.orS2P_bullets {
    z-index: 1;
} */

.owS2P {
    display: flex;
    flex-direction: column;
}

.owSlider-item {
    display: flex;
    flex-direction: column;
}

.owSlider-item .owS2PSlider-item-text {
    z-index: 1;
}

.owSlider-item .owS2PSlider-item-image {
    /* display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; */
    width: 100%;
    display: flex;
    overflow: hidden;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}

.owSlider-item img {
    /* flex-grow: 1;
    height: 100%;
    width: auto;
    max-width: inherit;
    min-width: initial; */
    filter: brightness(0.5);
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    height: 100%;
    flex-shrink: 0;
    object-fit: cover;
}

.owSlider-item .owS2PSlider-item-text {
    width: var(--or-width);
    margin-top: -586px;
    min-height: 586px;
    height: 586px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.owSlider-item .owS2PSlider-item-text h2 {
    margin-bottom: -170px;
    z-index: 1;
    color: #FFFFFF;
    margin-top: 90px;
    letter-spacing: 2px;
    line-height: 1.4;
}

.owSlider-item .owS2PSlider-item-text h2>small {
    color: #FFFFFF;
}

.owSlider-item .s2p_tituloArticle {
    flex-grow: 1;
    width: 90%;
    margin: 20px auto 0;
    font-size: 50px;
    text-shadow: none;
    font-family: var(--or-alt-font);
    font-size: 22px;
    margin-top: 150px;
    margin-bottom: 150px;
    justify-content: center;
    letter-spacing: 2px;
    font-weight: 400;
}

.owSlider-item .s2p_tituloArticle>a {
    color: #FFFFFF;
    text-decoration: none;
    font-family: var(--or-alt-font);
}


.owSlider-item .s2p_tituloArticle>a:hover {
    border-color: var(--or-color);
    color: #FFFFFF;
    background-color: var(--or-color);
    text-decoration: none;
}

.owSlider-item .s2p_tituloArticle>a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    font-family: var(--or-alt-font);
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    min-height: 45px;
    max-width: 309px;
    min-width: 230px;
    padding: 5px;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 1px;
}

/* Navegación */

.owS2P .owSlider-container {
    cursor: unset;
}

.owS2P .owSlider-container.unselectable {
    cursor: grab;
}

/* .owS2P .nav-owslider-buttons>li {
    background-image: url(../../../images/hoposa/icons/icon-dot-slider-selected.svg);
    width: 26px;
    height: 26px;
} */

.owS2P .nav-owslider-buttons {
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-top: -60px;
    height: 60px;
    z-index: 1;
}


.owS2P .owsliders-nav {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    min-height: 0;
    position: relative;
    top: -320px;
    justify-content: space-between;
    margin-bottom: 0;
    overflow: visible;
    height: 0;
    z-index: 1;
}

.owS2P .owsliders-nav .icon-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.owS2P .owsliders-nav .icon-nav:before {
    position: static;
}

.owS2P .owsliders-nav .icon-nav.nav_next {
    /* margin-right: -10px; */
}

.owS2P .owsliders-nav .icon-nav.nav_prev {
    /* margin-left: -10px; */
}

/*--------------------------------------------------------------
        1.5.13 Grid Image Text
--------------------------------------------------------------*/

.grid-image-text {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 20px;
}

.grid-image-text>image.double {
    grid-column: 1;
    grid-row: 1;
}

.grid-image-text>.text.group-one {
    grid-column: 2 / span 2;
    grid-row: 1;
}

.grid-image-text>.text.group-two {
    grid-column: 1;
    grid-row: 2;
}

.grid-image-text>.image.single.first {
    grid-column: 2;
    grid-row: 2;
    padding-right: 10px;
}

.grid-image-text>.image.single.last {
    grid-column: 3;
    grid-row: 2;
    padding-left: 10px;
}

.grid-image-text>.image.single picture {
    min-height: 409px;
    max-height: 409px;
    height: 100%;
}

.grid-image-text>.image.single picture img {
    object-position: top;
}

.grid-image-text .double picture {
    max-height: 409px;
}

.grid-image-text .double picture img.bottom {
    object-position: bottom;
}

.grid-image-text>.text {
    max-width: 633px;
    margin: 0 auto;
    padding: 35px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*--------------------------------------------------------------
        1.5.14 Dropdown
--------------------------------------------------------------*/

.menu-deploy {
    display: none;
}

.menu-deploy.dropdown {
    display: flex;
}

/*--------------------------------------------------------------
        1.5.15 Reviews
--------------------------------------------------------------*/
.owReviews {
    padding: var(--section-pad) 0;
}

.owReviews>div {
    width: 96vw;
    max-width: var(--or-width);
    margin: 0 auto;
}

.owReviews h2>small {
    margin: 0 auto;
    text-align: center;
}

/*--------------------------------------------------------------
        1.5.16 Components
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        1.5.17 WCD
--------------------------------------------------------------*/

#ormodal_controller [class*=wcdModalClass_].ow-modalItem .ow-modalItem-container span.ow-close-x {
    display: none;
}

#ormodal_controller [class*=wcdModalClass_].ow-modalItem .ow-modalItem-container .or-close.ow-close {
    position: fixed;
    top: 16px;
    right: 16px;
    width: 25px;
    height: 25px;
}

#ormodal_controller [class*=wcdModalClass_].ow-modalItem .ow-modalItem-container .or-close.ow-close::before {
    top: 0;
    right: 0;
}


#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container .ow-modalItem-body p strong {
    text-transform: uppercase;
    font-size: 17px;
    color: var(--or-alt-color);
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .ow-modalItem-container .ow-modalItem-body p {
    font-size: 15px;
    color: var(--or-alt-color);
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-button button,
#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-button a {
    background-color: var(--or-main-btncolor);
    color: #FFFFFF;
    border: initial
}

#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-button button:hover,
#ormodal_controller .ow-modalItem.wcdModalClass_simpleTop .wcdevent-popup-button a:hover {
    color: #FFFFFF;
    background-color: var(--or-alt-color)
}

/*--------------------------------------------------------------
        1.5.18 Banner Hoposa Pollentia
--------------------------------------------------------------*/

.c-banner-images {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(3, 1fr);
    gap: 29px;
    width: 100%;
}

.c-banner-images__item {
    display: grid;
}

.c-banner-images__item>div,
.c-banner-images__item>picture {
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

.c-banner-images__item>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.c-banner-images__item.has-filter>div {
    background-color: rgba(91, 80, 75, .46);
}

.c-banner-images__item>div>img {
    order: 1;
}

.c-banner-images__item>div>p.h2 {
    order: 2;
    margin: 30px 0;
    font-size: var(--or-font-h2);
}

.c-banner-images__item>div>p {
    order: 3;
    font-size: 18px;
    /*18px*/
    width: 60%;
    line-height: 1.39;
    padding-bottom: 0;
    text-align: center;
}

.c-banner-images__item p {
    color: #fff;
}

/*--------------------------------------------------------------
        1.5.19 Themes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        1.5.19.1 t-midwidth
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        1.5.X Ajustes Page Builder
--------------------------------------------------------------*/

.sppb-column,
.sppb-column-addons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
}

.sppp-column-vertical-align .sppb-column.sppb-align-items-top .sppb-column-addons {
    justify-content: flex-start;
}

.sp-pagebuilder-row,
.sppb-row {
    margin-left: 0;
    margin-right: 0;
}

.sppb-addon-wrapper {
    width: inherit;
}

.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap,
.sppb-image-carousel-layout1 .sppb-carousel-extended-item img,
.sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
    border-radius: 0;
}

.sppb-col,
[class*="sppb-col-"] {
    padding-left: 0;
    padding-right: 0;
}



/*--------------------------------------------------------------
    1.6 Animaciones
--------------------------------------------------------------*/

/* Efecto de despligue del menu idioma */
@-webkit-keyframes langDeploy {
    from {
        height: max-content;
        opacity: 1;
    }

    to {
        height: 0%;
        opacity: 0;
    }
}

@keyframes langDeploy {
    from {
        height: max-content;
        opacity: 1;
    }

    to {
        height: 0%;
        opacity: 0;
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }
}

@keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-62.5rem);
        transform: translateY(-62.5rem);
        opacity: 0
    }
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

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

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

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

@-webkit-keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

.hide {
    -webkit-animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both;
    -moz-animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both;
    animation: scale-out-center .5s cubic-bezier(.550, .085, .680, .530) both
}

.show {
    -webkit-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    -moz-animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both;
    animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both
}

/*--------------------------------------------------------------
    1.7 Menu
--------------------------------------------------------------*/

.or-nav-container.or-float {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
}

.or-nav-container.or-float #modal-reservas.t-show,
.or-nav-container.or-float #modal-reservas.t-hide {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
}

.or-nav-container {
    position: fixed;
    width: 100%;
    box-shadow: none;
}

.or-drop-langlist {
    order: 3;
}

.or-nav-burger {
    order: 3;
}

.or-nav-container.or-float .or-nav-menu.or-nav-extras {
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--or-main-color);
    border: 1px solid var(--or-main-color);
    background-color: transparent;
    padding: inherit;
    text-transform: uppercase;
    font-weight: 900;
    cursor: pointer;
    width: 251px;
    min-width: 251px;
    height: 46px;
    font-family: var(--or-alt-font);
    font-weight: 400;
    font-size: 14.4px;
    margin-right: 40px;
}

.or-nav-container.or-float .or-nav-menu.or-nav-extras>span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: var(--or-alt-font);
}

.or-nav-container.or-float .or-nav-menu.or-nav-extras>span:hover {
    background-color: transparent;
}

.or-nav-container.or-float .or-nav-menu.or-nav-booking input {
    background-color: var(--or-main-btncolor);
    color: #FFFFFF;
    text-transform: uppercase;
    width: 272px;
    margin-right: 15px;
    font-size: 17.6px;
    font-weight: 500;
    font-family: var(--or-alt-font);
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -webkit-text-fill-color: #fff;
    -webkit-opacity: 1;
    -webkit-border-radius: 0;
}

.or-nav-container .or-nav-menu-display.mod-list>li {
    width: 60%;
    height: 76px;
    margin: 0;
}

.or-nav-container .or-nav-menu-display.mod-list>li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 30px;
}

.or-nav-container .or-nav-menu-display.mod-list>li.active a,
.or-nav-container .or-nav-menu-display.mod-list>li a:hover {
    color: var(--or-alt-color);
}

.or-nav-container .or-nav-menu-display.mod-list>li a.reservas {
    font-family: var(--or-title-font);
    font-size: 24px;
    font-weight: 300;
    margin-top: 80px;
    text-transform: inherit;
}

.or-nav-container .or-nav-menu-display.displayed.mod-list>.nav-close:hover {
    background-color: transparent;
}

.or-nav-menu-display.mod-list.show {
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -moz-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    display: flex;
}

.or-nav-menu-display.mod-list.hide {
    -webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    display: flex;
}

/* Migración J!4 */

.or-nav-menu-horizontal.or-nav-container {
    background-color: var(--or-menu-container-color);
    height: var(--or-menu-height);
    position: absolute;
    align-items: flex-start;
    box-shadow: none;
    top: 0;
    height: auto;
}

.or-nav-container .or-nav-menu.or-nav-logo {
    margin: 8px 0 8px calc((100% - var(--or-width)) / 2);
    width: 30%;
    height: 100%;
}

.or-nav-container .or-nav-container-block {
    margin-right: calc((100% - var(--or-width)) / 2);
    display: flex;
    align-items: center;
    width: 55%;
    flex-direction: column;
    align-items: flex-end;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
    margin-right: calc((100% - var(--or-width)) / 2);
    display: flex;
    width: 100%;
    flex-direction: row;
    position: initial;
    align-items: center;
    height: 100%;
    align-items: flex-start;
}

.or-nav-container .or-nav-menu.or-nav-logo img {
    width: 290px;
    height: 49px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: 30px auto;
    justify-content: end;
    justify-items: start;
    column-gap: 45px;
    row-gap: 10px;
    background-color: white;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list>.only-menu-displayed-parent {
    display: none;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list>.first-row-parent {
    grid-row: 1;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list> :not(.first-row-parent) {
    grid-row: 2;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .ormodal-benefits-parent {
    grid-column: 1 / span 4;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list>li {
    margin: 0;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent>span::after,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent>a::after {
    display: block;
    content: "";
    background-image: url(/images/hoposa/icons/icon-arrow-menu.svg);
    width: 10px;
    height: 6px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 13px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .first-row {
    color: var(--or-main-color);
    font-size: 14.4px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .ormodal-benefits-parent {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    align-items: center;

}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .ormodal-benefits {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14.4px;
    min-height: auto;
    height: 27px;
    width: auto;
    border: 1px solid var(--or-main-color);
    border-radius: 2px;
    min-width: 179px;
    justify-content: center;
    padding: 5px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li.deeper.parent span {
    color: var(--or-alt-color);
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li.deeper.parent span {
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li.deeper.parent>a {
    pointer-events: auto;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li ul a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li ul .deeper.parent span {
    font-size: 14.4px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li ul a.medium {
    font-weight: 500;
}

/* Or Float */

.or-nav-container.or-float .or-nav-menu.or-nav-logo {
    margin: 0px 0 auto calc((100% - var(--or-width)) / 2);
}

.or-nav-container .or-nav-menu.or-nav-extras {
    display: none;
}

/* Deploy */

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent.deploy {
    flex-direction: column;
    align-items: flex-start;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent.deploy ul {
    padding-left: 0;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list>li.deeper.parent.deploy.nav-child.unstyled.small {
    padding: 10px 0;
    row-gap: 2.5px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list>li.deeper.parent.deploy .nav-child.unstyled.small {
    padding: 10px 0;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list>li.deeper.parent.deploy .nav-child.unstyled.small>li {
    padding-bottom: 5px;
    padding-right: 50px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list>li.deeper.parent.deploy .nav-child.unstyled.small>li:last-of-type {
    padding-bottom: 0px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list>li.deeper.parent.deploy.two-columns-parent .nav-child.unstyled.small {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    justify-content: start;
    column-gap: 0px;
    padding: 10px 0;
    /* row-gap: 2.5px; */
}

/* Displayed Menu */

.or-nav-container .or-nav-menu-display.mod-list.displayed,
.or-nav-container .or-nav-menu-display.mod-list.hide,
.or-nav-container .or-nav-menu-display.mod-list.show {
    height: 100vh;
    padding-top: 40px;
    justify-content: flex-start;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .ormodal-benefits-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .ormodal-benefits-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide.ormodal-benefits-parent {
    display: none;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .only-menu-displayed-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .only-menu-displayed-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .only-menu-displayed-parent {
    display: flex;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li.first-row-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li.first-row-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li.first-row-parent {
    order: 2;
    height: 40px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li.deeper.parent>span,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li.deeper.parent>span,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li.deeper.parent>span,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li>a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li>a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li>a {
    min-width: 200px;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .deeper.parent>span::after,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .deeper.parent>span::after,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .deeper.parent>span::after,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .deeper.parent>a::after,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .deeper.parent>a::after,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .deeper.parent>a::after {
    transform: rotate(-90deg);
    margin: 0;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::before,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::before,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::before {
    content: "";
    width: 300px;
    height: 50px;
    display: flex;
    background-image: url(/images/hoposa/logotipos/logo_marron.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30px;
    margin-left: calc(100vw * 0.08);
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
    margin-bottom: 20px;
    margin-top: calc(100vw * 0.08);
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li {
    margin-left: calc(100vw * 0.08);
    min-width: initial;
    margin-bottom: 15px;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 50px;
    height: 50px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent>span,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.deeper.parent>span,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.deeper.parent>span,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li>a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li>a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li>a {
    font-family: var(--or-alt-font);
    font-size: 23.008px;
    color: var(--or-alt-color);
    min-height: 50px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.first-on-menu-displayed-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.first-on-menu-displayed-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.first-on-menu-displayed-parent {
    margin-top: 60px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.first-row-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.first-row-parent,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.first-row-parent {
    height: 40px;
    padding-top: 5px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.first-row-parent>a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.first-row-parent>a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.first-row-parent>a {
    font-size: 16px;
    font-weight: 500;
}

/* Displayed Menu --> Deploy */

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.parent.deeper.deploy .nav-child.unstyled.small,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.parent.deeper.deploy .nav-child.unstyled.small,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.parent.deeper.deploy .nav-child.unstyled.small {
    flex-direction: column;
    padding-left: initial;
    margin-left: 315px;
    margin-top: -70px;
    position: relative;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.parent.deeper.deploy .nav-child.unstyled.small li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.parent.deeper.deploy .nav-child.unstyled.small li,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.parent.deeper.deploy .nav-child.unstyled.small li {
    width: 300px;
    border-left: 1px solid var(--or-main-btncolor);
    /* margin-left: 40px; */
    padding-left: 100px;
    padding-bottom: 0;
    min-height: 50px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy.two-columns-parent .nav-child.unstyled.small {
    grid-template-columns: 1fr;
    margin-top: -180px;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed li ul a.medium {
    font-weight: 500;
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed li ul a,
.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed li ul .deeper.parent span {
    font-size: 18px;
    font-weight: 300;
    color: var(--or-alt-color);
}

/*--------------------------------------------------------------
    1.8 FONDOS
--------------------------------------------------------------*/

/* Headers Ficha Hotel */

.bg-header-todos {
    background-image: url(/images/hoposa/bg/bg-header-todos.webp);
}

.bg-header-pollentia {
    background-image: url(/images/hoposa/bg/bg-header-pollentia.webp);
}

.bg-header-costador {
    background-image: url(/images/hoposa/bg/bg-header-costador.webp);
}

.bg-header-bahia {
    background-image: url(/images/hoposa/bg/bg-header-bahia.webp);
}

.bg-header-illador {
    background-image: url(/images/hoposa/bg/bg-header-illador.webp);
}

.bg-header-daina {
    background-image: url(/images/hoposa/bg/bg-header-daina.webp);
}

.bg-header-daina-formentor {
    background-image: url(/images/hoposa/bg/bg-header-daina-formentor.webp);
}

.bg-header-niu {
    background-image: url(/images/hoposa/bg/bg-header-niu.webp);
}

.bg-header-uyal {
    background-image: url(/images/hoposa/bg/bg-header-uyal.webp);
}

.bg-header-panorama-miguel {
    background-image: url(/images/hoposa/bg/bg-header-panorama-miguel.webp);
}

.bg-header-villaconcha {
    background-image: url(/images/hoposa/bg/bg-header-villaconcha.webp);
}

.bg-header-apt-daina {
    background-image: url(/images/hoposa/bg/bg-header-apt-daina.webp);
}

.bg-header-apt-illador {
    background-image: url(/images/hoposa/bg/bg-header-apt-illador.webp);
}

.bg-header-apt-montelin {
    background-image: url(/images/hoposa/bg/bg-header-apt-montelin.webp);
}

.bg-header-apt-pollensamar {
    background-image: url(/images/hoposa/bg/bg-header-apt-pollensamar.webp);
}

.bg-header-borras {
    background-image: url(/images/hoposa/bg/bg-header-borras3.webp);
}

/* Headers Destinos */

.bg-header-pollensa {
    background-image: url(/images/hoposa/bg/bg-header-pollensa.webp);
}

.bg-header-deia {
    background-image: url(/images/hoposa/bg/bg-header-deia.webp);
}

.bg-header-san-vicente {
    background-image: url(/images/hoposa/bg/bg-header-san-vicente.webp)
}

.bg-header-islamujeres {
    background-image: url(/images/hoposa/bg/bg-header-islamujeres.webp);
}

/* Headers Experiencias */

.bg-header-romantica {
    background-image: url(/images/hoposa/bg/bg-header-romatica.webp);
}

.bg-header-luxury {
    background-image: url(/images/hoposa/bg/bg-header-luxury.webp);
}

.bg-header-sport {
    background-image: url(/images/hoposa/bg/bg-header-sport.webp);
}

.bg-header-gourmet {
    background-image: url(/images/hoposa/bg/bg-header-gourmet.webp);
}

.bg-header-family {
    background-image: url(/images/hoposa/bg/bg-header-family.webp);
}

.bg-header-adults {
    background-image: url(/images/hoposa/bg/bg-header-adults.webp);
}

/* Headers Sports */

.bg-header-ciclismo {
    background-image: url(/images/hoposa/bg/bg-header-cycling.webp);
}

.bg-header-natacion {
    background-image: url(/images/hoposa/bg/bg-header-natacion.webp);
}

.bg-header-triatlon {
    background-image: url(/images/hoposa/bg/bg-header-triatlon.webp);
}

.bg-header-alquiler {
    background-image: url(/images/hoposa/bg/bg-header-alquiler.webp);
}

/* Headers Contacto, Transfer y Covid */

.bg-header-contacto {
    background-image: url(/images/hoposa/bg/bg-header-contacto.webp);
}

.bg-header-transfer {
    background-image: url(/images/hoposa/bg/bg-header-transfer.webp);
}

.bg-header-covid {
    background-image: url(/images/hoposa/bg/bg-header-covid.webp);
}

.bg-header-legal {
    background-image: url(/images/hoposa/bg/bg-header-legal.webp);
}

/* Restaurantes */

.bg-header-restaurantes {
    background-image: url(/images/hoposa/bg/bg-header-restaurantes.webp)
}

.bg-header-laterrassa {
    background-image: url(/images/hoposa/bg/bg-header-laterrassa.webp);
    background-position: top;
}

.bg-header-rstbahia {
    background-image: url(/images/hoposa/bg/bg-header-rstbahia.webp);
}

.bg-header-rstniu {
    background-image: url(/images/hoposa/bg/bg-header-rstniu.webp);
    background-position: right;
}

.bg-header-rstcultural {
    background-image: url(/images/hoposa/bg/bg-header-rstcultural.webp);
}

.bg-header-rstcostador {
    background-image: url(/images/hoposa/bg/bg-header-rstcostador.webp);
}

/* Circularidad */

.bg-header-circularidad {
    background-image: url(/images/hoposa/bg/bg-header-circularidad.webp);
}

/* Backgrounds */


/* Home */

.bg_hoposa-hotels {
    background-image: url(/images/hoposa/bg/bg_hoposa-hotels.webp);
}


/* Alguna Duda */

.bg_contacto-footer {
    background-image: url(/images/hoposa/bg/bg_contacto-footer.webp);
}


/* Backgrounds Parciales */


/* Home */

.bg_ofertas-exclusivas.sliderItem,
.bg_ofertas-exclusivas>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_ofertas-exclusivas.webp);
}

.bg_pasion-deporte>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_pasion-deporte.webp);
}


/* Hoteles */

.bg_villaconcha-garaje>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_villaconcha-garaje.webp);
}

.bg_uyal-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_uyal-gym.webp);
}

.bg_daina-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_daina-gym.webp);
}

.bg_pollentia-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_pollentia-gym.webp);
}

.bg_illador-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_illador-gym.webp);
}

.bg_costador-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_costador-gym.webp);
}

/* Destinos */

.bg_destino-pollensa_esenciamedi>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_destino-pollensa_esenciamedi.webp);
}

.bg_deia-marroig>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_deia-marroig.webp);
}

.bg_sanvicente-paz>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_sanvicente-paz.webp);
}

.bg_buceo-islamujeres>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_buceo-islamujeres.webp);
}


/* Experiencias */

.bg_experiencia-romantica-luna>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_experiencia-romantica-luna.webp);
}

.bg_experiencia-family-familias>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_exp-family-familias.webp);
}


/* Deporte */

.bg_sport-ciclista>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_ciclista.webp);
}

.bg_sport-piscina>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_piscina.webp);
}

.bg_sport-nadar>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_sports-nadar.webp);
}

.bg_sport-relax>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_natacion-relax.webp);
}

/* Restaurantes */

.bg_restaurantes-banner {
    background-image: url(/images/hoposa/bg/bg_restaurantes-banner.webp);
}

.bg_restaurantes-banner2 {
    background-image: url(/images/hoposa/bg/bg_restaurantes-banner2.webp);
}

/* Restaurante La Terrassa */

.bg_laterrassa-banner>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_laterrassa-banner.webp);
    justify-content: center;
}

/*--------------------------------------------------------------
        1.8.1 Ajustes BG Safari 
    --------------------------------------------------------------*/

/* Headers */

/* Headers Ficha Hotel */

.isSafari .bg-header-todos {
    background-image: url(/images/hoposa/bg/bg-header-todos.jpg);
}

.isSafari .bg-header-pollentia {
    background-image: url(/images/hoposa/bg/bg-header-pollentia.jpg);
}

.isSafari .bg-header-costador {
    background-image: url(/images/hoposa/bg/bg-header-costador.jpg);
}

.isSafari .bg-header-bahia {
    background-image: url(/images/hoposa/bg/bg-header-bahia.jpg);
}

.isSafari .bg-header-illador {
    background-image: url(/images/hoposa/bg/bg-header-illador.jpg);
}

.isSafari .bg-header-daina {
    background-image: url(/images/hoposa/bg/bg-header-daina.jpg);
}

.isSafari .bg-header-daina-formentor {
    background-image: url(/images/hoposa/bg/bg-header-daina-formentor.jpg);
}

.isSafari .bg-header-niu {
    background-image: url(/images/hoposa/bg/bg-header-niu.jpg);
}

.isSafari .bg-header-uyal {
    background-image: url(/images/hoposa/bg/bg-header-uyal.jpg);
}

.isSafari .bg-header-panorama-miguel {
    background-image: url(/images/hoposa/bg/bg-header-panorama-miguel.jpg);
}

.isSafari .bg-header-villaconcha {
    background-image: url(/images/hoposa/bg/bg-header-villaconcha.jpg);
}

.isSafari .bg-header-apt-daina {
    background-image: url(/images/hoposa/bg/bg-header-apt-daina.jpg);
}

.isSafari .bg-header-apt-illador {
    background-image: url(/images/hoposa/bg/bg-header-apt-illador.jpg);
}

.isSafari .bg-header-apt-montelin {
    background-image: url(/images/hoposa/bg/bg-header-apt-montelin.jpg);
}

.isSafari .bg-header-apt-pollensamar {
    background-image: url(/images/hoposa/bg/bg-header-apt-pollensamar.jpg);
}

.isSafari .bg-header-borras {
    background-image: url(/images/hoposa/bg/bg-header-borras3.jpg);
}

/* Headers Destinos */

.isSafari .bg-header-pollensa {
    background-image: url(/images/hoposa/bg/bg-header-pollensa.jpg);
}

.isSafari .bg-header-deia {
    background-image: url(/images/hoposa/bg/bg-header-deia.jpg);
}

.isSafari .bg-header-san-vicente {
    background-image: url(/images/hoposa/bg/bg-header-san-vicente.jpg)
}

.isSafari .bg-header-islamujeres {
    background-image: url(/images/hoposa/bg/bg-header-islamujeres.jpg);
}

/* Headers Experiencias */

.isSafari .bg-header-romantica {
    background-image: url(/images/hoposa/bg/bg-header-romatica.jpg);
}

.isSafari .bg-header-luxury {
    background-image: url(/images/hoposa/bg/bg-header-luxury.jpg);
}

.isSafari .bg-header-sport {
    background-image: url(/images/hoposa/bg/bg-header-sport.jpg);
}

.isSafari .bg-header-gourmet {
    background-image: url(/images/hoposa/bg/bg-header-gourmet.jpg);
}

.isSafari .bg-header-family {
    background-image: url(/images/hoposa/bg/bg-header-family.jpg);
}

.isSafari .bg-header-adults {
    background-image: url(/images/hoposa/bg/bg-header-adults.jpg);
}

/* Headers Sports */

.isSafari .bg-header-ciclismo {
    background-image: url(/images/hoposa/bg/bg-header-cycling.jpg);
}

.isSafari .bg-header-natacion {
    background-image: url(/images/hoposa/bg/bg-header-natacion.jpg);
}

.isSafari .bg-header-triatlon {
    background-image: url(/images/hoposa/bg/bg-header-triatlon.jpg);
}

.isSafari .bg-header-alquiler {
    background-image: url(/images/hoposa/bg/bg-header-alquiler.jpg);
}

/* Headers Contacto, Transfer y Covid */

.isSafari .bg-header-contacto {
    background-image: url(/images/hoposa/bg/bg-header-contacto.jpg);
}

.isSafari .bg-header-transfer {
    background-image: url(/images/hoposa/bg/bg-header-transfer.jpg);
}

.isSafari .bg-header-covid {
    background-image: url(/images/hoposa/bg/bg-header-covid.jpg);
}

.isSafari .bg-header-legal {
    background-image: url(/images/hoposa/bg/bg-header-legal.jpg);
}

.isSafari .bg-header-restaurantes {
    background-image: url(/images/hoposa/bg/bg-header-restaurantes.jpg)
}

.isSafari .bg-header-laterrassa {
    background-image: url(/images/hoposa/bg/bg-header-laterrassa.jpg)
}

.isSafari .bg-header-rstbahia {
    background-image: url(/images/hoposa/bg/bg-header-rstbahia.jpg);
}

.isSafari .bg-header-rstniu {
    background-image: url(/images/hoposa/bg/bg-header-rstniu.jpg);
}

.isSafari .bg-header-rstcultural {
    background-image: url(/images/hoposa/bg/bg-header-rstcultural.jpg);
}

.isSafari .bg-header-rstcostador {
    background-image: url(/images/hoposa/bg/bg-header-rstcostador.jpg);
}

/* Circularidad */

.isSafari .bg-header-circularidad {
    background-image: url(/images/hoposa/bg/bg-header-circularidad.jpg);
}

/* Backgrounds */

/* Home */

.isSafari .bg_hoposa-hotels {
    background-image: url(/images/hoposa/bg/bg_hoposa-hotels.jpg);
}

/* Alguna Duda */

.isSafari .bg_contacto-footer {
    background-image: url(/images/hoposa/bg/bg_contacto-footer.jpg);
}

/* Backgrounds Parciales */

/* Home */

.isSafari .bg_ofertas-exclusivas.sliderItem,
.isSafari .bg_ofertas-exclusivas>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_ofertas-exclusivas.jpg);
}

.isSafari .bg_pasion-deporte>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_pasion-deporte.jpg);
}

/* Hoteles */

.isSafari .bg_villaconcha-garaje>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_villaconcha-garaje.jpg);
}

.isSafari .bg_uyal-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_uyal-gym.jpg);
}

.isSafari .bg_daina-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_daina-gym.jpg);
}

.isSafari .bg_pollentia-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_pollentia-gym.jpg);
}

.isSafari .bg_illador-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_illador-gym.jpg);
}

.isSafari .bg_costador-gym>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_costador-gym.jpg);
}

/* Destinos */

.isSafari .bg_destino-pollensa_esenciamedi>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_destino-pollensa_esenciamedi.jpg);
}

.isSafari .bg_deia-marroig>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_deia-marroig.jpg);
}

.isSafari .bg_sanvicente-paz>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_sanvicente-paz.jpg);
}

.isSafari .bg_buceo-islamujeres>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_buceo-islamujeres.jpg);
}

/* Experiencias */

.isSafari .bg_experiencia-romantica-luna>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_experiencia-romantica-luna.jpg);
}

.isSafari .bg_experiencia-family-familias>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_exp-family-familias.jpg);
}

/* Deporte */

.isSafari .bg_sport-ciclista>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_ciclista.jpg);
}

.isSafari .bg_sport-piscina>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_piscina.jpg);
}

.isSafari .bg_sport-nadar>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_sports-nadar.jpg);
}

.isSafari .bg_sport-relax>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_natacion-relax.jpg);
}

/* Restaurantes */

.isSafari .bg_restaurantes-banner {
    background-image: url(/images/hoposa/bg/bg_restaurantes-banner.jpg);
}

.isSafari .bg_restaurantes-banner2 {
    background-image: url(/images/hoposa/bg/bg_restaurantes-banner2.jpg);
}

/* Restaurante La Terrassa */

.isSafari .bg_laterrassa-banner>.or_blockwidth {
    background-image: url(/images/hoposa/bg/bg_laterrassa-banner.jpg);
}

/*--------------------------------------------------------------
        1.8.2 FONDOS IOS
    --------------------------------------------------------------*/

@supports (-webkit-touch-callout: default) {
    [class^="bg-header-"] {
        background-attachment: inherit;
    }

    /* Headers */
    /* Headers Ficha Hotel */
    .bg-header-todos {
        background-image: url(/images/hoposa/bg/bg-header-todos.jpg);
    }

    .bg-header-pollentia {
        background-image: url(/images/hoposa/bg/bg-header-pollentia.jpg);
    }

    .bg-header-costador {
        background-image: url(/images/hoposa/bg/bg-header-costador.jpg);
    }

    .bg-header-bahia {
        background-image: url(/images/hoposa/bg/bg-header-bahia.jpg);
    }

    .bg-header-illador {
        background-image: url(/images/hoposa/bg/bg-header-illador.jpg);
    }

    .bg-header-daina {
        background-image: url(/images/hoposa/bg/bg-header-daina.jpg);
    }

    .bg-header-daina-formentor {
        background-image: url(/images/hoposa/bg/bg-header-daina-formentor.jpg);
    }

    .bg-header-niu {
        background-image: url(/images/hoposa/bg/bg-header-niu.jpg);
    }

    .bg-header-uyal {
        background-image: url(/images/hoposa/bg/bg-header-uyal.jpg);
    }

    .bg-header-panorama-miguel {
        background-image: url(/images/hoposa/bg/bg-header-panorama-miguel.jpg);
    }

    .bg-header-villaconcha {
        background-image: url(/images/hoposa/bg/bg-header-villaconcha.jpg);
    }

    .bg-header-apt-daina {
        background-image: url(/images/hoposa/bg/bg-header-apt-daina.jpg);
    }

    .bg-header-apt-illador {
        background-image: url(/images/hoposa/bg/bg-header-apt-illador.jpg);
    }

    .bg-header-apt-montelin {
        background-image: url(/images/hoposa/bg/bg-header-apt-montelin.jpg);
    }

    .bg-header-apt-pollensamar {
        background-image: url(/images/hoposa/bg/bg-header-apt-pollensamar.jpg);
    }

    .bg-header-borras {
        background-image: url(/images/hoposa/bg/bg-header-borras3.jpg);
    }

    /* Headers Destinos */
    .bg-header-pollensa {
        background-image: url(/images/hoposa/bg/bg-header-pollensa.jpg);
    }

    .bg-header-deia {
        background-image: url(/images/hoposa/bg/bg-header-deia.jpg);
    }

    .bg-header-san-vicente {
        background-image: url(/images/hoposa/bg/bg-header-san-vicente.jpg)
    }

    .bg-header-islamujeres {
        background-image: url(/images/hoposa/bg/bg-header-islamujeres.jpg);
    }

    /* Headers Experiencias */
    .bg-header-romantica {
        background-image: url(/images/hoposa/bg/bg-header-romatica.jpg);
    }

    .bg-header-luxury {
        background-image: url(/images/hoposa/bg/bg-header-luxury.jpg);
    }

    .bg-header-sport {
        background-image: url(/images/hoposa/bg/bg-header-sport.jpg);
    }

    .bg-header-gourmet {
        background-image: url(/images/hoposa/bg/bg-header-gourmet.jpg);
    }

    .bg-header-family {
        background-image: url(/images/hoposa/bg/bg-header-family.jpg);
    }

    .bg-header-adults {
        background-image: url(/images/hoposa/bg/bg-header-adults.jpg);
    }

    /* Headers Sports */
    .bg-header-ciclismo {
        background-image: url(/images/hoposa/bg/bg-header-cycling.jpg);
    }

    .bg-header-natacion {
        background-image: url(/images/hoposa/bg/bg-header-natacion.jpg);
    }

    .bg-header-triatlon {
        background-image: url(/images/hoposa/bg/bg-header-triatlon.jpg);
    }

    .bg-header-alquiler {
        background-image: url(/images/hoposa/bg/bg-header-alquiler.jpg);
    }

    /* Headers Contacto, Transfer y Covid */
    .bg-header-contacto {
        background-image: url(/images/hoposa/bg/bg-header-contacto.jpg);
    }

    .bg-header-transfer {
        background-image: url(/images/hoposa/bg/bg-header-transfer.jpg);
    }

    .bg-header-covid {
        background-image: url(/images/hoposa/bg/bg-header-covid.jpg);
    }

    .bg-header-legal {
        background-image: url(/images/hoposa/bg/bg-header-legal.jpg);
    }

    .bg-header-restaurantes {
        background-image: url(/images/hoposa/bg/bg-header-restaurantes.jpg)
    }

    .bg-header-laterrassa {
        background-image: url(/images/hoposa/bg/bg-header-laterrassa.jpg)
    }

    .bg-header-rstbahia {
        background-image: url(/images/hoposa/bg/bg-header-rstbahia.jpg);
    }

    .bg-header-rstniu {
        background-image: url(/images/hoposa/bg/bg-header-rstniu.jpg);
    }

    .bg-header-rstcultural {
        background-image: url(/images/hoposa/bg/bg-header-rstcultural.jpg);
    }

    .bg-header-rstcostador {
        background-image: url(/images/hoposa/bg/bg-header-rstcostador.jpg);
    }

    /* Circularidad */

    .bg-header-circularidad {
        background-image: url(/images/hoposa/bg/bg-header-circularidad.jpg);
    }

    /* Backgrounds */
    /* Home */
    .bg_hoposa-hotels {
        background-image: url(/images/hoposa/bg/bg_hoposa-hotels.jpg);
    }

    /* Algunda Duda */
    .bg_contacto-footer {
        background-image: url(/images/hoposa/bg/bg_contacto-footer.jpg);
    }

    /* Backgrounds Parciales */
    /* Home */
    .bg_ofertas-exclusivas.sliderItem,
    .bg_ofertas-exclusivas>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_ofertas-exclusivas.jpg);
    }

    .bg_pasion-deporte>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_pasion-deporte.jpg);
    }

    /* Hoteles */
    .bg_villaconcha-garaje>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_villaconcha-garaje.jpg);
    }

    .bg_uyal-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_uyal-gym.jpg);
    }

    .bg_daina-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_daina-gym.jpg);
    }

    .bg_pollentia-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_pollentia-gym.jpg);
    }

    .bg_illador-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_illador-gym.jpg);
    }

    .bg_costador-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_costador-gym.jpg);
    }

    /* Destinos */
    .bg_destino-pollensa_esenciamedi>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_destino-pollensa_esenciamedi.jpg);
    }

    .bg_deia-marroig>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_deia-marroig.jpg);
    }

    .bg_sanvicente-paz>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_sanvicente-paz.jpg);
    }

    .bg_buceo-islamujeres>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_buceo-islamujeres.jpg);
    }

    /* Experiencias */
    .bg_experiencia-romantica-luna>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_experiencia-romantica-luna.jpg);
    }

    .bg_experiencia-family-familias>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_exp-family-familias.jpg);
    }

    /* Deporte */
    .bg_sport-ciclista>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_ciclista.jpg);
    }

    .bg_sport-piscina>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_piscina.jpg);
    }

    .bg_sport-nadar>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_sports-nadar.jpg);
    }

    .bg_sport-relax>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_natacion-relax.jpg);
    }

    .bg_restaurantes-banner {
        background-image: url(/images/hoposa/bg/bg_restaurantes-banner.jpg);
    }

    .bg_restaurantes-banner2 {
        background-image: url(/images/hoposa/bg/bg_restaurantes-banner2.jpg);
    }

    /* Restaurante La Terrassa */

    .bg_laterrassa-banner>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_laterrassa-banner.jpg);
    }
}

/*--------------------------------------------------------------
    1.9 Cajetín
--------------------------------------------------------------*/

.category #buscador {
    top: calc(var(--or-menu-height) + 10px);
}

#buscador {
    top: var(--vue-box-top);
}

/* Recuperar las posiciones configuradas por la plantilla */
#buscador.c-bebox {
    --vue-box-top: inherit;
}

.resized_section #buscador {
    top: var(--or-top-2)
}

#buscador .sticky-buscador {
    left: calc((100% - var(--or-width-be))/ 2);
    width: var(--or-width-be);
    margin-top: 10px;
}

#buscador div,
#buscador input,
#buscador input::placeholder,
#buscador button,
#buscador span {
    font-family: var(--or-alt-font);
    font-size: 16px;
}


#buscador #beboxSubmit button {
    font-size: 18px;
    font-weight: 500;
    color: white;
    background-color: var(--or-main-btncolor);
}

.c-bebox .c-bebox__field::placeholder {
    color: var(--or-main-color);
}

#buscadorReserva span.ow-close-x,
.modal-shadow::before {
    background-image: url(/images/hoposa/icons/icon-close-modal.svg);
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#buscador .c-bebox__roompax>div .orbe_room_kids_ages select,
#buscador .c-bebox__roompax>div .orbe_room_kids_ages select *,
#buscador .c-bebox__roompax>div .orbe_room_kids_ages select options {
    font-family: var(--or-alt-font);
}


.ow-modalItem.checkingDispoModal .ow-modalItem-container .ow-modalItem-body .ormodal-dispotext>p.bold {
    font-weight: 500;
}

#selectorMultihotel>.c-bebox__field {
    gap: 35px;
    margin-right: 35px;
    justify-content: flex-start;
}

.c-bebox span.c-bebox__icon.c--pax {
    margin-right: 35px;
}

.c-bebox__column.c--pax .c-bebox__button.c--acceptrooms button,
.c-bebox__column.c--pax .c-bebox__button.c--acceptrooms button:hover {
    color: #fff;
}

.c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button {
    height: 60px;
    max-width: 100%;
    width: 272px;
    font-size: 18px;
    font-family: var(--or-alt-font);
    background-color: #FFF;
    color: var(--or-alt-color);
    font-weight: 500;
    cursor: pointer;
}

.owMenuFloating .c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button {
    display: none;
}

.c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button:hover {
    color: #FFF;
}

#beboxSubmit>button,
#beboxPromoCode>label,
#paxSelectorAction,
#buscadorCalendario>div>div:nth-child(1)>div,
#selectorMultihotel>label {
    height: 60px;
    font-family: var(--or-alt-font);
}

#buscador .t-modal__container {
    animation: scale-in-center .5s cubic-bezier(.250, .460, .450, .940) both !important;
}

html:has(#buscador.is-displayed),
body:has(#buscador.is-displayed) {
    overflow: hidden;
}

#buscador #hotelListClose svg,
#buscador #roomPaxClose svg,
.t-modal__shadow>.t-close svg {
    width: 32px;
    height: 32px;
}

#buscador #hotelListClose svg line,
#buscador #roomPaxClose svg line,
.t-modal__shadow>.t-close svg line {
    stroke: #FFFFFF !important;
    stroke-width: 2;
}

#buscador:has(#hotelList:not([style*="display:\20none"])) #mobileFormClose,
#buscador:has(#paxSelectorBox:not([style*="display:\20none"])) #mobileFormClose,
body:has(.dp__menu) #mobileFormClose {
    display: none;
}


/*--------------------------------------------------------------
    1.10 Ventajas Exclusivas
--------------------------------------------------------------*/

.or-nav-container.or-nav-menu-horizontal:not(.or-float) .or-nav-extras {
    display: none !important;
}


.or-nav-container .or-nav-menu.or-nav-extras {
    -webkit-animation: scale-in-center .5s ease-in-out both;
    animation: scale-in-center .5s ease-in-out both;
}

.or_navextra {
    /* display: flex;
    margin-top: -160px;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #FFFFFF;
    padding: 20px 0px;*/
    display: none;
}

/*
.or_home_class .or_navextra .or_blockwidth {
    height: inherit;
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
    flex-wrap: nowrap;
    align-content: flex-start;
}

 .or_home_class .or_navextra .or_blockwidth>.or_navextra_title {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: start;
}

.or_home_class .or_navextra .or_blockwidth>.or_navextra_title .btn {
    flex-direction: row;
    justify-content: center;
    align-items: start;
    width: 100%;
    margin-left: 0px;
    text-align: center;
    width: 250px;
    margin-top: 15px;
    height: 25px;
}

.or_home_class .or_navextra .or_blockwidth>.or_navextra_extras {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: start;
    width: 900px;
    margin-top: 8px;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras .or_navextra_block div:last-of-type {
    margin-right: 0px;
}

.or_home_class .or_navextra .or_blockwidth>div>.btn {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    width: 100%;
    margin-left: 0px;
    position: relative;
    bottom: 38px;
    height: 25px;
    text-align: center;
    width: 250px;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_title>p {
    font-size: 25.6px;
    width: 250px;
    margin-right: 60px;
    line-height: 130%;
    text-align: right;
    font-family: var(--or-main-font);
}

.or_navextra_block {
    display: flex;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras .or_navextra_block div {
    margin-right: 40px;
    flex-basis: 35%;
    border: 1px solid #41c9bd;
    padding: 15px;
    width: 394px;
    min-width: 394px;
    max-width: 394px;
    border-radius: 8px;
    padding-top: 0;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras>div:last-of-type {
    margin-right: 0;
    border: initial;
    padding: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    font-family: var(--or-main-font);
    font-size: 25.6px;
    border-radius: 25px;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras>div p {
    line-height: 130%;
    padding-top: 10px;
    font-size: 14.4px;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras>div img {
    display: none;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras>div strong::before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background-image: url(../../../images/bunyola/icons/icon-estrella-ventajas-small.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-left: auto;
    position: relative;
    top: 27px;
    left: 20px;
    margin-top: -27px;
}

.or_home_class .or_navextra .or_blockwidth .or_navextra_extras>div strong {
    font-size: 20.8px;
    color: var(--or-web-corp-altcolor);
    font-family: var(--or-main-font);
    font-weight: 400;
}

.or-modal-body .or_blockwidth .or_navextra_title p>span>span {
    display: none;
}
*/
/*--------------------------------------------------------------
    1.10.1 Ventajas Exclusivas Modal
--------------------------------------------------------------*/
#or-modalExtras {
    padding: 40px 0;
}

#or-modalExtras .or_navextra {
    display: flex;
    width: 100%;
}

#or-modalExtras.or-fullCover .or-modal-container {
    max-width: 100%;
    width: 72%;
    height: auto;
    max-height: none;
    overflow: visible;
    flex-direction: column;
    margin: auto;
    background-color: #FFFFFF;
    padding: 50px;
}

/*
#or-modalExtras.or-fullCover .or-modal-header {
    position: relative !important;
    width: 100%;
    justify-content: flex-end;
}
*/

/* Icono Close de la Ventana */

#or-modalExtras .or-modal-header .ow-close {
    width: 100%;
    margin: 0 auto;
    top: 0;
    right: 20px;
    left: 0;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

#or-modalExtras .or-modal-header .ow-close:before {
    background-image: url(/images/hoposa/icons/icon-close-color.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    font-size: 50px;
    position: relative;
    color: var(--or-main-color);
    width: 1.2em;
    height: 1.2em;
    left: 0;
    right: 0;
    top: 0;
}

#or-modalExtras .or-modal-header .ow-close .ow-close-x {
    display: none;
}

/* Contenedor del contenido del modal */

#or-modalExtras.or-fullCover .or-modal-container .or-modal-body {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px;
}

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Título de la ventana Ventajas Exclusivas */

#or-modalExtras.or-fullCover .or-modal-body .or_navextra_title .or-navextra-heading {
    margin-bottom: 50px;
    text-shadow: none;
    color: var(--or-alt-color);
}

#or-modalExtras.or-fullCover .or-modal-body .or_navextra_title .or-navextra-heading>small {
    color: var(--or-alt-color);
}

.row.small-benefits p {
    font-size: 9.6px;
    text-align: center;
}

#or-modalExtras.or-fullCover .or-modal-body .or_navextra_extras {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}


/* Elementos de cada fila */

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    height: 180px;
}

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .column {
    display: flex;
    flex-direction: column;
    width: 50%;
}

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .column:first-child {
    margin-right: 100px;
}

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element h4 {
    text-transform: none;
    display: flex;
    justify-content: flex-start;
    font-size: 23.008px;
    color: var(--or-main-color);
    margin-bottom: 5px;
    line-height: 120%;
}

#or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element p {
    font-size: 14.4px;
    font-weight: 300;
}

/* J!4 */

#or-modalExtras .or-modal-header .ow-close:before {
    background-color: #FFFFFF;
    border-radius: 50%;
}


/*--------------------------------------------------------------
    1.11 Login Page Builder
--------------------------------------------------------------*/
.login form {
    padding-top: 150px;
    display: flex;
    margin: 0 auto;
}

.login {
    display: flex;
}

.btn.jmodedit {
    display: none !important;
}

/*--------------------------------------------------------------
    1.12 Cookies
--------------------------------------------------------------*/

#rgpd-modal.modal.show .modal-container {
    animation-duration: .05s;
    -moz-animation-duration: .05s;
    -webkit-animation-duration: .05s;
}

/*--------------------------------------------------------------
    2.0 Secciones
--------------------------------------------------------------*/

.hotel-rrss {
    display: flex;
    justify-content: space-evenly;
    min-width: 140px;
    margin: 20px 0 0;
}

.hotel-rrss>a {
    border: 1px solid var(--or-web-text-color);
    width: 40px;
    display: flex;
    padding: 5px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.fondo_banner_hotel_two .hotel-rrss>a {
    border: 1px solid #161515;
    filter: brightness(0.3);
}

.fondo_negro .hotel-rrss>a,
.fondo_banner_hotel_three .hotel-rrss>a {
    border: 1px solid #ffffff;
    filter: brightness(5);
}

/*--------------------------------------------------------------
    2.1 Home
--------------------------------------------------------------*/
.header_resize .or_blockwidth {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

div#slider-home {
    width: 100%;
}

.tarjeta-larga p {
    max-width: 675px;
    color: #FFFFFF;
    font-family: var(--or-main-font);
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    padding: 0px 16px 20px 16px;
}

.tarjeta-larga p.is-fontweight400 {
    font-weight: 400;
}

.tarjeta-larga p a:not(.btn) {
    color: #FFFFFF;
    font-family: var(--or-main-font);
}

[class*="bg_"].tarjeta-larga>.or_blockwidth,
[class*="bg_"].tarjeta-larga {
    min-height: 620px;
}

.tarjeta-larga .botones {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%;
}

.tarjeta-larga .botones .btn {
    margin-left: initial;
    margin-right: initial;
}

.tarjeta-larga.is-v2 .or_blockwidth>*:not(:last-child) {
    padding-bottom: 50px;
}

/* Banner Alguna Duda */

.alguna-duda {
    width: 90%;
}

/* Ajuste Ow2Slider*/
.nochange .owS2PSlider-item {
    min-height: 100%;
}

/*--------------------------------------------------------------
    2.2 Contacto y Transfer
--------------------------------------------------------------*/

h1.negro {
    color: var(--or-alt-color);
    font-size: 35.008px;
    text-shadow: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 100px auto 50px;
    text-transform: uppercase;
    line-height: 120%;
}

h1.negro>small {
    font-size: 25.6px;
    line-height: 140%;
}

.contact_form_insert {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 70px;
}

.convertforms .ow-close:before {
    content: "";
    display: flex;
    width: 1em;
    height: 1em;
    left: 20px;
    top: 10px;
    margin: 10px;
    font-size: 30px;
    background-image: url(/images/hoposa/icons/icon-close-modal.svg);
}

.convertforms .ow-close-x {
    display: none;
}

.convertforms.cf-success .cf-response {
    background-color: #FFFFFF !important;
    display: block;
    color: inherit;
}

.convertforms.cf-success .cf-response p {
    padding-bottom: 0px;
}

.convertforms .cf-label {
    font-weight: 500 !important;
}

#ormodal_controller>.convertforms form button[type=submit] {
    border-radius: 5px !important;
    background-color: var(--or-main-btncolor) !important;
    font-weight: 500 !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ormodal_controller>.convertforms form button[type=submit] span {
    font-size: 14px;
    text-transform: uppercase;
}

#ormodal_controller>.convertforms form button[type=submit]:hover {
    background-color: var(--or-alt-color) !important;
    color: #FFFFFF !important;
}

/* MODAL WEB MODERNA OPENBUILDERALL (no legacy) */

.t-modal.ormodal-form .t-modal__container .t-modal__header {
    display: flex;
    justify-content: flex-end;
}

.t-modal.ormodal-form .t-modal__container .t-modal__header svg {
    color: #fff;
    height: 40px;
    width: 100%;
}

.t-modal.ormodal-form .t-modal__container .t-modal__header svg line {
    stroke-width: 2;
}

.t-modal.ormodal-form .t-modal__container .t-modal__body {
    width: 100%;
    max-width: 700px;
    height: auto;
    padding: 0;
}

.t-modal.ormodal-form .t-modal__container .t-modal__body button[type=submit] {
    border-radius: 5px !important;
    background-color: var(--or-main-btncolor) !important;
    font-weight: 500 !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.t-modal.ormodal-form .t-modal__container .t-modal__body button[type=submit] span {
    font-size: 14px;
    text-transform: uppercase;
}

.t-modal.ormodal-form .t-modal__container .t-modal__body button[type=submit]:hover {
    background-color: var(--or-alt-color) !important;
    color: #FFFFFF !important;
}

/* FIN MODAL WEB MODERNA OPENBUILDERALL (no legacy) */

.contact_form_insert .convertforms,
.contact_form_insert .convertforms form,
.contact_form_insert .convertforms form .cf-form-wrap {
    background-color: transparent !important;
    border: none !important;
}

.contact_form_insert .convertforms form .cf-form-wrap input,
.contact_form_insert .convertforms form .cf-form-wrap select,
.contact_form_insert .convertforms form .cf-form-wrap textarea {
    border-color: var(--or-main-btncolor) !important;
    background-color: #FFFFFF !important;
    color: var(--or-main-color) !important;
}

.contact_form_insert .convertforms form .cf-form-wrap .cf-control-label label.cf-label {
    color: var(--or-alt-color) !important;
    text-transform: uppercase;
    font-size: 14.4px !important;
    font-weight: 500 !important;
    margin-top: 15px;
}

.contact_form_insert .convertforms form .cf-form-wrap textarea {
    height: 235px;
}

.contact_form_insert .convertforms form .cf-form-wrap .cf-checkbox-group label.cf-label,
.contact_form_insert .convertforms form .cf-form-wrap .cf-checkbox-group label.cf-label span,
.contact_form_insert .convertforms form .cf-form-wrap .cf-checkbox-group label.cf-label a {
    color: var(--or-alt-color) !important;
    font-size: 14.4px !important;
}

.contact_form_insert .convertforms form .cf-form-wrap [data-name="cv"] .cf-control-label .cf-label,
.contact_form_insert .convertforms form .cf-form-wrap [data-name="cv"] .dz-success div,
.contact_form_insert .convertforms form .cf-form-wrap [data-name="cv"] .cf-control-input-desc {
    color: var(--or-alt-color);
}

.contact_form_insert button.cf-btn {
    border-radius: 5px !important;
    background-color: var(--or-main-btncolor) !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    margin: 40px auto 10px;
    max-width: 309px;
    min-width: 220px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 45px;
}

.contact_form_insert button.cf-btn:hover {
    background-color: var(--or-alt-color) !important;
    opacity: 1 !important;
}

iframe.fondo_banner_hotel_one.transfer-iframe {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 50vh;
}

/*--------------------------------------------------------------
    2.3 Ficha Hotel
--------------------------------------------------------------*/

/* Momentos Únicos */

.container-momentos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-momentos .tarjeta-momentos {
    display: flex;
    flex-direction: column;
    width: 32%;
}

.container-momentos .tarjeta-momentos.is-lastone {
    margin-bottom: 0;
}

.container-momentos .tarjeta-momentos.margin {
    margin-bottom: 30px;
}

.container-momentos .tarjeta-momentos h5,
.container-momentos .tarjeta-momentos h3 {
    margin: 20px 0px 25px 0px;
    text-transform: uppercase;
    font-family: var(--or-alt-font);
    font-weight: 500;
    font-size: 16px;
    color: var(--or-alt-color);
    text-shadow: none;
    align-items: flex-start;
}

.container-momentos .tarjeta-momentos p em {
    font-family: 'Montserrat';
}

.container-momentos .tarjeta-momentos .btn {
    margin: 30px auto 10px 0;
}

/* Banner Inaguración Borrás */

.banner-inaguracion {
    max-width: 405px;
    position: absolute;
    top: 25vh;
    margin: 0 auto;
    display: block;
    left: calc((100vw - 405px) / 2);
    width: 100%;
}

.banner-inaguracion div.inaguracion-box {
    background-color: rgba(91 80 75 / .62);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.banner-inaguracion .hoposa-icon {
    width: 70%;
    display: flex;
    flex-wrap: nowrap;
    margin: 10px auto;
    justify-content: center;
    align-items: flex-end;
    max-width: 179px;
}

.banner-inaguracion .hoposa-icon::before,
.banner-inaguracion .hoposa-icon::after,
.banner-inaguracion div.inaguracion-box::before,
.banner-inaguracion div.inaguracion-box::after {
    display: block;
    flex-grow: 1;
    background-color: #FFFFFF;
    content: "";
    height: 2px;
    border-radius: 1px;
    margin: 0 -1px;
}

.banner-inaguracion .hoposa-icon img {
    margin: 0 5px;
    height: 18px;
    width: 18px;
}

.banner-inaguracion div.inaguracion-box::before,
.banner-inaguracion div.inaguracion-box::after {
    width: 80%;
    margin: -2px 0;
    max-width: 230px;
}

.banner-inaguracion div.inaguracion-box>h2 {
    color: #FFFFFF;
    font-size: 25.6px;
    font-family: var(--or-alt-font);
    font-weight: 400;
    margin: 20px auto 10px;
    line-height: 100%;
    text-align: center;
}

.banner-inaguracion div.inaguracion-box>h2>small {
    font-size: 20.8px;
    color: #FFFFFF;
    font-family: var(--or-alt-font);
    text-align: center;
}

.banner-inaguracion div.inaguracion-box>p {
    font-size: 14.4px;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
}


/* Servicios del Hotel 
.borras .servicios li:last-of-type {
    column-span: all;
}*/

.servicios {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.servicios.wrap {
    flex-wrap: wrap;
}

.servicios-hotel {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.servicios-hotel.w-25 {
    width: 25%;
}

.servicios-hotel.w-30 {
    width: 30%;
}

.servicios-hotel.w-40 {
    width: 40%;
}

.servicios-hotel.w-50 {
    width: 50%;
}

.servicios-hotel.w-100 {
    width: 100%;
}

.servicios-deportistas {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.servicios-deportistas.w-50 {
    display: flex;
    flex-direction: column;
    width: 50%;
}


/* Felchas para el despliegue pero solo en Móvil */

.servicios .icon-arrow-footer::before {
    display: none;
}

.lista-servicios-hotel,
.lista-servicios-deportistas {
    list-style: none;
    padding-left: 0;
}

.lista-servicios-hotel li>em {
    font-family: var(--or-alt-font);
    font-weight: 400;
}

.servicios li {
    font-size: 16px;
    margin-bottom: 8px;
    color: var(--or-alt-color);
    line-height: 1.5;
}

/* Servicios del hotel */

ul.lista-servicios-hotel.cuatro {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
}

ul.lista-servicios-hotel.tres {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

ul.lista-servicios-hotel.dos {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

ul.lista-servicios-hotel.uno {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
}

ul.lista-servicios-deportistas.dos {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

ul.lista-servicios-hotel span {
    font-size: 14px;
}

/* Banner Horizontal Hotel */

.banner-hotel {
    padding: 90px 0px;
}

.banner-hotel.has-nopad {
    padding: 0;
}

.banner-hotel p {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 14.4px;
}

.banner-hotel p:last-of-type {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.banner-hotel p:last-of-type span {
    margin: 0 5px;
}

.banner-hotel p:last-of-type img {
    margin: 0 5px;
}

.banner-hotel a {
    color: var(--or-alt-color);
    font-size: 15.2px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.banner-hotel .btn-banner {
    width: 100%;
    max-width: 309px;
    min-width: 309px;
}

.banner-hotel .btn-banner .btn {
    color: var(--or-illador-color);
    background-color: #FFDF9B;
    margin-bottom: 40px;
    border: none;
}

.banner-hotel .btn-banner .btn:hover {
    color: #FFDF9B;
    background-color: var(--or-illador-color);
}

.banner-hotel .color-negro {
    color: #161515;
}

.banner-hotel a.color-blanco,
.banner-hotel .color-blanco {
    color: #FFFFFF;
}

.banner-hotel .medium {
    font-weight: 500;
}

.banner-hotel a:hover {
    text-decoration: none;
}

.banner-hotel .icon-arrow-white {
    height: 10px;
    width: 10px;
}

.banner-hotel .icon-arrow-black {
    height: 10px;
    width: 10px;
    margin-left: 2px;
    margin-top: 3px;
}

.banner-hotel .icon-arrow {
    transform: rotate(-90deg);
    height: 10px;
    width: 10px;
}

.banner-hotel a:hover .icon-arrow-black,
.banner-hotel a:hover .icon-arrow-white,
.banner-hotel a:hover .icon-arrow {
    margin-left: 6px;
}

.banner-hotel-imagen {
    margin-bottom: 30px;
}

.banner-hotel-rrss {
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 40px;
}

.banner-hotel-rrss a {
    display: flex;
    padding: 0 10px;
    align-items: center;
}

.banner-hotel-rrss a>img {
    margin-right: 10px;
    height: 22px;
}

/* Black Color --> Cultural */

.banner-hotel.is-black p {
    color: #161515;
}

.banner-hotel.is-black a {
    color: #161515;
}

.banner-hotel.is-black .hotel-rrss>a {
    border: 1px solid #161515;
    filter: brightness(0.3);
}

/* Villaconcha */

.villaconcha h1 {
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-size: 45.008px;
    letter-spacing: -0.5px;
}

.villaconcha h1>small {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.villaconcha h2,
.villaconcha .h2 {
    font-family: 'Poppins', sans-serif;
    text-transform: initial;
    font-weight: 300;
    color: var(--or-black-color);
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    letter-spacing: -0.5px;
}

.villaconcha .h2 {
    font-weight: 700;
}

.villaconcha .tarjeta-momentos a {
    font-family: 'Poppins', sans-serif;
    color: var(--or-black-color);
}

.villaconcha .tarjeta-momentos a:hover {
    font-family: 'Poppins', sans-serif;
    color: var(--or-black-color);
}

.villaconcha h2 strong,
.villaconcha .h2 strong {
    font-weight: 700;
}

.villaconcha h2 strong.right,
.villaconcha .h2 strong.right {
    margin-right: 10px;
}

.villaconcha h2 strong.left,
.villaconcha .h2 strong.left {
    margin-left: 10px;
}

.villaconcha h2>small,
.villaconcha .h2>small {
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 400;
    color: var(--or-black-color);
    width: 100%;
}

.villaconcha .h2>small {
    font-weight: 400;
}

.villaconcha h3 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 500;
    font-size: 25.6px;
    width: 90%;
}

.villaconcha p {
    font-family: 'Poppins', sans-serif;
    color: var(--or-black-color);
}

.villaconcha p.color-blanco {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}

.villaconcha .container-momentos .tarjeta-momentos h5 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: var(--or-black-color);
}

.villaconcha .tarjeta-habitacion .titulo-habitacion {
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: var(--or-black-color);
}

.villaconcha .tarjeta-habitacion .texto-habitacion {
    font-family: 'Poppins', sans-serif;
    color: var(--or-black-color);
}

.villaconcha .slider-cards .numero-habitaciones {
    font-family: 'Poppins', sans-serif;
    color: var(--or-black-color);
}

.villaconcha.slider-gallery .total-gallery {
    font-family: 'Poppins', sans-serif;
    color: var(--or-black-color);
}


/* Tarjetas VillaConcha */

.villaconcha .orimg_effect .orimg_effect_texto h3 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 500;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto {
    padding: 60px 30px 20px 20px;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
    justify-content: center;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto h3 {
    color: var(--or-black-color);
}

.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul {
    list-style: none;
    text-align: center;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul li,
.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: var(--or-black-color);
    padding: 6px;
}

.villaconcha .orimg_effect.hover .orimg_effect_hidden ul.special li {
    padding: 2px;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul.special li small {
    font-family: 'Poppins', sans-serif;
    font-size: 14.4px;
    font-weight: 300;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden .btn {
    border: 1px solid var(--or-black-color);
    color: var(--or-black-color);
    margin-top: 20px;
}

.villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden .btn:hover {
    border: 1px solid var(--or-black-color);
    background-color: var(--or-black-color);
    ;
    color: #FFFFFF;
    margin-top: 20px;
}


/* Servicios en Villaconcha */

.villaconcha h4 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: var(--or-black-color);
}

.villaconcha .servicios li {
    font-family: 'Poppins', sans-serif;
    font-size: 14.4px;
    font-weight: 400;
    color: var(--or-black-color);
}


/* Illa d'Or */

.illador h1 {
    font-family: 'Cinzel', serif;
    font-size: 45.008px;
    font-weight: 600;
}

.illador h1>small {
    font-family: 'Cinzel', serif;
    font-weight: 600;
}

.illador h2,
.illador .h2 {
    font-family: 'Cinzel', serif;
    text-transform: initial;
    color: var(--or-illador-color);
    font-weight: 600;
}

.illador h2>small,
.illador .h2>small {
    font-family: 'Cinzel', serif;
    color: var(--or-illador-color);
    font-weight: 600;
}

.illador.tarjeta-larga h3 {
    font-family: 'Cinzel', serif;
    font-weight: 600;
    text-shadow: none;
    text-transform: none;
}

.illador.tarjeta-larga p {
    font-family: var(--or-alt-font);
    font-size: var(--or-font-p);
    font-weight: 400;
}

.illador .tarjeta-habitacion .titulo-habitacion {
    font-family: 'Cinzel', serif;
    font-weight: 600;
    color: var(--or-illador-color);
}

.illador .tarjeta-habitacion .btn-habitacion,
.illador.slider-cards .numero-habitaciones,
.illador.slider-gallery .total-gallery {
    color: var(--or-illador-color);
}

.illador .tarjeta-habitacion .btn-habitacion:hover {
    color: #FFFFFF;
}

/* .illador p small {
    font-size: 11.008px;
} */

/* Apartamentos Montelin */

.listado-fichas-hotel.unique-room {
    margin-top: 0px;
}

.listado-fichas-hotel.unique-room .ficha-hotel .ficha-hotel-imagen {
    height: 580px;
}

.listado-fichas-hotel.unique-room .ficha-hotel.unique .ficha-hotel-texto p {
    max-width: 633px;
}


/** TripADvisor **/

.tripadvisor-award {
    display: flex;
    flex-direction: column;
}

.tripadvisor-award>img {
    max-width: 143px;
    margin: 50px auto 30px;
}

.tripadvisor-award strong {
    text-transform: uppercase;
    font-family: var(--or-main-font);
    color: var(--or-p-color);
    font-size: 17.008px;
    max-width: 410px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.bg-header-illador:before,
.bg-header-pollentia:before {
    content: " ";
    position: absolute;
    height: 217px;
    width: 178px;
    /* display: block; */
    display: none;
    right: calc(((100% - var(--or-width)) / 2) + 80px);
    top: 200px;
    background-image: url(/images/hoposa/logotipos/logo_trip_portada.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/*--------------------------------------------------------------
    2.4 Destinos
--------------------------------------------------------------*/

/* Puerto Pollensa */


/* Fotos y Párrafos */

.slider-responsive {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.open-room-row-destino {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.open-room-row-destino.reverse {
    flex-direction: row-reverse;
}

.open-room-column-destino {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.open-room-column-destino p {
    text-align: center;
}

.open-room-column-destino.first {
    width: 40%;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.open-room-column-destino.second {
    max-width: 806px;
    width: 50%;
}


/* Listado Fichas */

.listado-fichas-hotel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    width: 100%;
}

.listado-fichas-hotel.nomargin {
    margin-top: 0px;
}

.listado-fichas-hotel .ficha-hotel {
    display: flex;
    flex-direction: row;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}


/*.listado-fichas-hotel .ficha-hotel:nth-child(2n+1) {
    margin-right: 20px;
}
*/

.listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen {
    display: flex;
    height: 409px;
    width: 414px;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen picture {
    min-width: 100%;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen img {
    object-fit: cover;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen.is-right img {
    object-position: right;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen.is-20 img {
    object-position: 20%;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    width: 392px;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3 {
    font-size: 25.6px;
    color: var(--or-alt-color);
    text-shadow: initial;
    margin-bottom: 0px;
    width: 50%;
}

.listado-fichas-hotel .ficha-hotel .ficha-hotel-texto p {
    padding-left: 25px;
    padding-right: 25px;
}


/* Deia */

.listado-fichas-hotel .ficha-hotel.unique {
    width: 100%;
    margin-bottom: 0px;
}

.listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen,
.listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
    width: 100%;
}

.listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen img {
    object-fit: cover;
}

.listado-fichas-hotel .ficha-hotel.unique:nth-child(2n+1) {
    margin-right: 0px;
}

.listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto p,
.listado-fichas-hotel.impar .ficha-hotel:first-of-type .ficha-hotel-texto p
/** JAUME **/

    {
    max-width: 537px;
}

.listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-imagen,
.listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-texto {
    min-width: 50%;
}


/*--------------------------------------------------------------
    2.5 Experiencias
--------------------------------------------------------------*/

/* Romántica */

.listado-fichas-hotel .ficha-hotel.color-especial {
    background-color: var(--or-section-color);
}

/* Adults Only */

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen {
    height: 580px;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen {
    width: 50%;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
    width: 50%;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen img {
    width: 100%;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto p {
    max-width: 633px;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto p:last-of-type {
    margin-bottom: 30px;
}

.adults .listado-fichas-hotel .ficha-hotel.unique.special-color .ficha-hotel-texto {
    background-color: var(--or-section-color);
}

.adults .listado-fichas-hotel .ficha-hotel.unique.reverse {
    flex-direction: row-reverse;
}

.adults .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3>small {
    margin-bottom: 5px;
    color: var(--or-alt-color);
}

.adults .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3 {
    font-size: 35.008px;
    margin-bottom: 50px;
    width: 100%;
}

.adults .listado-fichas-hotel {
    margin-top: 0px;
}

.adults.has-brothersbelow .listado-fichas-hotel {
    padding-bottom: 50px;
}

.adults.is-lastone .listado-fichas-hotel {
    padding-bottom: 100px;
}

.adults .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
    justify-content: center;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-doblebtn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    margin-bottom: 40px;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto p.hasnot-padbot {
    padding-bottom: 0;
}

.adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto p.has-image img {
    margin-right: 5px;
}

/*--------------------------------------------------------------
    2.6 Todos los Hoteles
--------------------------------------------------------------*/

.menu-navegacion-hoteles>.or_blockwidth {
    align-items: center;
}

.menu-alojamiento {
    display: flex;
    list-style: none;
    /* padding: 16px;*/
    flex-direction: row;
    width: 84%;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid var(--or-main-color);
    padding-left: 0px;
}

.menu-alojamiento li a,
.menu-alojamiento li {
    font-size: 18px;
    font-weight: 400;
    color: var(--or-alt-color);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 68px;
}

.menu-alojamiento li:nth-child(1) a,
.menu-alojamiento li:nth-child(1) {
    min-width: 140px;
    width: 140px;
}

.menu-alojamiento li:nth-child(7) a,
.menu-alojamiento li:nth-child(7) {
    min-width: 220px;
    width: 220px;
}

.menu-alojamiento li.active {
    font-weight: 500;
    border-bottom: 4px solid #8D817B;
}

/*** ARREGLO 
 *** -> Se ha agregado la clase fondo_section al body de este apartado para que funcione la magia ***/

.menu-navegacion-hoteles
/** AÑADIDO **/

    {
    background-color: #FFFFFF;
    padding-bottom: 200px;
}

.tarjeta-hotel:nth-child(2n) {
    padding-right: calc((100% - var(--or-width))/ 2);
    padding-left: 18px;
    margin-top: -200px;
    /** AÑADIDO **/
}

.tarjeta-hotel:nth-child(2n+1) {
    padding-left: calc((100% - var(--or-width))/ 2);
    margin-top: -200px;
    /** AÑADIDO **/
}

.tarjeta-hotel:nth-child(2n)~.tarjeta-hotel:nth-child(2n),
.tarjeta-hotel:nth-child(2n+1)~.tarjeta-hotel:nth-child(2n+1) {
    /** AÑADIDO **/
    margin-top: 0;
}

.tarjeta-hotel {
    float: left;
    padding-bottom: 18px;
    background-color: transparent !important;
    /** AÑADIDO **/
}


/*** FIN DEL ARREGLO ***/

.tarjeta-hotel>.or_blockwidth {
    background-color: #FFFFFF;
    width: 806px;
}

.tarjeta-hotel .texto-hotel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 20px 30px 20px;
    width: 100%;
}

.tarjeta-hotel .texto-hotel h3 {
    font-size: 25.6px;
    text-shadow: initial;
    color: var(--or-alt-color);
}

.tarjeta-hotel .texto-hotel h3 small {
    font-size: 14.4px;
    margin-bottom: 5px;
    color: var(--or-alt-color);
}

.tarjeta-hotel .texto-hotel p {
    margin: 20px 0px;
    text-align: center;
    font-size: 14.4px;
    max-width: 672px;
}

/*--------------------------------------------------------------
    2.7 Deportes
--------------------------------------------------------------*/


/* Ciclismo */

.bg_sport-ciclista.tarjeta-larga .botones {
    justify-content: space-evenly;
    width: 60%;
}


/* Slider Tarjetas Deportes */

p.numero-tarjetas {
    margin-top: 30px;
}




/* Alquiler Bicicletas */

.listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto {
    margin-top: initial;
}

.listado_fichas.listado_alquiler .orimg_effect {
    max-width: 806px;
    width: 806px;
    max-height: 823px;
    height: 760px;
    background-color: #FFFFFF;
}

.listado_fichas.listado_alquiler .orimg_effect {
    margin-bottom: 12px;
}

.listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto {
    min-height: 140px;
    max-width: 806px;
    height: 760px;
}

.listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto {
    justify-content: flex-start;
}

.listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto h3 {
    margin: 0px 20px 30px 20px;
    font-size: 20.8px;
    text-shadow: initial;
    min-height: initial;
    color: var(--or-alt-color);
}

.listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto p {
    padding: 0px 20px 20px 20px;
    text-align: center;
    max-width: 659px;
}

.listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto p strong {
    font-weight: 500;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto>img,
.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto>p {
    display: none;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
    max-width: 659px;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
    color: var(--or-alt-color);
    font-weight: 500;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul li {
    font-weight: 500;
    padding: 2px;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul li small {
    font-weight: 400;
    font-size: 14.4px;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p:last-of-type {
    flex-grow: initial;
    width: 100%;
}

.listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p:last-of-type {
    flex-grow: initial;
    width: 100%;
}

.listado_fichas.listado_alquiler .orimg_effect:last-of-type {
    margin-right: auto;
}

.alquiler_bicicletas .listado_contador {
    display: none;
}

/*--------------------------------------------------------------
    2.8 Medidas Covid
--------------------------------------------------------------*/

.section-medidas ul li {
    padding: 4px 0px;
    color: var(--or-alt-color);
}

.section-medidas ul li ul {
    padding-top: 4px;
}

.section-medidas h3 {
    align-items: flex-start;
    color: var(--or-alt-color);
    text-shadow: none;
    font-size: 24px;
    width: 100%;
}

/*--------------------------------------------------------------
    2.9 Blog
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    2.9.1 J!4
--------------------------------------------------------------*/
.login .login {
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article article section {
    padding: 0;
}

.category .category-desc h1,
.article .com-content-article>article h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 60px;
    font-family: var(--or-main-font);
    font-size: 35.008px;
    color: var(--or-titles-color);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: none !important;
    pointer-events: none;
}

.category .category-desc h1>small {
    letter-spacing: 0.01em;
    font-weight: 700;
}

.category .blog,
.article .com-content-article,
.article .orfooter,
.category .orfooter {
    background-color: var(--or-section-color);
}

.category .blog .items-leading,
.category .blog .items-row,
.category .blog .blog-items {
    display: grid;
    gap: 28px 28px;
    grid-template: auto / repeat(3, 1fr);
    max-width: var(--or-width);
    width: 100%;
    margin: 0 auto;
}

.category .blog .items-leading>div .item-content {
    display: flex;
    flex-direction: column;
}

.promos.category .blog .items-leading>div .item-content>p:not(.readmore) {
    display: none;
}

.category .blog .items-leading>div .item-content dd,
.category .blog .blog-items>div .item-content dd {
    margin-left: 0;
    order: 4;
}

.category .blog .items-leading>div .item-content dd>*,
.category .blog .blog-items>div .item-content dd>* {
    font-size: 13.008px;
    font-style: italic;
    font-family: var(--or-alt-font);
}

.category .blog .items-leading>div .item-content .article-info,
.category .blog .blog-items>div .item-content .article-info {
    order: 4;
}

.category .blog .item-image {
    height: 300px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: calc((var(--or-width) - (var(--or-blog-grid-gap) * 2)) / 3);
}

.category .blog .item-image img {
    height: 100%;
    min-width: auto;
    max-width: inherit;
    object-fit: cover;
}

.category .blog .item-image a {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.category .blog .page-header>* {
    color: var(--or-alt-color);
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    margin: 20px 0;
    line-height: 1.4;
}

.category .blog .page-header>h2 {
    align-items: flex-start;
}

.category .blog .page-header a {
    text-decoration: none;
    font-family: var(--or-alt-font);
}

.category .blog .items-leading .icons,
.category .blog .items-row>div .icons,
.category .blog .blog-items>div .icons {
    display: none;
}

.category .blog .items-leading>div,
.category .blog .items-row>div>div,
.category .blog .blog-items>div>div {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

.category .blog .items-leading>div .post-intro-text,
.category .blog .items-row>div .post-intro-text,
.category .blog .blog-items>div .post-intro-text {
    flex-grow: 1;
}

.category .blog .items-leading>div .readmore,
.category .blog .items-row>div .readmore,
.category .blog .blog-items>div .readmore {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
}

.category .blog .items-leading>div .readmore a,
.category .blog .items-row>div .readmore a,
.category .blog .items-leading>div .readmore a.btn.secondary,
.category .blog .items-row>div .readmore a.btn-secondary,
.category .blog .blog-items>div .readmore a.btn-secondary {
    border: none;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    text-transform: none;
    font-weight: 700;
    height: 40px;
    min-height: auto;
    min-width: initial;
    width: auto;
    margin: 0;
    background-color: transparent;
    color: var(--or-alt-color);
}

.category .blog .items-leading .blog-others,
.category .blog .items-row>div .blog-others,
.category .blog .blog-items>div .blog-others {
    font-size: 13.008px;
    font-style: italic;
}

.article .com-content-article>article .sppb-addon-content {
    line-height: 1.5;
}

.category .blog .com-content-category-blog__navigation {
    display: flex;
    flex-direction: column;
    width: var(--or-width);
    margin: 20px auto 0;
    justify-content: center;
    align-items: center;
}

.category .blog ul.pagination {
    display: flex;
    align-items: center;
    align-content: space-around;
    flex-direction: row;
    max-height: 70px;
    display: flex;
    justify-content: center;
    margin: 10px 0 20px;
    padding: 0;
    min-width: var(--or-width);
    margin: 0 auto;
    padding-bottom: 20px;
}

.category .blog ul.pagination>li {
    font-size: 14.4px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 5px;
    margin: 0 2px;
}

.category .blog ul.pagination>li>a,
.category .blog ul.pagination>li>span {
    display: flex;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.category .blog p.counter {
    width: 100%;
    font-size: 12.8px;
    height: auto;
    line-height: 1;
    display: flex;
    justify-content: center;
}

.category .blog ul.pagination>li.pagination-start,
.category .blog ul.pagination>li.pagination-end {
    display: none;
}

.category .blog ul.pagination>li.pagination-next::before {
    content: "»";
}

.category .blog ul.pagination>li.pagination-prev>*,
.category .blog ul.pagination>li.pagination-next>* {
    display: none;
}

.category .blog ul.pagination>li.pagination-prev::before {
    content: "«";
}

/* Pagination */

.com-content-category-blog ul.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 60px auto;
    max-width: var(--or-width);
    list-style: none;
}

.com-content-category-blog ul.pagination li.disabled {
    opacity: .7;
}

.com-content-category-blog ul.pagination li {
    padding: 5px;
    min-width: 30px;
    height: 35px;
    background-color: var(--or-main-color);
    margin: 0 5px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--or-alt-color);
    text-decoration: none;
    border: 1px solid var(--or-alt-color);
}

.com-content-category-blog ul.pagination li a {
    text-decoration: none;
}

.pagination span[class*=icon-angle]::before {
    font-size: 20px;
    line-height: 1;
}

.pagination span.icon-angle-double-left::before {
    content: "«";
}

.pagination span.icon-angle-left::before {
    content: "‹";
}

.pagination span.icon-angle-right::before {
    content: "›";
}

.pagination span.icon-angle-double-right::before {
    content: "»";
}

.article .com-content-article {
    display: grid;
    grid-template-columns: 1fr var(--or-width-blog) 1fr;
    margin-top: var(--or-menu-height);
}

.article .com-content-article>* {
    grid-column: 2;
}

.article .com-content-article>.item-image {
    grid-column: 1 / span 3;
    grid-row: 1 / span 1;
    height: var(--or-blog-header-h);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
    object-position: center;
    align-content: center;
}

.article .com-content-article>.item-image img {
    min-height: var(--or-blog-header-h);
    min-width: var(--or-width-blog);
    object-fit: cover;
}

.article .com-content-article>article {
    background-color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 100px;
    border-radius: 10px;
    padding: 100px;
    grid-column: 2 / span 1;
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
}

.article .com-content-article>article h1 {
    margin-top: 0;
}

.article .com-content-article>article h2,
.article .com-content-article>article h3 {
    font-size: 22px;
    line-height: 1.6;
    font-family: var(--or-main-font);
    color: var(--or-titles-color);
    text-shadow: none;
}

.article .com-content-article>article h3 {
    font-size: 18px;
    letter-spacing: 0.01em;
}

.article .com-content-article>article p {
    margin-top: 20px;
    margin-bottom: 20px;
    hyphens: initial;
    word-wrap: normal;
    font-size: 14.4px;
    line-height: 25px;
    color: var(--or-alt-color);
}

.article .com-content-article>article table {
    display: block;
    max-width: calc(var(--or-width-blog) - 40px);
    width: auto;
    overflow: auto;
    margin: 0 auto;
}

.article article a {
    font-family: var(--or-alt-font);
}

.article article .icons,
.article article>a {
    display: none;
}

.article .c-article>nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}

.article .c-article>nav>ol {
    max-width: var(--or-width-blog);
    display: flex;
    list-style: none;
    align-items: center;
    padding-left: 0;
    flex-wrap: wrap;
}

.article .c-article>nav>ol.mod-breadcrumbs>li {
    font-size: 16px;
    font-family: var(--or-alt-font);
    color: var(--or-alt-color);
    font-weight: 700;
}

.article .c-article>nav>ol.mod-breadcrumbs>li a {
    text-decoration: none;
    font-weight: 500;
    color: var(--or-alt-color);
}

.article .c-article>nav>ol.mod-breadcrumbs>li small {
    font-size: 100%;
}

.article .c-article>nav>ol.mod-breadcrumbs>li::after,
.article .c-article>nav>ol.mod-breadcrumbs>li span.divider:not(.icon-location)::before {
    transform: rotate(90deg);
    content: '\e806';
    font-family: or-icon-tpl;
    font-style: normal;
    font-weight: 400;
    speak-as: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.article .c-article>nav>ol.mod-breadcrumbs>li span.divider img,
.article .c-article>nav>ol.mod-breadcrumbs>li.float-start,
.article .c-article>nav>ol.mod-breadcrumbs>li.active::after {
    display: none;
}

.article ul.pager.pagenav {
    display: none;
}

.article article dl.article-info.text-muted {
    font-size: 12.8px;
    font-style: italic;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    font-family: var(--or-alt-font);
}

.article .pagenavigation {
    display: none;
}

.promos.article .com-content-article>article {
    margin-top: 100px;
}

.article .t-column100>.sppb-column-addons {
    width: 100%;
}

.article .sppb-addon-accordion .sppb-addon-title {
    margin-bottom: 60px;
}

.article .sppb-addon-accordion .sppb-panel-modern:not(:last-child) {
    padding-bottom: 10px;
}

.article .sppb-addon-accordion .sppb-panel-modern .sppb-panel-title {
    cursor: pointer;
    margin-right: 5px;
}

.article .sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading.active i::before {
    content: "\f078";
}

.article .sppb-addon-accordion .sppb-panel-modern p {
    padding-bottom: 0;
}

/* FIX ACTUALIZACIÓN FAQS ARTICULOS */

.article .sppb-addon-accordion .sppb-panel-modern button,
.article .sppb-addon-accordion .sppb-panel-default button {
    background-color: transparent;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: var(--or-alt-color);
}

.article .sppb-addon-accordion .sppb-panel-default button {
    width: 100%;
    display: flex;
    justify-content: center;
}

.article .sppb-addon-accordion .sppb-panel-modern .addon-root-text-block {
    margin-bottom: 0 !important;
    /*está puesto en el page builder, quitar de ahi*/
}

.article .sppb-addon-accordion .sppb-panel-modern .sppb-column,
.article .sppb-addon-accordion .sppb-panel-default .sppb-column {
    display: flex;
    align-items: flex-start;
}

.article .com-content-article .addon-root-accordion {
    width: 100%;
}

@media (max-width: 1024px) {
    .article .sppb-addon-accordion .sppb-panel-modern button {
        font-size: 16px;
        text-align: left;
    }
}

/*--------------------------------------------------------------
    2.9.2 WP
--------------------------------------------------------------*/

#wpadminbar {
    display: none;
}

#wp-page.site,
.isPage {
    background-color: var(--or-section-color);
}

#wp-page h4,
#wp-page h5,
#wp-page h6 {
    align-items: inherit;
}

div#content {
    margin: 0 auto;
}

.isPost .page-header h2 {
    font-size: 35.008px;
    margin: 100px auto 80px;
    letter-spacing: 1;
}

#wp-page .entry-page-image {
    width: 100vw;
    float: none;
    margin: 0;
}

#wp-page .site-content {
    float: none;
    display: flex;
    width: 100vw;
}

#wp-page .site-content article.page {
    border: none;
    margin-bottom: 40px;
}

#wp-page .entry-header h1.entry-title,
#wp-page .entry-content h1.entry-title,
#wp-page .entry-content h1.entry-title a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 0;
    font-family: var(--or-main-font);
    font-size: 35.008px !important;
    color: var(--or-titles-color);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: none !important;
    pointer-events: none;
}

#wp-page .entry-content h1.entry-title a {
    margin-top: 0;
    text-decoration: none;
}

#wp-page .entry-header img.wp-post-image {
    margin-bottom: 0px !important;
}

#wp-page .entry-header {
    margin-bottom: 0;
}

#wp-page .entry-content p.page_subtext {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25.6px;
    font-family: var(--or-main-font);
}

#wp-latest-wrapper {
    display: grid;
    gap: 28px 28px;
    grid-template: auto / auto auto auto;
}

#wp-latest-wrapper>ul {
    grid-column-start: 1;
    grid-column-end: 4;
    max-height: 70px;
    display: flex;
    justify-content: center;
    margin: 20px 0;
    padding: 0;
    min-width: var(--or-width);
}

#wp-latest-wrapper>ul>li {
    font-size: 14.4px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 5px;
    margin: 0 2px;
}

#wp-latest-wrapper>ul>li>a,
#wp-latest-wrapper>ul>li>span {
    display: flex;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#wp-latest-wrapper>div {
    max-width: 526px;
}

.wp_mod {
    max-width: var(--or-width);
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.wp_mod #wp-latest-wrapper h4.entry-title {
    margin: 25px 0px;
    color: var(--or-alt-color);
}

.wp_mod #wp-latest-wrapper a {
    color: var(--or-alt-color);
    font-weight: 700;
    text-decoration: none;
}

.wp_mod #wp-latest-wrapper .wp-latest-introtext {
    color: var(--or-alt-color);
    margin: 0 0 15px;
    line-height: 160%;
    font-size: 14.4px;
}

.wp_mod #wp-latest-wrapper .module_post_entry {
    border-bottom: 0 none;
}

.entry-page-image {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.entry-page-image>img {
    height: 100%;
    min-width: auto;
    max-width: inherit;
}

#wp-page .post .entry-content {
    max-width: 1080px;
    width: 80%;
    min-width: 750px;
    border-radius: 5px;
    margin: 50px auto 30px;
    background-color: #FFFFFF;
    padding: 20px 7.31% 60px;
    /*text-align: center;*/
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
}

#wp-page .entry-content p {
    hyphens: initial;
    word-wrap: normal;
    font-size: 14.4px;
    line-height: 25px;
    color: var(--or-alt-color);
}

#wp-page .post .entry-content p {
    margin-top: 50px;
}

#wp-page .entry-content blockquote {
    padding: 0;
    font-weight: 700;
}

#wp-page .entry-content blockquote>p {
    font-weight: 700;
}

#wp-page footer.entry-meta {
    display: none;
}

#wp-page .site-content article {
    border: none;
    margin-bottom: 0;
}

#wp-page .site-content nav {
    max-width: 1080px;
    width: 80%;
    padding-bottom: 50px;
    /** display: flex;  <-- AJUSTE HASTA PODER FILTRAR NEXT/PREV POST ***/
    display: none;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

#wp-page .nav-previous,
#wp-page .previous-image,
#wp-page .nav-next,
#wp-page .next-image {
    margin: 0 auto;
    padding: 0 50px;
    font-family: var(--or-main-font);
    text-transform: uppercase;
    text-align: center;
}

#wp-page .nav-previous a,
#wp-page .previous-image a,
#wp-page .nav-next a,
#wp-page .next-image a {
    color: var(--or-alt-color);
    text-decoration: none;
    font-weight: bold;
    font-size: 14.4px;
}

#wp-page .nav-previous a small,
#wp-page .previous-image a small,
#wp-page .nav-next a small,
#wp-page .next-image a small,
.wp_mod #wp-latest-wrapper h4.entry-title a>small {
    font-size: 100%;
}

#wp-page .post .entry-header {
    max-height: 614px;
    overflow: hidden;
}

#wp-page h1.entry-title small {
    font-size: 25.6px;
}

#wp-page .breadcumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

#wp-page .breadcumbs>div {
    font-size: 16px;
    font-family: var(--or-alt-font);
    color: var(--or-alt-color);
    font-weight: 700;
}

#wp-page .breadcumbs>div a {
    text-decoration: none;
    font-weight: 500;
    color: var(--or-alt-color);
}

#wp-page .breadcumbs>div small {
    font-size: 100%;
}

.breadcumbs .oricon-lightarrow:before {
    transform: rotate(90deg);
}

/*--------------------------------------------------------------
    2.9.3 c-lastposts
--------------------------------------------------------------*/

.c-lastposts,
.c-lastposts {
    --lastposts-pad: 100px 0;
    --lastposts-mw: var(--or-mid-width);
    --lastposts-list-gap: 50px;
    --lastposts-a-font: 18px;
    --lastposts-a-color: white;
    --lastposts-content-pad: 50px 35px;
    --lastposts-h3-marbot: 35px;
    --lastposts-img-minh: 240px;
    --lastposts-bgcolor: var(--or-alt-color);
}

.c-lastposts {
    padding: var(--lastposts-pad);
    max-width: var(--lastposts-mw);
    margin: 0 auto;
}

.c-lastposts .orS2P_bloque_content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.c-lastposts .orS2P_bloque {
    display: flex;
    height: 100%;
}

.c-lastposts .orS2P_list {
    display: grid;
    grid-template-columns: repeat(3, calc((var(--lastposts-mw) - 100px) / 3));
    gap: 50px;
    margin: 0 auto;
}

.c-lastposts .orS2P_list.orS2P_Bloque>div .orS2P_bloque_content_button .s2p_tituloArticle a {
    font-size: var(--lastposts-a-font);
    line-height: 1;
    text-transform: none;
    color: var(--lastposts-a-color);
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    text-align: start;
    border: none;
    margin: 0;
}

.c-lastposts .orS2P_list.orS2P_Bloque>div .orS2P_bloque_content a:hover {
    text-decoration: none
}

.c-lastposts .orS2P_list.orS2P_Bloque>div .orS2P_bloque_content_button .s2p_tituloArticle a:hover {
    background-color: transparent;
}

.c-lastposts .orS2P_bloque_content_button {
    background-color: var(--lastposts-bgcolor);
    padding: var(--lastposts-content-pad);
}

.c-lastposts .orS2P_bloque_content_button h3 {
    padding: 0;
    margin: 0;
    margin-bottom: var(--lastposts-h3-marbot);
}

.c-lastposts .orS2P_bloque_content_image img {
    height: 100%;
    min-height: var(--lastposts-img-minh);
}

.c-lastposts .orS2P_bloque_content_button a:last-of-type {
    color: var(--lastposts-a-color);
    border: 1px solid var(--lastposts-a-color);
    margin: 0;
    width: auto;
    min-width: 100%;
}

.c-lastposts .orS2P_bloque_content_button a:last-of-type:hover {
    background-color: var(--lastposts-a-color);
    color: var(--lastposts-bgcolor);
}

@media (min-width: 1025px) and (max-width: 1679px) {

    .c-lastposts,
    .c-lastposts {
        --lastposts-mw: var(--or-width);
    }

    .c-lastposts .orS2P_bloque_content_button {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .c-lastposts .orS2P_bloque_content_image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .c-lastposts .orS2P_list.orS2P_Bloque {
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(2, 1fr)
    }

    .c-lastposts .orS2P_list.orS2P_Bloque>div:first-of-type {
        grid-column: 1 / span 2;
        max-width: 100%
    }

    .c-lastposts .orS2P_list.orS2P_Bloque>div:first-of-type {
        grid-column: 1 / span 2;
        max-width: 100%
    }

    .c-lastposts .orS2P_bloque_content_button {
        height: 100%;
    }

    .c-lastposts .orS2P_bloque_content_image img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {

    .c-lastposts,
    .c-lastposts {
        --lastposts-img-minh: 250px;
    }

    .c-lastposts.orS2P .orS2P_list {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        overflow-x: scroll;
        gap: 15px;
    }

    .c-lastposts .orS2P_list.orS2P_Bloque>div .orS2P_bloque_content {
        width: 70vw;
    }

    .c-lastposts .orS2P_bloque_content_image img {
        height: 300px;
        max-width: 100%;
        object-fit: cover;
        object-position: center
    }

    .c-lastposts .orS2P_bloque_content_image {
        max-height: 300px
    }

    .c-lastposts .orS2P_bloque_content_button {
        min-height: 290px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .c-lastposts .orS2P_bloque_content_button h3 {
        margin: 0;
    }
}

/*--------------------------------------------------------------
    3.0 Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    3.1 Footer Principal
--------------------------------------------------------------*/

.orfooter {
    background-color: var(--or-color-footer);
    color: var(--or-alt-color);
    padding: 40px 0px;
}

.orfooter a {
    color: initial;
}

.orfooter>.or_blockwidth {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1300px;
}

.orfooter h6 {
    font-family: var(--or-alt-font);
    font-size: 14.4px;
    font-weight: 400;
    margin-bottom: 5px;
    color: var(--or-alt-color);
    cursor: pointer;
    margin-top: 8px;
}

.orfooter .container-logo {
    width: 30%;
}

.orfooter .primer-menu {
    width: 20%;
}

.orfooter .segundo-menu {
    width: 25%;
}

.orfooter .tercer-menu {
    width: 25%;
}

.orfooter .logotipo {
    max-width: 213px;
}

.orfooter a {
    color: var(--or-alt-color);
}

.orfooter ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 14.4px;
}

.orfooter ul li {
    border-bottom: initial;
    height: initial;
    padding: 6px 0px;
}

.orfooter ul li a {
    list-style: none;
    font-size: 14.4px;
    text-decoration: none;
    font-family: var(--or-alt-font);
}

.orfooter ul li a:hover {
    text-decoration: underline;
}

.orfooter .btn-footer {
    max-width: 248px;
    min-width: 248px;
    margin-bottom: 7px;
    margin-left: initial;
    margin-top: 7px;
}

.orfooter .tercer-menu ul li a {
    color: var(--or-main-color);
    font-weight: 500;
}

.orfooter .tercer-menu ul li:first-child a {
    font-weight: 600;
}

.orfooter .orfooter-rrss {
    height: 21px;
    display: flex;
    justify-content: space-between;
    width: 157px;
    align-items: center;
    margin-top: 50px;
}

.orfooter .icon-arrow-footer::before {
    display: none;
}


/*--------------------------------------------------------------
    3.2 Footer Secondary
--------------------------------------------------------------*/

.orfooter-secondary>.or_blockwidth {
    justify-content: center;
    align-items: center;
    padding: 25px;
}

.orfooter-secondary p {
    color: #FFFFFF;
    font-size: 14.4px;
    padding: initial;
}

.orfooter-secondary .powered {
    color: var(--or-web-corp-color);
    font-weight: 600;
    margin-top: 25px;
}

.orfooter-secondary .powered a,
.orfooter-secondary .powered {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.orfooter-secondary p a {
    color: #FFFFFF;
    text-decoration: none;
}

.orfooter-secondary .footer-derechos-fecha p:not(p.powered) {
    display: inline;
    color: var(--or-web-corp-color);
    font-weight: 600;
    line-height: 1.5;
}

.orfooter-secondary .footer-derechos-fecha {
    display: grid;
    grid-auto-flow: column;
    gap: 50px;
    align-items: flex-end;
}

/*--------------------------------------------------------------
    3.3 Footer RRSS
--------------------------------------------------------------*/

.orfooter .orfooter-rrss img {
    max-width: 24px;
}

/*--------------------------------------------------------------
    4.0 Políticas Legales
--------------------------------------------------------------*/

.orpoliticas.no_pad_top>.or_blockwidth {
    padding-top: 0px;
}

.orpoliticas.no_pad_bottom>.or_blockwidth {
    padding-bottom: 0;
}

.or_cookieblock p {
    color: #FFFFFF;
}

.orpoliticas p {
    text-align: left;
}

a.orbtn.orbtn-inline {
    color: #FFFFFF;
    font-weight: 400;
}

.orpoliticas>.or_blockwidth {
    align-items: flex-start;
}

.orpoliticas h1 {
    color: var(--or-alt-color);
    line-height: 120%;
    font-size: var(--or-font-h2);
    margin: 30px auto 50px;
    text-align: center;
    text-shadow: initial;
}

.orpoliticas h2 {
    padding: 0;
    margin: 0;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0px;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    color: var(--or-alt-color);
    text-shadow: none;
    font-size: 24px;
    width: 100%;
    letter-spacing: 0.03em;
}

.orpoliticas h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h4);
    text-transform: uppercase;
    font-weight: 500;
    color: var(--or-web-text-color);
    text-shadow: none;
}

.orpoliticas ol {
    margin-bottom: 15px;
}

.orpoliticas .text_center p {
    text-align: center;
}

.politicas #buscador .sticky-buscador {
    top: 100px;
}

/*--------------------------------------------------------------
    5.0 MOBILE
--------------------------------------------------------------*/

@media (max-width: 767px) {

    :root {
        --or-font-h1: 30px;
        --or-font-h1-isv2: 42px;
        --or-font-h1-small-isv2: 18px;
        --or-font-h2: 25.6px;
        --or-font-h2-small: 14.4px;
        --or-font-h3: 20.8px;
        --or-font-h3-small: 14.4px;
        --or-font-h4: 16px;
        --or-font-h5: 22px;
        --or-font-h6: 20.8px;
        --or-font-p: 14.4px;
        --or-width: 90%;
        --or-mid-width: 90%;
        --or-small-width: 90%;
        --or-menu-height: 60px;
        --or-modal-altbgcolor: var(--or-main-btncolor);
        --or-be-specialcolor: var(--or-main-btncolor);

        --or-modal-altbgcolor: var(--or-alt-color);
        --or-be-specialcolor: var(--or-alt-color);

        --or-width-blog: 92vw;
        --or-blog-header-h: 40vh;

        /* Slides 2 Post */
        --slides-2-post-width: 100vw;
        --slides-2-post-height: 500px;

        /* Slider Gallery */
        --slider-gallery-width: 90vw;
        --slider-gallery-height: 393px;
        --slider-gallery-gap: 0px;

        /* Slider Cards */
        --slider-cards-height-image: 376px;
        --slider-cards-height-text: 550px;
        --slider-cards-height-text-sport: 360px;
        --slider-cards-gap: 0;

        /* Slider Modal Rooms */
        --slider-modal-rooms-height: 205px;
        --slider-modal-rooms-width: 310px;

        /* Vuelo + Hotel */
        --beboxbtns-height: 50px;
    }

    /*--------------------------------------------------------------
        5.1.0 Basics
    --------------------------------------------------------------*/
    /* Márgenes  y Paddings */
    html {
        margin-top: 0 !important;
        line-height: 1.5;
        font-weight: 400;
        -webkit-text-size-adjust: 100%;
    }

    body {
        padding-bottom: 59px;
    }

    .or_home_class h1 {
        font-size: var(--or-font-h1);
        width: 90%;
        margin-top: 0;
    }

    html[lang=de] .politicas h1 {
        font-size: 20.8px;
    }

    html[lang=de] .orpoliticas h2 {
        font-size: 20.8px;
        padding-bottom: 30px;
    }

    h1 {
        font-size: var(--or-font-h1);
        text-align: center;
        width: 90%;
    }

    h1>small {
        text-align: center;
        margin-top: 10px;
    }

    h1.is-v2>small {
        line-height: 140%;
    }

    h1.special>small {
        font-size: 30px;
    }

    h2,
    .h2 {
        font-size: var(--or-font-h2);
        text-align: center;
    }

    h2>small,
    .h2>small {
        font-size: var(--or-font-h2-small);
        text-align: center;
    }

    h2.has-onlymarginbot {
        margin-top: 0;
        margin-bottom: 40px;
    }

    h3,
    .or-navextra-heading {
        font-size: var(--or-font-h3);
        text-align: center;
        width: 90%;
    }

    h3>small,
    .or-navextra-heading>small {
        font-size: var(--or-font-h3-small);
        text-align: center;
    }

    h4 {
        font-size: var(--or-font-h4);
        text-align: center;
    }

    .m_margin_auto {
        margin-left: auto;
        margin-right: auto;
    }

    .m_no_margin .or_blockwidth {
        max-width: 100%;
        width: 100%;
    }

    .m_ormargin_20_topi {
        margin-top: -1.25rem;
    }

    .m_ormargin_30_top {
        margin-top: 1.875rem;
    }

    /* Backgrounds */
    .m_no_fondo {
        background-color: transparent;
    }

    .fondo_section_mobile {
        background: linear-gradient(180deg, #FFFFFF 30%, var(--or-section-color) 70%);
    }

    /* Iconos Móvil */
    .oricon-close:before {
        font-size: 40px;
        width: 1em;
        height: 1em;
    }

    .icon-benefits::before {
        height: 20px;
        width: 20px;
    }

    .convertforms .oricon-close:before {
        font-size: 17.008px;
        left: 0;
    }

    /* Icono General Para el despliegue de Menús en Mv */
    .icon-arrow-deploy::before {
        display: block;
    }

    .btn {
        font-size: 14.4px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }

    a#modal-reservas,
    input#modal-reservas {
        background-color: rgb(2, 155, 201);
    }

    /*--------------------------------------------------------------
        5.1.1 Layouts
    --------------------------------------------------------------*/

    .or_blockwidth {
        width: var(--or-width);
    }

    .center-content>.or_blockwidth {
        width: 84%;
        text-align: center;
        max-width: 100%;
    }

    .section {
        padding: 60px 0px;
    }

    .section-top {
        padding-top: 60px;
    }

    .section-bottom {
        padding-bottom: 60px;
    }

    .section.is-bigger {
        padding: 80px 0px;
    }

    .section.is-bigger.m_nopadbot {
        padding: 80px 0px 0px 0px;
    }

    .section-top.is-bigger {
        padding-top: 80px;
    }

    .section-bottom.is-bigger {
        padding-bottom: 80px;
    }

    .section.section-special {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    /* Estilo Header */
    [class*="bg-header-"]>.or_blockwidth,
    [class*="bg-header-"] {
        min-height: 320px;
        align-items: center;
    }

    [class*="bg_"]>.or_blockwidth,
    [class*="bg_"] {
        min-height: 320px;
    }

    .bg_contacto-footer>.or_blockwidth {
        min-height: 232px;
    }

    .bg_contacto-footer {
        min-height: 232px;
        height: 232px;
    }



    /*--------------------------------------------------------------
        5.2.0 Fondos
    --------------------------------------------------------------*/
    /** FONDOS MOBILE WEBP **/
    [class*="bg-header-"] {
        background-position: center bottom;
    }

    /* Headers*/
    /* Headers Ficha Hotel */
    .bg-header-todos {
        background-image: url(/images/hoposa/bg/bg-header-todos_mob.webp);
    }

    .bg-header-pollentia {
        background-image: url(/images/hoposa/bg/bg-header-pollentia_mob.webp);
    }

    .bg-header-costador {
        background-image: url(/images/hoposa/bg/bg-header-costador_mob.webp);
    }

    .bg-header-bahia {
        background-image: url(/images/hoposa/bg/bg-header-bahia_mob.webp);
    }

    .bg-header-illador {
        background-image: url(/images/hoposa/bg/bg-header-illador_mob.webp);
    }

    .bg-header-daina {
        background-image: url(/images/hoposa/bg/bg-header-daina_mob.webp);
    }

    .bg-header-daina-formentor {
        background-image: url(/images/hoposa/bg/bg-header-daina-formentor_mob.webp);
    }

    .bg-header-niu {
        background-image: url(/images/hoposa/bg/bg-header-niu_mob.webp);
    }

    .bg-header-uyal {
        background-image: url(/images/hoposa/bg/bg-header-uyal_mob.webp);
    }

    .bg-header-panorama-miguel {
        background-image: url(/images/hoposa/bg/bg-header-panorama-miguel_mob.webp);
    }

    .bg-header-villaconcha {
        background-image: url(/images/hoposa/bg/bg-header-villaconcha_mob.webp);
    }

    .bg-header-apt-daina {
        background-image: url(/images/hoposa/bg/bg-header-apt-daina_mob.webp);
    }

    .bg-header-apt-illador {
        background-image: url(/images/hoposa/bg/bg-header-apt-illador_mob.webp);
    }

    .bg-header-apt-montelin {
        background-image: url(/images/hoposa/bg/bg-header-apt-montelin_mob.webp);
    }

    .bg-header-apt-pollensamar {
        background-image: url(/images/hoposa/bg/bg-header-apt-pollensamar_mob.webp);
    }

    .bg-header-borras {
        background-image: url(/images/hoposa/bg/bg-header-borras3_mob.webp);
    }

    /* Headers Destinos */
    .bg-header-pollensa {
        background-image: url(/images/hoposa/bg/bg-header-pollensa_mob.webp);
    }

    .bg-header-deia {
        background-image: url(/images/hoposa/bg/bg-header-deia_mob.webp);
    }

    .bg-header-san-vicente {
        background-image: url(/images/hoposa/bg/bg-header-san-vicente_mob.webp)
    }

    .bg-header-islamujeres {
        background-image: url(/images/hoposa/bg/bg-header-islamujeres_mob.webp);
    }

    /* Headers Experiencias */
    .bg-header-romantica {
        background-image: url(/images/hoposa/bg/bg-header-romatica_mob.webp);
    }

    .bg-header-luxury {
        background-image: url(/images/hoposa/bg/bg-header-luxury_mob.webp);
    }

    .bg-header-sport {
        background-image: url(/images/hoposa/bg/bg-header-sport_mob.webp);
    }

    .bg-header-gourmet {
        background-image: url(/images/hoposa/bg/bg-header-gourmet_mob.webp);
    }

    .bg-header-family {
        background-image: url(/images/hoposa/bg/bg-header-family_mob.webp);
    }

    .bg-header-adults {
        background-image: url(/images/hoposa/bg/bg-header-adults_mob.webp);
    }

    /* Headers Sports */
    .bg-header-ciclismo {
        background-image: url(/images/hoposa/bg/bg-header-cycling_mob.webp);
    }

    .bg-header-natacion {
        background-image: url(/images/hoposa/bg/bg-header-natacion_mob.webp);
    }

    .bg-header-triatlon {
        background-image: url(/images/hoposa/bg/bg-header-triatlon_mob.webp);
    }

    .bg-header-alquiler {
        background-image: url(/images/hoposa/bg/bg-header-alquiler_mob.webp);
    }

    /* Headers Contacto, Transfer y Covid */
    .bg-header-contacto {
        background-image: url(/images/hoposa/bg/bg-header-contacto_mob.webp);
    }

    .bg-header-transfer {
        background-image: url(/images/hoposa/bg/bg-header-transfer_mob.webp);
    }

    .bg-header-covid {
        background-image: url(/images/hoposa/bg/bg-header-covid_mob.webp);
    }

    .bg-header-legal {
        background-image: url(/images/hoposa/bg/bg-header-legal_mob.webp);
    }

    .bg-header-restaurantes {
        background-image: url(/images/hoposa/bg/bg-header-restaurantes_mob.webp)
    }

    .bg-header-laterrassa {
        background-image: url(/images/hoposa/bg/bg-header-laterrassa_mob.webp)
    }

    .bg-header-rstbahia {
        background-image: url(/images/hoposa/bg/bg-header-rstbahia_mob.webp);
    }

    .bg-header-rstniu {
        background-image: url(/images/hoposa/bg/bg-header-rstniu_mob.webp);
        background-position: right;
    }

    .bg-header-rstcultural {
        background-image: url(/images/hoposa/bg/bg-header-rstcultural_mob.webp);
    }

    .bg-header-rstcostador {
        background-image: url(/images/hoposa/bg/bg-header-rstcostador_mob.webp);
    }

    /* Circularidad */

    .bg-header-circularidad {
        background-image: url(/images/hoposa/bg/bg-header-circularidad_mob.webp);
    }


    /* Backgrounds */
    /* Home */
    .bg_hoposa-hotels {
        background-image: url(/images/hoposa/bg/bg_hoposa-hotels_mob.webp);
    }

    /* Alguna Duda */
    .bg_contacto-footer {
        background-image: url(/images/hoposa/bg/bg_contacto-footer_mob.webp);
    }

    /* Backgrounds Parciales */
    /* Home */
    .bg_ofertas-exclusivas.sliderItem,
    .bg_ofertas-exclusivas>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_ofertas-exclusivas_mob.webp);
    }

    .bg_pasion-deporte>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_pasion-deporte_mob.webp);
    }

    /* Hoteles */

    .bg_villaconcha-garaje>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_villaconcha-garaje_mob.webp);
    }

    .bg_uyal-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_uyal-gym_mob.webp);
    }

    .bg_daina-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_daina-gym_mob.webp);
    }

    .bg_pollentia-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_pollentia-gym_mob.webp);
    }

    .bg_illador-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_illador-gym_mob.webp);
    }

    .bg_costador-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_costador-gym_mob.webp);
    }

    /* Destinos */
    .bg_destino-pollensa_esenciamedi>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_destino-pollensa_esenciamedi_mob.webp);
    }

    .bg_deia-marroig>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_deia-marroig_mob.webp);
    }

    .bg_sanvicente-paz>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_sanvicente-paz_mob.webp);
    }

    .bg_buceo-islamujeres>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_buceo-islamujeres_mob.webp);
    }

    /* Experiencias */
    .bg_experiencia-romantica-luna>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_experiencia-romantica-luna_mob.webp);
    }

    .bg_experiencia-family-familias>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_exp-family-familias_mob.webp);
    }

    /* Deporte */
    .bg_sport-ciclista>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_ciclista_mob.webp);
    }

    .bg_sport-piscina>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_piscina_mob.webp);
    }

    .bg_sport-nadar>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_sports-nadar_mob.webp);
    }

    .bg_sport-relax>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_natacion-relax_mob.webp);
    }

    /* Restaurantes */

    .bg_restaurantes-banner {
        background-image: url(/images/hoposa/bg/bg_restaurantes-banner_mob.webp);
    }

    /* Restaurante La Terrassa */

    .bg_laterrassa-banner>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_laterrassa-banner_mob.webp);
    }

    /* Adaptación Safari */

    /* Headers Ficha Hotel */

    .isSafari .bg-header-todos {
        background-image: url(/images/hoposa/bg/bg-header-todos_mob.jpg);
    }

    .isSafari .bg-header-pollentia {
        background-image: url(/images/hoposa/bg/bg-header-pollentia_mob.jpg);
    }

    .isSafari .bg-header-costador {
        background-image: url(/images/hoposa/bg/bg-header-costador_mob.jpg);
    }

    .isSafari .bg-header-bahia {
        background-image: url(/images/hoposa/bg/bg-header-bahia_mob.jpg);
    }

    .isSafari .bg-header-illador {
        background-image: url(/images/hoposa/bg/bg-header-illador_mob.jpg);
    }

    .isSafari .bg-header-daina {
        background-image: url(/images/hoposa/bg/bg-header-daina_mob.jpg);
    }

    .isSafari .bg-header-daina-formentor {
        background-image: url(/images/hoposa/bg/bg-header-daina-formentor_mob.jpg);
    }

    .isSafari .bg-header-niu {
        background-image: url(/images/hoposa/bg/bg-header-niu_mob.jpg);
    }

    .isSafari .bg-header-uyal {
        background-image: url(/images/hoposa/bg/bg-header-uyal_mob.jpg);
    }

    .isSafari .bg-header-panorama-miguel {
        background-image: url(/images/hoposa/bg/bg-header-panorama-miguel_mob.jpg);
    }

    .isSafari .bg-header-villaconcha {
        background-image: url(/images/hoposa/bg/bg-header-villaconcha_mob.jpg);
    }

    .isSafari .bg-header-apt-daina {
        background-image: url(/images/hoposa/bg/bg-header-apt-daina_mob.jpg);
    }

    .isSafari .bg-header-apt-illador {
        background-image: url(/images/hoposa/bg/bg-header-apt-illador_mob.jpg);
    }

    .isSafari .bg-header-apt-montelin {
        background-image: url(/images/hoposa/bg/bg-header-apt-montelin_mob.jpg);
    }

    .isSafari .bg-header-apt-pollensamar {
        background-image: url(/images/hoposa/bg/bg-header-apt-pollensamar_mob.jpg);
    }

    .isSafari .bg-header-borras {
        background-image: url(/images/hoposa/bg/bg-header-borras3_mob.jpg);
    }

    /* Headers Destinos */
    .isSafari .bg-header-pollensa {
        background-image: url(/images/hoposa/bg/bg-header-pollensa_mob.jpg);
    }

    .isSafari .bg-header-deia {
        background-image: url(/images/hoposa/bg/bg-header-deia_mob.jpg);
    }

    .isSafari .bg-header-san-vicente {
        background-image: url(/images/hoposa/bg/bg-header-san-vicente_mob.jpg);
    }

    .isSafari .bg-header-islamujeres {
        background-image: url(/images/hoposa/bg/bg-header-islamujeres_mob.jpg);
    }

    /* Headers Experiencias */
    .isSafari .bg-header-romantica {
        background-image: url(/images/hoposa/bg/bg-header-romatica_mob.jpg);
    }

    .isSafari .bg-header-luxury {
        background-image: url(/images/hoposa/bg/bg-header-luxury_mob.jpg);
    }

    .isSafari .bg-header-sport {
        background-image: url(/images/hoposa/bg/bg-header-sport_mob.jpg);
    }

    .isSafari .bg-header-gourmet {
        background-image: url(/images/hoposa/bg/bg-header-gourmet_mob.jpg);
    }

    .isSafari .bg-header-family {
        background-image: url(/images/hoposa/bg/bg-header-family_mob.jpg);
    }

    .isSafari .bg-header-adults {
        background-image: url(/images/hoposa/bg/bg-header-adults_mob.jpg);
    }

    /* Headers Sports */
    .isSafari .bg-header-ciclismo {
        background-image: url(/images/hoposa/bg/bg-header-cycling_mob.jpg);
    }

    .isSafari .bg-header-natacion {
        background-image: url(/images/hoposa/bg/bg-header-natacion_mob.jpg);
    }

    .isSafari .bg-header-triatlon {
        background-image: url(/images/hoposa/bg/bg-header-triatlon_mob.jpg);
    }

    .isSafari .bg-header-alquiler {
        background-image: url(/images/hoposa/bg/bg-header-alquiler_mob.jpg);
    }

    /* Headers Contacto, Transfer y Covid */
    .isSafari .bg-header-contacto {
        background-image: url(/images/hoposa/bg/bg-header-contacto_mob.jpg);
    }

    .isSafari .bg-header-transfer {
        background-image: url(/images/hoposa/bg/bg-header-transfer_mob.jpg);
    }

    .isSafari .bg-header-covid {
        background-image: url(/images/hoposa/bg/bg-header-covid_mob.jpg);
    }

    .isSafari .bg-header-legal {
        background-image: url(/images/hoposa/bg/bg-header-legal_mob.jpg);
    }

    .isSafari .bg-header-restaurantes {
        background-image: url(/images/hoposa/bg/bg-header-restaurantes_mob.jpg)
    }

    .isSafari .bg-header-laterrassa {
        background-image: url(/images/hoposa/bg/bg-header-laterrassa_mob.jpg)
    }

    .isSafari .bg-header-rstbahia {
        background-image: url(/images/hoposa/bg/bg-header-rstbahia_mob.jpg);
    }

    .isSafari .bg-header-rstniu {
        background-image: url(/images/hoposa/bg/bg-header-rstniu_mob.jpg);
    }

    .isSafari .bg-header-rstcultural {
        background-image: url(/images/hoposa/bg/bg-header-rstcultural_mob.jpg);
    }

    .isSafari .bg-header-rstcostador {
        background-image: url(/images/hoposa/bg/bg-header-rstcostador_mob.jpg);
    }

    /* Circularidad */

    .isSafari .bg-header-circularidad {
        background-image: url(/images/hoposa/bg/bg-header-circularidad_mob.jpg);
    }

    /* Backgrounds */
    /* Home */
    .isSafari .bg_hoposa-hotels {
        background-image: url(/images/hoposa/bg/bg_hoposa-hotels_mob.jpg);
    }

    /* Algunda Duda */
    .isSafari .bg_contacto-footer {
        background-image: url(/images/hoposa/bg/bg_contacto-footer_mob.jpg);
    }

    /* Backgrounds Parciales */
    /* Home */
    .isSafari .bg_ofertas-exclusivas.sliderItem,
    .isSafari .bg_ofertas-exclusivas>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_ofertas-exclusivas_mob.jpg);
    }

    .isSafari .bg_pasion-deporte>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_pasion-deporte_mob.jpg);
    }

    /* Hoteles */
    .isSafari .bg_villaconcha-garaje>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_villaconcha-garaje_mob.jpg);
    }

    .isSafari .bg_uyal-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_uyal-gym_mob.jpg);
    }

    .isSafari .bg_daina-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_daina-gym_mob.jpg);
    }

    .isSafari .bg_pollentia-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_pollentia-gym_mob.jpg);
    }

    .isSafari .bg_illador-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_illador-gym_mob.jpg);
    }

    .isSafari .bg_costador-gym>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_costador-gym_mob.jpg);
    }

    /* Destinos */
    .isSafari .bg_destino-pollensa_esenciamedi>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_destino-pollensa_esenciamedi_mob.jpg);
    }

    .isSafari .bg_deia-marroig>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_deia-marroig_mob.jpg);
    }

    .isSafari .bg_sanvicente-paz>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_sanvicente-paz_mob.jpg);
    }

    .isSafari .bg_buceo-islamujeres>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_buceo-islamujeres_mob.jpg);
    }

    /* Experiencias */
    .isSafari .bg_experiencia-romantica-luna>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_experiencia-romantica-luna_mob.jpg);
    }

    .isSafari .bg_experiencia-family-familias>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_exp-family-familias_mob.jpg);
    }

    /* Deporte */
    .isSafari .bg_sport-ciclista>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_ciclista_mob.jpg);
    }

    .isSafari .bg_sport-piscina>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_piscina_mob.jpg);
    }

    .isSafari .bg_sport-nadar>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_sports-nadar_mob.jpg);
    }

    .isSafari .bg_sport-relax>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_natacion-relax_mob.jpg);
    }

    .isSafari .bg_restaurantes-banner {
        background-image: url(/images/hoposa/bg/bg_restaurantes-banner_mob.jpg);
    }

    /* Restaurante La Terrassa */

    .isSafari .bg_laterrassa-banner>.or_blockwidth {
        background-image: url(/images/hoposa/bg/bg_laterrassa-banner_mob.jpg);
    }

    /*--------------------------------------------------------------
            5.2.1 Fondos iOS mobile
        --------------------------------------------------------------*/
    @supports (-webkit-touch-callout: default) and (max-width: 767px) {

        [class^="bg-header-"] {
            background-attachment: inherit;
        }

        /* FONDOS IOS */
        /* Headers */
        /* Headers Ficha Hotel */
        .bg-header-todos {
            background-image: url(/images/hoposa/bg/bg-header-todos_mob.jpg);
        }

        .bg-header-pollentia {
            background-image: url(/images/hoposa/bg/bg-header-pollentia_mob.jpg);
        }

        .bg-header-costador {
            background-image: url(/images/hoposa/bg/bg-header-costador_mob.jpg);
        }

        .bg-header-bahia {
            background-image: url(/images/hoposa/bg/bg-header-bahia_mob.jpg);
        }

        .bg-header-illador {
            background-image: url(/images/hoposa/bg/bg-header-illador_mob.jpg);
        }

        .bg-header-daina {
            background-image: url(/images/hoposa/bg/bg-header-daina_mob.jpg);
        }

        .bg-header-daina-formentor {
            background-image: url(/images/hoposa/bg/bg-header-daina-formentor_mob.jpg);
        }

        .bg-header-niu {
            background-image: url(/images/hoposa/bg/bg-header-niu_mob.jpg);
        }

        .bg-header-uyal {
            background-image: url(/images/hoposa/bg/bg-header-uyal_mob.jpg);
        }

        .bg-header-panorama-miguel {
            background-image: url(/images/hoposa/bg/bg-header-panorama-miguel_mob.jpg);
        }

        .bg-header-villaconcha {
            background-image: url(/images/hoposa/bg/bg-header-villaconcha_mob.jpg);
        }

        .bg-header-apt-daina {
            background-image: url(/images/hoposa/bg/bg-header-apt-daina_mob.jpg);
        }

        .bg-header-apt-illador {
            background-image: url(/images/hoposa/bg/bg-header-apt-illador_mob.jpg);
        }

        .bg-header-apt-montelin {
            background-image: url(/images/hoposa/bg/bg-header-apt-montelin_mob.jpg);
        }

        .bg-header-apt-pollensamar {
            background-image: url(/images/hoposa/bg/bg-header-apt-pollensamar_mob.jpg);
        }

        .bg-header-borras {
            background-image: url(/images/hoposa/bg/bg-header-borras3_mob.jpg);
        }

        /* Headers Destinos */
        .bg-header-pollensa {
            background-image: url(/images/hoposa/bg/bg-header-pollensa_mob.jpg);
        }

        .bg-header-deia {
            background-image: url(/images/hoposa/bg/bg-header-deia_mob.jpg);
        }

        .bg-header-san-vicente {
            background-image: url(/images/hoposa/bg/bg-header-san-vicente_mob.jpg);
        }

        .bg-header-islamujeres {
            background-image: url(/images/hoposa/bg/bg-header-islamujeres_mob.jpg);
        }

        /* Headers Experiencias */
        .bg-header-romantica {
            background-image: url(/images/hoposa/bg/bg-header-romatica_mob.jpg);
        }

        .bg-header-luxury {
            background-image: url(/images/hoposa/bg/bg-header-luxury_mob.jpg);
        }

        .bg-header-sport {
            background-image: url(/images/hoposa/bg/bg-header-sport_mob.jpg);
        }

        .bg-header-gourmet {
            background-image: url(/images/hoposa/bg/bg-header-gourmet_mob.jpg);
        }

        .bg-header-family {
            background-image: url(/images/hoposa/bg/bg-header-family_mob.jpg);
        }

        .bg-header-adults {
            background-image: url(/images/hoposa/bg/bg-header-adults_mob.jpg);
        }

        /* Headers Sports */
        .bg-header-ciclismo {
            background-image: url(/images/hoposa/bg/bg-header-cycling_mob.jpg);
        }

        .bg-header-natacion {
            background-image: url(/images/hoposa/bg/bg-header-natacion_mob.jpg);
        }

        .bg-header-triatlon {
            background-image: url(/images/hoposa/bg/bg-header-triatlon_mob.jpg);
        }

        .bg-header-alquiler {
            background-image: url(/images/hoposa/bg/bg-header-alquiler_mob.jpg);
        }

        /* Headers Contacto, Transfer y Covid */
        .bg-header-contacto {
            background-image: url(/images/hoposa/bg/bg-header-contacto_mob.jpg);
        }

        .bg-header-transfer {
            background-image: url(/images/hoposa/bg/bg-header-transfer_mob.jpg);
        }

        .bg-header-covid {
            background-image: url(/images/hoposa/bg/bg-header-covid_mob.jpg);
        }

        .bg-header-legal {
            background-image: url(/images/hoposa/bg/bg-header-legal_mob.jpg);
        }

        .bg-header-restaurantes {
            background-image: url(/images/hoposa/bg/bg-header-restaurantes_mob.jpg)
        }

        .bg-header-laterrassa {
            background-image: url(/images/hoposa/bg/bg-header-laterrassa_mob.jpg)
        }

        .bg-header-rstbahia {
            background-image: url(/images/hoposa/bg/bg-header-rstbahia_mob.jpg);
        }

        .bg-header-rstniu {
            background-image: url(/images/hoposa/bg/bg-header-rstniu_mob.jpg);
        }

        .bg-header-rstcultural {
            background-image: url(/images/hoposa/bg/bg-header-rstcultural_mob.jpg);
        }

        .bg-header-rstcostador {
            background-image: url(/images/hoposa/bg/bg-header-rstcostador_mob.jpg);
        }

        /* Circularidad */

        .bg-header-circularidad {
            background-image: url(/images/hoposa/bg/bg-header-circularidad_mob.jpg);
        }

        /* Backgrounds */
        /* Home */
        .bg_hoposa-hotels {
            background-image: url(/images/hoposa/bg/bg_hoposa-hotels_mob.jpg);
        }

        /* Algunda Duda */
        .bg_contacto-footer {
            background-image: url(/images/hoposa/bg/bg_contacto-footer_mob.jpg);
        }

        /* Backgrounds Parciales */
        /* Home */
        .bg_ofertas-exclusivas.sliderItem,
        .bg_ofertas-exclusivas>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_ofertas-exclusivas_mob.jpg);
        }

        .bg_pasion-deporte>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_pasion-deporte_mob.jpg);
        }

        /* Hoteles */

        .bg_villaconcha-garaje>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_villaconcha-garaje_mob.jpg);
        }

        .bg_uyal-gym>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_uyal-gym_mob.jpg);
        }

        .bg_daina-gym>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_daina-gym_mob.jpg);
        }

        .bg_pollentia-gym>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_pollentia-gym_mob.jpg);
        }

        .bg_illador-gym>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_illador-gym_mob.jpg);
        }

        .bg_costador-gym>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_costador-gym_mob.jpg);
        }

        /* Destinos */
        .bg_destino-pollensa_esenciamedi>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_destino-pollensa_esenciamedi_mob.jpg);
        }

        .bg_deia-marroig>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_deia-marroig_mob.jpg);
        }

        .bg_sanvicente-paz>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_sanvicente-paz_mob.jpg);
        }

        .bg_buceo-islamujeres>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_buceo-islamujeres_mob.jpg);
        }

        /* Experiencias */
        .bg_experiencia-romantica-luna>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_experiencia-romantica-luna_mob.jpg);
        }

        .bg_experiencia-family-familias>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_exp-family-familias_mob.jpg);
        }

        /* Deporte */
        .bg_sport-ciclista>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_ciclista_mob.jpg);
        }

        .bg_sport-piscina>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_piscina_mob.jpg);
        }

        .bg_sport-nadar>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_sports-nadar_mob.jpg);
        }

        .bg_sport-relax>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_natacion-relax_mob.jpg);
        }

        .bg_restaurantes-banner {
            background-image: url(/images/hoposa/bg/bg_restaurantes-banner_mob.jpg);
        }

        /* Restaurante La Terrassa */

        .bg_laterrassa-banner>.or_blockwidth {
            background-image: url(/images/hoposa/bg/bg_laterrassa-banner_mob.jpg);
        }
    }

    /*--------------------------------------------------------------
        5.3.0 Menu
    --------------------------------------------------------------*/
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
        display: none;
    }

    .or-nav-container .or-nav-menu.or-nav-logo img {
        max-height: 38px;
        display: none;
    }

    .or-nav-container.or-float {
        animation: menuBlockDeploy;
        -webkit-animation: menuBlockDeploy;
        -moz-animation: menuBlockDeploy;
        bottom: 0;
    }

    .or-nav-container .or-nav-menu-display.mod-list>.nav-close {
        right: 5vw;
        top: 10px;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .or-nav-container .or-nav-menu-display.mod-list>.nav-close i.oricon-close {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .or-nav-container .or-nav-menu-display.mod-list>li {
        width: 100vw;
        padding-left: 40px;
        padding-right: 20px;
    }

    .or-nav-container .or-nav-menu-display.mod-list>li.default {
        margin-top: 60px;
    }

    .or-nav-container .or-nav-menu-display.mod-list>li {
        min-height: 50px;
        height: auto;
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.mod-list.hide,
    .or-nav-container .or-nav-menu-display.mod-list.show {
        justify-content: flex-start;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li {
        min-height: 20px;
        height: 30px;
        padding-left: 35px;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent>span,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.deeper.parent>span,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.deeper.parent>span,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li>a,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li>a,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li>a {
        min-height: 30px;
        font-size: 20px;
    }

    .or-nav-container .or-nav-menu-display.mod-list>li a {
        font-size: 20px;
        padding: 0;
    }

    .or-nav-container .or-nav-menu-display.mod-list>li a.reservas {
        margin-top: 70px;
        font-size: 14.4px;
        margin-bottom: 30px;
    }

    .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in {
        flex-grow: 1;
        justify-content: flex-start;
        align-items: flex-end;
        display: flex;
        margin: 20px 0;
        padding: 0 0 0 35px;
        min-height: 70px;
        border-top: 1px solid var(--or-alt-color);
        order: 3;
    }

    .isSafari .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in {
        margin: 20px 0 40px 0;
    }

    .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>a,
    .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>span {
        max-height: 30px;
        text-transform: uppercase;
        height: 30px;
        width: 40px;
        min-width: 40px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid var(--or-alt-color);
        margin-right: 5px;
        padding-right: 5px;
        color: var(--or-alt-color);
        background-color: transparent;
        font-family: var(--or-alt-font);
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>a::after,
    .or-nav-container .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>span::after {
        display: none;
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>a:last-of-type {
        border-right: none;
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>span,
    .or-nav-container .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>a:hover {
        background-color: var(--or-main-btncolor);
    }

    body.or-float .or-nav-container .or-nav-menu.or-nav-extras {
        padding: 0;
        margin: 0;
        border: unset;
    }

    .or-nav-container .or-nav-menu.or-nav-extras>span {
        padding: 0;
        font-size: 13.008px;
        font-weight: 400;
        letter-spacing: 0.03em;
        background-color: transparent;
    }

    .or-nav-container .or-nav-menu.or-nav-extras>span::before {
        margin: 0 10px 0 10px;
    }

    .or-nav-container.or-float .or-nav-menu {
        min-width: 63px;
    }

    /* Migración J!4 */

    .or-nav-menu-horizontal.or-nav-container {
        background-color: transparent;
        padding: 14px 0;
    }

    .or-nav-container .or-nav-menu.or-nav-burger:hover {
        background-color: transparent;
    }

    .or-nav-container .or-nav-menu.or-nav-logo a::after {
        display: block;
        content: "";
        background-image: url(/images/hoposa/logotipos/logo_blanco.svg);
        width: 210px;
        height: 35px;
    }

    .or-nav-container .or-nav-menu.or-nav-logo {
        width: auto;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        width: 30px;
        margin: 8px 0 8px calc((100% - var(--or-width)) / 2);
        margin-right: var(--or-fixed-margin);
        justify-content: flex-end;
    }

    .or-nav-container .or-nav-menu.or-nav-burger {
        background-color: transparent;
        color: #fff;
        justify-content: flex-end;
        height: 35px;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-burger {
        justify-content: center;
    }

    .or-nav-container .or-nav-menu.or-nav-burger i {
        display: none;
    }

    .or-nav-container .or-nav-menu.or-nav-burger::after {
        display: block;
        content: "";
        background-image: url(/images/hoposa/icons/icon-burger-white.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 25px;
        width: 30px;
    }

    .be-mobile {
        display: none;
    }

    .or-nav-menu-horizontal.or-nav-container.or-float {
        position: fixed;
        bottom: 0;
        top: inherit;
        height: var(--or-menu-height);
        background-color: #fff;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-extras {
        width: 45%;
        justify-content: center;
        align-items: center;
        align-content: center;
        max-width: 100%;
        min-width: initial;
        order: 1;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-extras>span {
        align-items: center;
        background-color: transparent;
        color: var(--or-main-color);
        display: flex;
        font-size: 14px;
        font-weight: 500;
        justify-content: center;
        padding: 0 50px;
        text-align: center;
        width: auto;
        margin: 0;
        text-transform: uppercase;
        line-height: 125%;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-booking {
        order: 2;
        width: 55%;
        font-family: var(--or-alt-font);
        font-size: 14.4px;
    }

    input#modal-reservas,
    a#modal-reservas {
        margin: 0;
        height: 100%;
        width: 100% !important;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-burger::after {
        background-image: url(/images/hoposa/icons/icon-burger.svg);
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-container-block {
        width: 100%;
        margin: 0;
    }

    /* Displayed Menu */

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::before,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::before,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::before {
        width: 173px;
        height: 29px;
        left: 25px;
        top: 20px;
        margin-left: 0;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
        border-top: 1px solid var(--or-main-color);
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 5px;
        min-height: 30px;
        margin-bottom: 15px;
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.mod-list.hide,
    .or-nav-container .or-nav-menu-display.mod-list.show {
        padding-top: 60px;
        padding-bottom: 60px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* Displayed Menu --> Deploy */

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .deeper.parent ul {
        display: none;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy .nav-child.unstyled.small,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy.two-columns-parent .nav-child.unstyled.small {
        display: flex;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy .nav-child.unstyled.small,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy.two-columns-parent .nav-child.unstyled.small {
        margin-top: 0;
        padding: 10px 0 0;
        width: 100%;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent>span,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.deeper.parent>span,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.deeper.parent>span,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li>a,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li>a,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li>a {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy .nav-child.unstyled.small {
        display: flex;
        margin-left: 0;
        justify-content: flex-start;
        flex-direction: column;
    }


    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent.deploy {
        min-height: auto;
        height: auto;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 0;
        margin-top: 0;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.parent.deeper.deploy .nav-child.unstyled.small li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.parent.deeper.deploy .nav-child.unstyled.small li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.parent.deeper.deploy .nav-child.unstyled.small li {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        min-width: 90%;
        min-height: 25px;
        height: 100%;
        margin-left: 15px;
        margin-bottom: 10px;
        border-left: none;
        line-height: 1.4;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed li ul a {
        font-size: 14.4px;
        font-family: var(--or-alt-font);
    }

    /* Ajustes Safari */
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed {
        display: block;
    }

    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent.deploy {
        min-height: unset;
        height: unset;
        display: block;
    }

    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent>span,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.deeper.parent>span,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.deeper.parent>span,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li>a,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li>a,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li>a {
        height: auto;
        width: -webkit-min-content;
    }

    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
        min-height: 70px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
        margin-bottom: 0;
    }

    /*--------------------------------------------------------------
        5.4.0 Ventajas Exclusivas
    --------------------------------------------------------------*/

    #or-modalExtras.or-fullCover .or-modal-container {
        width: 100%;
        height: 100%;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row {
        width: 95%;
    }

    #or-modalExtras.or-fullCover .or-modal-container .or-modal-body {
        padding: 0px 25px;
    }

    /* Título */
    #or-modalExtras.or-fullCover .or-modal-body .or_navextra_title .or-navextra-heading {
        font-size: 18px;
        margin: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    /* Título de los elementos */
    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element h4 {
        font-size: 20.8px;
        text-align: left;
        margin: 0px;
        margin-bottom: 15px;
        line-height: 130%;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row {
        flex-wrap: wrap;
        margin-left: 10%;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row.small-benefits {
        margin-left: auto;
        margin-right: auto;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_navextra_title .or-navextra-heading>small {
        font-size: 12.8px;
        margin-bottom: 10px;
        color: var(--or-alt-color);
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element {
        margin-bottom: 10px;
        height: auto;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .column {
        width: 90%;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .column:first-child {
        margin-right: initial;
    }

    #or-modalExtras.or-fullCover .oricon-close:before {
        left: 40%;
        width: 1em;
        height: 1em;
        font-size: 40px;
    }

    #or-modalExtras.or-fullCover .or-modal-container .or-modal-header {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    #or-modalExtras.or-fullCover .or-modal-container {
        padding: 30px 0 0 0;
    }

    /* Migración J!4 */

    #or-modalExtras .or-modal-header .ow-close {
        width: 100%;
        top: 10px;
    }

    #or-modalExtras .or-modal-header .ow-close:before {
        background-image: url("/images/hoposa/icons/icon-close-color.svg");
        width: 1em;
        height: 1em;
        font-size: 40px;
        margin: 0 10px;
    }

    #or-modalExtras .or_navextra {
        width: var(--or-width);
        margin: 0 auto;
    }

    /*--------------------------------------------------------------
        5.5.0 Bloques
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        5.5.0.0 beStyles.css
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        5.5.0.0.1 orimg_effect
    --------------------------------------------------------------*/

    /** Efectos Cuadro **/
    .orimg_effect {
        max-width: 300px;
        max-height: 300px;
    }

    .orimg_effect .orimg_effect_image {
        width: 100%;
    }

    .orimg_effect .orimg_effect_image img {
        width: 100%;
        height: auto;
    }

    .orimg_effect .orimg_effect_texto {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .orimg_effect .orimg_effect_texto .orimg_effect_title,
    .orimg_effect .orimg_effect_texto .orimg_effect_hidden,
    .orimg_effect.hover .orimg_effect_texto .orimg_effect_title,
    .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden,
    .orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_title,
    .orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
        width: 90%;
        height: auto;
        max-width: 280px;
    }

    .orimg_effect.hover .orimg_effect_texto .orimg_effect_title,
    .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden,
    .orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_title,
    .orimg_effect.hoverOut .orimg_effect_texto .orimg_effect_hidden {
        text-align: left;
        justify-content: flex-start;
    }

    /*--------------------------------------------------------------
        5.5.1 Modals
    --------------------------------------------------------------*/

    .modal-open-room {
        top: 0;
    }

    .modal-open-room {
        height: 100%;
    }

    /** mensaje chatbox  **/
    .hi-home-container {
        display: none;
    }

    /*--------------------------------------------------------------
        5.5.2 Modal Popup
    --------------------------------------------------------------*/

    #ormodal_controller>div.or_popup.or-fullCover {
        z-index: 101;
        width: 100vw;
        max-width: 100%;
    }

    .or_popup.or-fullCover .or-modal-container {
        margin-top: 30px;
        width: 92vw;
        max-width: 400px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-header {
        position: inherit;
        height: 30px;
        margin: 0;
        padding: 0;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body {
        flex-direction: column;
        width: 92vw;
        max-width: 400px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-img {
        max-width: 100%;
        max-height: 13vh;
        min-height: 90px;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .or_popup.or-fullCover.centro .or-modal-container .or-modal-body>div.orPopUp-img {
        height: 120px;
        min-height: 120px;
        max-height: 120px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-img img {
        max-width: fit-content;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content {
        padding: 5px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content h2 {
        font-size: 17.008px;
        line-height: 1.2;
        margin: 10px auto;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content h2 small {
        font-size: 75%;
    }

    #ormodal_controller>div.or_popup.or-fullCover .or-modal-container .or-modal-header .or-close,
    #ormodal_controller>div.or_popup.or-fullCover .or-modal-container .or-modal-header .or-close span,
    #ormodal_controller>div.or_popup.or-fullCover .or-modal-container .or-modal-header .or-close span i {
        width: 40px;
        font-size: 20.8px;
        height: 30px;
        line-height: 1;
        display: flex;
        right: unset;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-header .oricon-close:before {
        font-size: 30px;
        width: 30px;
        height: 30px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body p {
        display: none;
    }

    .or_popup.or-fullCover.centro .or-modal-container .or-modal-body p {
        display: block;
        max-width: 80%;
        margin: auto;
        padding: 15px 0 0;
        font-size: 13.008px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-footer {
        margin: 0;
        max-width: 100vw;
        width: 100%;
        background-color: #FFFFFF;
        padding: 0 10vw 15px;
    }

    #or-popUp {
        max-width: var(--or-width);
        top: calc(var(--or-menu-height) + 80px);
    }

    #or-popUp.show {
        width: calc(100vw - 26px);
        right: 13px;
        top: inherit;
        bottom: 80px;
        z-index: 101;
    }

    /*--------------------------------------------------------------
        5.5.2 Formularios
    --------------------------------------------------------------*/

    #ormodal_controller>div.displayed.contacto_form,
    #ormodal_controller>div.show.contacto_form,
    #ormodal_controller>div.hide.contacto_form {
        justify-content: flex-end;
    }

    #ormodal_controller .convertforms.displayed.contacto_form form,
    #ormodal_controller .convertforms.show.contacto_form form,
    #ormodal_controller .convertforms.hide.contacto_form form {
        overflow: scroll;
    }

    .convertforms {
        max-width: 100%;
    }

    .contact_form_insert {
        max-width: 100%;
    }

    .contacto_form .cf-control-group[data-type="recaptcha"],
    .contacto_form .cf-control-group[data-type="recaptcha"] * {
        max-width: 250px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    /*--------------------------------------------------------------
        5.5.2.1 Formulario Newsletter
    --------------------------------------------------------------*/

    /* Formulario Newsletter */
    .section-suscribete>.or_blockwidth {
        width: 90%;
        flex-direction: column;
    }

    .section-suscribete p {
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }

    .section-suscribete p:last-of-type {
        display: none;
    }

    .form-newsletter {
        display: flex;
        width: 100%;
    }

    .form-newsletter .cf-fields {
        display: flex;
        flex-direction: column;
    }

    .form-newsletter.convertforms .cf-control-group:nth-child(1) input {
        border-right: none !important;
        border-left: none !important;
        border-top: none !important;
    }

    .form-newsletter.convertforms .cf-control-group:nth-child(2) {
        margin-bottom: 20px;
    }

    .form-newsletter.convertforms .cf-control-group:nth-child(2) input {
        border: none !important
    }

    .form-newsletter.convertforms button {
        background-color: transparent !important;
        border: 1px solid var(--or-alt-color);
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        height: 45px;
    }

    .form-newsletter.convertforms button:hover {
        border: 1px solid var(--or-alt-color) !important;
    }

    .form-newsletter.convertforms span.cf-btn-text {
        font-weight: 500;
        color: var(--or-alt-color);
    }

    .form-newsletter .cf-control-group:last-of-type {
        margin-bottom: 0px;
    }

    .form-newsletter .cf-control-group:nth-child(1),
    .form-newsletter .cf-control-group:nth-child(2),
    .form-newsletter .cf-control-group:nth-child(3) {
        min-width: 100% !important;
        margin-bottom: 0 !important;
    }

    .form-newsletter .cf-control-group:nth-child(1):after,
    .form-newsletter .cf-control-group:nth-child(2):after,
    .form-newsletter .cf-control-group:nth-child(3):after {
        display: none;
    }

    .form-newsletter.convertforms .cf-control-group:nth-child(1) input {
        border-radius: 0 !important;
    }

    .form-newsletter .cf-control-group:nth-child(4) {
        margin-top: 10px;
    }

    .form-newsletter .cf-fields {
        width: 100%;
    }

    .form-newsletter .cf-checkbox-group {
        justify-content: flex-start;
        margin: 0;
    }

    .form-newsletter .cf-control-group:nth-child(3) select {
        border-bottom: 0 none !important;
    }

    .form-newsletter .cf-control-group.cf-lopd-text {
        max-width: 100%;
    }

    /*--------------------------------------------------------------
        5.5.2.2 Formulario Registro Agencias
    --------------------------------------------------------------*/
    .b-agency h1 {
        font-size: 25.6px;
        width: 100%;
    }

    .c-agency.convertforms .cf-form-wrap {
        padding: 0;
    }

    .c-agency.convertforms .cf-fields {
        grid-template-columns: 1fr;
        margin: 0;
    }

    .c-agency.convertforms .cf-control-group,
    .c-agency.convertforms .c-agency__rgpd.cf-control-group,
    .c-agency.convertforms .c-agency__recaptcha.cf-control-group,
    .c-agency.convertforms .c-agency__terms.cf-control-group,
    .c-agency.convertforms .c-agency__button.cf-control-group {
        grid-column: 1 / span 1;
        max-width: 90vw;
        padding: 5px 10px;
    }

    .c-agency.convertforms .c-agency__recaptcha.cf-control-group iframe,
    .rc-anchor-normal {
        transform: scale(0.95);
    }

    .c-agency.convertforms .c-agency__recaptcha.cf-control-group div {
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .c-agency .c-agency__button.cf-control-group button {
        min-width: 80%;
    }

    .c-agency.convertforms .cf-control-group.c-agency__terms label {
        text-align: left;
    }

    /*--------------------------------------------------------------
        5.5.3 Tarjetas Hover Cuadradas
    --------------------------------------------------------------*/

    .listado_fichas {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        max-width: auto;
        width: auto;
        min-width: 100%;
        /*white-space: nowrap;*/
        overflow: auto;
    }

    /* Quitamos la barra de Scroll del Overflow */
    .listado_fichas_different::-webkit-scrollbar,
    .listado_fichas::-webkit-scrollbar {
        display: none;
    }

    .orimg_effect {
        width: 332px;
        height: 437px;
        max-height: initial;
        margin-right: 20px;
    }

    .orimg_effect .orimg_effect_texto {
        width: 332px;
        max-width: 332px;
    }

    .orimg_effect.hover .orimg_effect_texto {
        height: 437px;
    }

    .orimg_effect_image {
        height: 100%;
    }

    .orimg_effect .orimg_effect_image img {
        height: 100%;
        object-fit: cover;
    }

    /*** AJUSTES JAUME ***/
    .listado_fichas {
        max-width: 90vw;
        justify-content: flex-start;
    }

    .infinatas .orimg_effect {
        min-width: 80vw;
        max-width: 80vw;
        align-content: flex-start;
    }

    .infinatas .orimg_effect .orimg_effect_image {
        max-width: 80vw;
        height: 437px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 437px;
    }

    .infinatas .orimg_effect .orimg_effect_image img {
        max-width: initial;
        height: 100%;
        width: 100%;
    }

    .infinatas .orimg_effect:last-of-type {
        margin-right: 0;
    }

    .infinatas .orimg_effect .orimg_effect_texto {
        width: 80vw;
        max-width: 80vw;
        height: 437px;
        min-height: 437px;
        margin-top: -437px;
    }

    .infinatas .orimg_effect .orimg_effect_texto h3 {
        font-size: 20.8px;
        margin-bottom: 30px;
        width: 90%;
    }

    .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a.btn:last-of-type {
        margin-bottom: 0px;
    }

    .orimg_effect.hover .orimg_effect_texto h3 {
        min-height: initial;
    }

    .infinatas .orimg_effect.hover .orimg_effect_texto {
        height: 437px;
        max-height: 437px;
        min-height: 437px;
        padding-top: 25px;
        padding-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .infinatas .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        flex-grow: 1;
        justify-content: space-between;
    }

    .infinatas .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p {
        display: block;
        width: auto;
        overflow: unset;
        height: auto;
        margin: 0;
        white-space: normal;
    }

    /*--------------------------------------------------------------
        5.5.4 Grid Cards Asymmetric
    --------------------------------------------------------------*/

    .listado_fichas_different {
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .listado_fichas_different .column-one {
        width: auto;
        max-width: initial;
        min-width: auto;
    }

    .listado_fichas_different .column-two {
        min-width: auto;
        width: auto;
        max-width: initial;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: visible;
    }

    .listado_fichas_different .orimg_effect,
    .listado_fichas_different .orimg_effect.margin-card,
    .listado_fichas_different .orimg_effect.small {
        width: 80vw;
        min-width: 80vw;
        max-width: 80vw;
        height: 437px;
        margin-right: 20px;
        justify-content: flex-start;
    }

    .listado_fichas_different .orimg_effect_image {
        max-width: 80vw;
        min-width: 80vw;
        height: 100%;
        min-height: 100%;
    }

    [class*=column] .orimg_effect .orimg_effect_texto h3 {
        font-size: 20.8px;
        width: 90%;
    }

    .listado_fichas_different .orimg_effect .orimg_effect_texto {
        max-width: 80vw;
        height: 437px;
        min-height: 437px;
        position: inherit;
        margin-top: -437px;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto {
        min-height: 437px;
        height: 437px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        max-width: 80vw;
        width: 80vw;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        flex-grow: 1;
        width: 100%;
        max-height: 437px;
        justify-content: flex-start;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div {
        background-color: grey;
        height: 100%;
        width: 100%;
        min-width: 80vw;
        min-height: 437px;
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a {
        position: initial;
        margin-top: -70px;
        max-width: 85%;
        min-width: 85%;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div img {
        min-height: 437px;
        width: 80vh;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto h3,
    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto h3 {
        position: relative;
        margin: 0;
        z-index: 2;
        /*margin-top: -437px;
        height: 437px;*/
        margin-top: -320px;
        height: 200px;
    }

    .listado_fichas_different .column-two-row .orimg_effect:last-of-type {
        margin-right: 0;
    }

    .grid-cards-asymmetric {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        gap: 0;
        flex-direction: row;
        justify-content: flex-start;
        width: auto;
    }

    .grid-cards-asymmetric>div.orimg_effect {
        width: 80vw;
        min-width: 80vw;
        max-width: 80vw;
        margin-left: 20px;
    }

    .grid-cards-asymmetric .orimg_effect .orimg_effect_image {
        height: inherit;
    }

    .grid-cards-asymmetric>div.orimg_effect:first-of-type {
        margin-left: 0px;
    }

    .grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a.btn {
        margin-top: 30vh;
        min-width: 90%;
        max-width: 90%;
    }

    .grid-cards-asymmetric .orimg_effect.hover .orimg_effect_texto h3 {
        margin: 0 auto;
    }

    /*--------------------------------------------------------------
        5.5.5 Chatbot
    --------------------------------------------------------------*/

    .hi-launcher-container {
        bottom: 60px !important;
        right: 0 !important;
    }

    .overflow-hiden .hi-launcher-container {
        display: none !important;
    }

    /*--------------------------------------------------------------
        5.5.6 Sliders
    --------------------------------------------------------------*/
    .owsliders-nav .icon-nav:before {
        width: 40px;
        height: 40px;
    }

    /*--------------------------------------------------------------
        5.5.6.1 Slider Max
    --------------------------------------------------------------*/

    .slider-max .owsliders-nav {
        display: none;
    }

    .slider-max .nav-owslider-buttons {
        display: none;
    }

    .slider-max-item {
        list-style: none;
    }

    /*--------------------------------------------------------------
        5.5.6.2 Slider Gallery
    --------------------------------------------------------------*/

    .slider-gallery .owSlider_slideOverflow,
    .slider-gallery .owSlider_mode {
        width: 100%;
    }

    .slider-gallery .owsliders-nav .icon-nav:before {
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .slider-gallery .owsliders-nav .icon-nav.nav_next:before {
        right: calc(((100vw - var(--slider-gallery-width)) / 2) + 5px);
    }

    .slider-gallery .owsliders-nav .icon-nav.nav_prev:before {
        left: calc(((100vw - var(--slider-gallery-width)) / 2) + 5px);
    }

    /*--------------------------------------------------------------
        5.5.6.3 Slider Cards
    --------------------------------------------------------------*/

    .slider-cards .or_blockwidth {
        width: var(--or-width);
        max-width: var(--or-width);
        justify-content: center;
        align-items: center;
    }

    .slider-cards .slider-cards-item picture img {
        object-fit: cover;
    }

    .slider-cards .slider-cards-item picture img.right {
        object-position: right;
    }

    .slider-cards .slider-cards-item picture img.left {
        object-position: left;
    }


    .slider-cards h3.titulo-habitacion {
        font-size: 20.8px;
        margin-bottom: 30px;
    }

    .slider-cards .btn-habitacion {
        margin-top: 10px;
    }

    .slider-cards .owsliders-nav .icon-nav:before {
        z-index: 2;
        font-size: 28.8px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
    }

    .slider-cards .owsliders-nav .icon-nav.nav_next:before {
        margin-right: 0px;
    }

    .slider-cards .owsliders-nav .icon-nav.nav_prev:before {
        margin-left: 0px;
    }

    /* Sports 
   
    .slider-cards.sports .slider-cards-item {
        min-height: calc(var(--slider-cards-height-image) + var(--slider-cards-height-text-sport));
    } 

    .slider-cards.sports .owsliders-nav .icon-nav:before {
        margin-top: 60px;
    } 
    */

    /*--------------------------------------------------------------
        5.5.6.4 Slider Modal Room
    --------------------------------------------------------------*/

    #ormodal_controller>#modalRoom.or-fullCover,
    #ormodal_controller>#modalRoom.ow-modalItem {
        align-items: flex-start;
        overflow: scroll;
    }

    #modalRoom .ow-modalItem-container {
        max-height: 750px;
        margin: 40px 0;
        height: auto;
    }

    #modalRoom .or-modal-header.ow-close {
        top: 20px;
    }

    #modalRoom.ow-modalItem .ow-close::before {
        top: 0;
        right: 0;
    }

    #modalRoom .or-modal-header .or-close {
        top: 10px;
        right: 10px;
    }

    #modalRoom .owsliders-nav {
        justify-content: space-between;
    }

    #modalRoom .owsliders-nav .icon-nav:before {
        margin-top: calc(((var(--slider-modal-rooms-height) / 2) * -1) - 20px);
    }

    #modalRoom .owsliders-nav .icon-nav.nav_prev:before {
        margin-right: auto;
    }


    #modalRoom .owsliders-nav .icon-nav.nav_next:before {
        margin-left: auto;
    }

    #modalRoom .titulo-habitacion {
        font-size: 24px;
    }

    #modalRoom .titulo-habitacion,
    #modalRoom .servicios-habitacion {
        max-width: 90%;
    }

    .slider-cards.sports #slider-cards,
    .slider-cards.modal-rooms #slider-cards {
        align-items: start;
    }

    .slider-cards.sports .owsliders-nav,
    .slider-cards.modal-rooms .owsliders-nav {
        margin-top: calc(var(--slider-cards-height-image) + 50px);
    }

    .slider-cards.sports .tarjeta-habitacion .tarjeta-imagen,
    .slider-cards.modal-rooms .tarjeta-habitacion .tarjeta-imagen {
        max-height: var(--slider-cards-height-image);
    }

    .slider-cards.sports .owSlider_mode.unselectable,
    .slider-cards.modal-rooms .owSlider_mode.unselectable {
        align-items: flex-start;
    }

    /* Ajustes de Safari */
    .isSafari .slider-cards.sports .contenido-tarjeta,
    .isSafari .slider-cards.modal-rooms .contenido-tarjeta {
        display: grid;
        justify-items: center;
    }

    .isSafari .slider-cards .tarjeta-habitacion {
        display: grid;
    }

    /* 
    .isSafari .slider-cards-item {
        height: -webkit-min-content !important;
    } 
    */

    .slider-cards.modal-rooms .slider-cards-item,
    .slider-cards.sports .slider-cards-item {
        height: 100% !important;
    }

    .isSafari .slider-cards.modal-rooms .slider-cards-item,
    .isSafari .slider-cards.sports .slider-cards-item {
        height: auto !important;
    }

    .isSafari .slider-cards .owSlider_slideBox {
        height: auto;
        max-height: -webkit-fit-content;
    }

    /*--------------------------------------------------------------
        5.5.6.5 Modal Zoom
    --------------------------------------------------------------*/

    #modalZoom .or-modal-body {
        display: flex;
        align-items: center;
    }

    #modalZoom .ow-modalItem-container {
        display: flex;
        max-width: 90vw;
        flex-direction: column;
    }

    #modalZoom .or-close.ow-close {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        right: 20px;
        top: 10px;
    }

    #modalZoom .or-close.ow-close:before {
        right: 0;
    }

    #modalZoom .ow-modalItem-body video {
        height: auto;
    }

    #modalZoom .t-modal__header {
        position: fixed;
        top: 20px;
        right: 20px;
    }

    #modalZoom .t-modal__body,
    #modalZoom .t-modal__body img {
        width: 100%;
        height: auto;
    }

    /*--------------------------------------------------------------
        5.5.7 Slides 2 Posts
    --------------------------------------------------------------*/

    .owS2P .owsliders-nav {
        top: -250px;
        width: 100vw;
        margin: 0 auto;
    }

    .owS2P .nav-owslider-buttons {
        display: none;
    }

    .owS2P .owsliders-nav .icon-nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .owS2P .owsliders-nav .icon-nav:before {
        line-height: 1;
    }

    .owS2P .owSlider-item .owS2PSlider-item-text {
        margin-top: calc(var(--slider-height) * -1);
        min-height: var(--slider-height);
        height: var(--slider-height);
        width: 100vw;
    }

    .owS2P .owSlider-item .s2p_tituloArticle {
        margin-top: 80px;
        margin-bottom: 0;
        justify-content: flex-start;
        width: 70%;
    }

    .owS2P .owSlider-item .owS2PSlider-item-text h2 {
        margin-bottom: 0;
        margin-top: 100px;
        padding-top: 0;
    }

    .owS2P .owSlider-item .s2p_tituloArticle>a {
        font-size: 18px;
    }

    /*--------------------------------------------------------------
        5.5.8 Counters
    --------------------------------------------------------------*/

    /* .slider-cards-counter {
         padding-top: 0; 
    } */


    /*--------------------------------------------------------------
        5.5.9 Grid Image Text
    --------------------------------------------------------------*/

    .grid-image-text {
        display: flex;
        flex-direction: column;
    }

    .grid-image-text>.double {
        order: 1;
    }

    .grid-image-text>.group-one {
        order: 2;
    }

    .grid-image-text>.group-two {
        order: 3;
    }

    .grid-image-text>.single.first {
        order: 4;
    }

    .grid-image-text>.single.last {
        order: 5;
    }

    .grid-image-text>.double picture,
    .grid-image-text>.double picture img {
        min-height: 376px;
    }

    .grid-image-text>.image.single picture {
        min-height: 100%;
        max-height: 100%;
    }

    .grid-image-text>.image.single.first {
        padding: 0;
    }

    .grid-image-text>.image.single.last {
        padding: 0;
    }

    .grid-image-text>.text {
        padding: 0;
    }

    .grid-image-text>.text.group-one p {
        padding-bottom: 0;
    }

    /*--------------------------------------------------------------
        5.5.10 Mini Gallery
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        5.5.11 Display Block
    --------------------------------------------------------------*/

    .display-text-block .more-btn,
    .display-text-block .less-btn {
        border-bottom: 1px solid #A49791;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    .display-text-block .hidden-block_mob {
        display: none;
    }

    .display-text-block .hidden-block_mob.displayed {
        display: block;
    }

    /*--------------------------------------------------------------
        5.5.12 Reviews
    --------------------------------------------------------------*/

    div#reviews,
    .owReviews>div {
        max-width: 100%;
    }

    /*--------------------------------------------------------------
        5.5.13 Components
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        5.6.0 Footer
    --------------------------------------------------------------*/

    .orfooter .or_blockwidth {
        flex-wrap: wrap;
        max-width: 80%;
    }

    /* Logotipo */
    .orfooter .container-logo {
        margin-bottom: 40px;
        margin-top: 25px;
        width: 100%;
    }

    .orfooter h6 {
        font-weight: 500;
    }

    .orfooter .btn-footer {
        max-width: 100%;
        min-width: 100%;
        font-weight: 400;
        margin: 30px 0;
    }

    .orfooter .primer-menu {
        margin-bottom: -10px;
    }

    .orfooter .extended .icon-arrow-footer::before {
        transform: rotate(180deg);
    }

    .orfooter .icon-arrow-footer::before {
        display: block;
        margin-left: auto;
        margin-right: 20px;
    }

    .orfooter .primer-menu h6 {
        padding: 20px 0;
        border-top: 1px solid var(--or-main-color);
        border-bottom: 1px solid var(--or-main-color);
    }

    .orfooter .primer-menu.extended h6 {
        padding: 20px 0;
        border-top: 1px solid var(--or-main-color);
        border-bottom: initial;
    }

    .orfooter .primer-menu.extended .primera-lista,
    .orfooter .segundo-menu.extended .segunda-lista {
        display: flex;
    }

    .orfooter .primer-menu.extended .primera-lista {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--or-main-color);
    }

    .orfooter .segundo-menu.extended h6 {
        padding-bottom: 20px;
    }

    .orfooter .primer-menu h6,
    .orfooter .segundo-menu h6 {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        padding-top: 20px;
    }

    .orfooter .primer-menu,
    .orfooter .segundo-menu,
    .orfooter .tercer-menu {
        width: 100%;
    }

    .orfooter .primera-lista,
    .orfooter .segunda-lista {
        display: none;
    }

    .orfooter .tercer-menu ul {
        border-bottom: 1px solid var(--or-main-color);
        padding-bottom: 25px;
    }

    .orfooter .orfooter-rrss {
        margin-top: 30px;
    }

    /* Footer Dirección */
    .orfooter-secondary>.or_blockwidth {
        text-align: center;
    }

    .orfooter-secondary .powered a,
    .orfooter-secondary .powered {
        display: block;
        margin-left: 0;
        text-align: center;
    }

    .orfooter-secondary .footer-derechos-fecha p:not(p.powered) {
        display: block;
    }

    /*--------------------------------------------------------------
        5.7.0 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        5.7.1 Home
    --------------------------------------------------------------*/

    .or_home_class .header_resize .or_blockwidth {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tarjeta-larga p {
        max-width: initial;
        max-width: initial;
        width: 90%;
        font-weight: 700;
        font-size: 14.4px;
        padding: 20px 0px;
    }

    .tarjeta-larga .or_blockwidth {
        padding: 20px 10px;
    }

    [class*="bg_"].tarjeta-larga>.or_blockwidth,
    [class*="bg_"].tarjeta-larga {
        min-height: 580px;
    }

    /** JAUME **/
    .tarjeta-larga .botones {
        flex-direction: column;
    }

    .tarjeta-larga .botones>a {
        margin-bottom: 10px;
    }

    .tarjeta-larga .botones>a:last-of-type {
        margin-bottom: 0;
    }

    /** -END- JAUME **/


    /*  Cultural Boutique Hostal */
    .slider-gallery .modal-gallery-details .modal-content picture img {
        object-fit: contain;
    }

    /*--------------------------------------------------------------
        5.7.2 Ficha Hotel
    --------------------------------------------------------------*/
    .container-momentos .tarjeta-momentos {
        width: 100%;
        margin-bottom: 45px;
    }

    .container-momentos .tarjeta-momentos h3,
    .container-momentos .tarjeta-momentos h5 {
        width: 100%;
        margin: 20px 0;
        text-align: left;
    }

    .container-momentos .tarjeta-momentos .btn {
        margin: 30px auto 10px auto;
        max-width: var(--or-width);
        min-width: var(--or-width);
    }

    /* Servicios Hotel */
    ul.lista-servicios-hotel {
        flex-direction: column;
        margin-bottom: 25px;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    ul.lista-servicios-apartamentos {
        margin-bottom: 25px;
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }

    ul.nocolumn {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .servicios-hotel {
        width: 100%;
    }

    .servicios-hotel.w-25 {
        width: 100%;
    }

    .servicios-hotel.w-30 {
        width: 100%;
    }

    .servicios-hotel.w-50 {
        width: 100%;
    }

    .servicios-deportistas {
        width: 100%;
    }

    .servicios-deportistas.w-50 {
        width: 100%;
    }

    .servicios {
        flex-direction: column;
        justify-content: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .servicios .icon-arrow-deploy::before {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .servicios-hotel h4 {
        border-bottom: 1px solid var(--or-main-color);
    }

    .servicios div:nth-child(2) h4 {
        margin-bottom: 20px;
    }

    .servicios div:last-of-type h4 {
        margin-bottom: 0px;
    }

    .servicios div:first-of-type h4 {
        margin-bottom: 20px;
    }

    .lista-servicios-hotel,
    .lista-servicios-deportistas,
    .lista-servicios-apartamentos {
        display: none;
        flex-direction: column;
        list-style: none;
    }

    .servicios h4 {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: flex-start;
        margin: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        text-align: left;
    }

    .banner-hotel {
        padding: 65px 0px;
    }

    .banner-hotel a {
        display: inline;
    }

    .banner-hotel p:last-of-type {
        display: block;
    }

    .banner-hotel-rrss {
        flex-direction: column;
    }

    .banner-hotel-rrss a {
        padding: 10px;
    }

    /* Villaconcha */
    .villaconcha h1 {
        font-size: 30px;
    }

    .villaconcha .orimg_effect.hover .orimg_effect_texto h3 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul.special li small,
    .villaconcha .orimg_effect.hover .orimg_effect_hidden ul.special li {
        font-size: 12.8px;
    }

    .villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul {
        padding: 0px;
    }

    .villaconcha .orimg_effect .orimg_effect_texto h3 {
        font-size: 18px;

    }

    .villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul li,
    .villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p {
        font-size: 12.8px;
    }

    .villaconcha p.color-blanco {
        font-size: 14.4px;
    }

    .villaconcha h2 strong.left {
        margin-left: 6px;
    }

    .villaconcha h2 strong.right {
        margin-right: 6px;
    }

    /* Illa d'Or */
    .illador h1 {
        font-size: 30px;
    }

    /** TripAdvisor **/
    .tripadvisor-award strong br,
    .bg-header-illador:before,
    .bg-header-pollentia:before {
        display: none;
    }

    /*--------------------------------------------------------------
        5.7.3 Destinos
    --------------------------------------------------------------*/

    /* Puerto Pollensa */
    .listado-fichas-hotel {
        margin-top: initial;
    }

    .listado-fichas-hotel .ficha-hotel {
        width: 100%;
        flex-wrap: wrap;
    }

    .listado-fichas-hotel.unique-room .ficha-hotel .ficha-hotel-imagen,
    .listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen {
        width: 100%;
        min-width: initial;
        height: 376px;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
        width: 100%;
        min-width: initial;
    }

    .ficha-hotel-imagen picture,
    .ficha-hotel-imagen img {
        object-fit: cover;
        height: 100%;
        max-width: 100%;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto .btn {
        width: 85%;
        min-width: 85%;
        max-width: 85%;
        margin: 30px 0px;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto .btn[title="Hoposa Daina"] {
        margin-top: 0;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3 {
        font-size: 20.8px;
        width: 90%;
        margin: 30px 0px;
    }

    .adults .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3 {
        font-size: var(--or-font-h2);
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto p {
        padding-left: initial;
        padding-right: initial;
        width: 86%;
    }

    .listado-fichas-hotel .ficha-hotel:nth-child(2n+1) {
        margin-right: initial;
    }

    .open-room-row-destino,
    .open-room-row-destino.reverse {
        flex-direction: column-reverse;
    }

    .open-room-column-destino.first {
        padding: 0px;
        width: 100%;
        margin-bottom: 40px;
    }

    .open-room-column-destino.first.m_hasnot-marginbot {
        margin-bottom: 0;
    }

    .open-room-column-destino.second {
        width: 100%;
        height: 580px;
        margin-bottom: 40px;
    }

    .open-room-column-destino.second img {
        height: 100%;
        object-fit: cover;
        /* object-position: right; */
    }

    /*--------------------------------------------------------------
        5.7.4 Todos los Hoteles
    --------------------------------------------------------------*/

    /* Menu de Filtro de Hoteles */
    .menu-alojamiento {
        display: none;
    }

    select#select-alojamiento {
        width: 100%;
        height: 45px;
        padding-left: 30px;
        margin: 25px 0px;
        text-transform: uppercase;
        border-radius: 4px;
        font-size: 14.4px;
        font-family: 'Montserrat';
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-image: url('/images/hoposa/icons/icon-select.svg');
        background-repeat: no-repeat, repeat;
        background-position: right 1.7em top 50%, 0 0;
        background-size: 1em auto, 100%;
    }

    select#select-alojamiento * {
        font-family: var(--or-alt-font);
    }

    select#select-alojamiento:focus-visible {
        outline-color: var(--or-alt-color);
    }

    .tarjeta-hotel>.or_blockwidth {
        width: 90%;
    }

    .tarjeta-hotel:nth-child(2n+1) {
        padding-right: initial;
        padding-left: initial;
    }

    .tarjeta-hotel .texto-hotel {
        padding: 20px;
    }

    .tarjeta-hotel:nth-child(2n+1) {
        margin-top: -100px;
    }

    .tarjeta-hotel .texto-hotel p {
        padding-bottom: 30px;
    }

    .tarjeta-hotel:nth-child(2n) {
        padding-left: initial;
        padding-right: initial;
        margin-top: 0;
    }

    .menu-navegacion-hoteles {
        padding-bottom: 100px;
    }

    .banner-inaguracion {
        max-width: 300px;
        top: 70px;
        left: calc((100vw - 300px) / 2);
    }

    .banner-inaguracion .or_blockwidth {
        width: 100%;
    }

    .banner-inaguracion div.inaguracion-box {
        padding: 0 10px;
    }

    .bg-header-borras h1 {
        margin-top: 190px;
    }

    /*--------------------------------------------------------------
        5.7.5 Deportes
    --------------------------------------------------------------*/

    /* Alquiler */
    .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto {
        height: 1000px;
        max-height: 1000px;
        min-height: 1000px;
    }

    .listado_fichas.listado_alquiler {
        overflow: initial;
        flex-direction: column;
        width: auto;
        min-width: auto;
    }

    .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul {
        padding: 0;
    }

    .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul>li {
        text-align: center;
    }

    .listado_fichas.listado_alquiler .orimg_effect:last-of-type,
    .listado_fichas.listado_alquiler .orimg_effect {
        margin-right: 0px;
    }

    .listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto p {
        font-size: 14.4px;
    }

    .listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto {
        width: 100%;
    }

    .listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto h3 {
        margin: 10px 10px 30px 10px;
        font-size: 25.6px;
    }

    .listado_fichas.listado_alquiler .orimg_effect {
        max-height: initial;
        height: auto;
        width: auto;
    }

    .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        width: 100%;
    }

    .listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto {
        height: 100%;
    }

    .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto {
        height: initial;
        max-height: initial;
        min-height: initial;
    }

    .listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto p {
        padding-bottom: 40px;
    }

    .alquiler_bicicletas .listado_contador {
        display: none;
    }

    /* Medidas Covid */
    .section-medidas h3 {
        font-size: 20.8px;
    }

    /* Solo Adultos */
    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        width: 100%;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen {
        width: 100%;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique {
        flex-wrap: wrap;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        padding-top: 50px;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen {
        height: 380px;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-doblebtn .btn {
        width: 100%;
        min-width: 270px;
        max-width: 270px;
        margin: 0;
    }

    .adults.has-brothersbelow .listado-fichas-hotel {
        padding-bottom: 30px;
    }

    .adults.is-lastone .listado-fichas-hotel {
        padding-bottom: 60px;
    }

    /*--------------------------------------------------------------
        5.7.6 Blog
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        5.7.6.1 WP Blog
    --------------------------------------------------------------*/
    div#wp-latest-wrapper {
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }

    .entry-page-image {
        max-height: 300px;
        height: 200px;
    }

    #wp-page .breadcumbs>div:nth-child(3) {
        flex-grow: 1;
        text-align: center;
    }

    #wp-page .entry-header h1.entry-title,
    #wp-page .entry-content h1.entry-title,
    #wp-page .entry-content h1.entry-title a {
        margin-top: 50px;
    }

    #wp-page .post .entry-header {
        min-height: 220px;
        display: flex;
        flex-direction: column;
        object-fit: cover;
    }

    #wp-page .entry-header img.wp-post-image {
        object-fit: cover;
        height: auto;
        width: auto;
        display: flex;
        flex-grow: 1;
        min-height: 220px;
    }

    #wp-page .post .entry-content {
        max-width: 96vw;
        min-width: 90vw;
        margin: 40px auto;
    }

    #wp-page .entry-header h1.entry-title,
    #wp-page .entry-content h1.entry-title,
    #wp-page .entry-content h1.entry-title a {
        font-size: 24px !important;
        line-height: 120%;
        margin: 50px auto 0;
        width: 90%;
    }

    #wp-page .breadcumbs {
        flex-wrap: wrap;
    }

    .isPost .page-header h2 {
        max-width: 90vw;
        min-width: 90vw;
        font-size: 22px;
        margin: 40px auto;
        text-align: center;
    }

    /*--------------------------------------------------------------
        5.7.6.2 J!4 Blog
    --------------------------------------------------------------*/

    .category ul.breadcrumb.blog-breadcrumb {
        display: none;
    }

    .category .blog .category-desc picture {
        height: 40vh;
        display: block;
        object-fit: cover;
    }

    .category .blog .category-desc picture img {
        object-fit: cover;
        max-width: initial;
        height: 100%;
    }

    .category .category-desc h1,
    .article .com-content-article>article h1 {
        font-size: 30px;
        line-height: 1.2;
        margin: 50px 0;
    }

    .category .blog .items-leading,
    .category .blog .items-row>div,
    .category .blog .blog-items>div {
        display: flex;
        flex-direction: column;
    }

    .category .blog .item-image {
        max-width: 100%;
        height: 210px;
    }

    .category .blog .items-leading>div,
    .category .blog .items-row>div>div,
    .category .blog .blog-items>div>div {
        margin-bottom: 20px;
    }

    .article div[aria-label=blog_breadcrumb] {
        top: calc(var(--or-blog-header-h) + 50px);
    }

    .article .com-content-article>article .sppb-row-container {
        max-width: 100%;
    }

    .article .com-content-article>.item-image {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .article .com-content-article {
        margin-top: 0;
    }

    .article .com-content-article>.item-image img {
        /* max-width: initial; */
        height: 100%;
    }

    .article .com-content-article>article {
        margin-top: 0px;
        margin-bottom: 60px;
        padding: 40px 20px;
    }

    .article div[aria-label=blog_breadcrumb]>nav ol {
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .article .com-content-article>article h1 {
        font-size: 22px;
        letter-spacing: 0.01em;
        margin: 0 0 30px;
    }

    .article .com-content-article>article p {
        padding: 0;
    }

    .article .com-content-article>article h2,
    .article .com-content-article>article h3 {
        font-size: 20.8px;
        line-height: 1.2;
        margin: 40px 0 20px;
    }

    .article .com-content-article>article h3 {
        font-size: 18px;
    }

    .article .com-content-article iframe {
        height: auto;
        min-height: 70vh;
    }

    .category .blog .items-leading,
    .category .blog .items-row,
    .category .blog .blog-items {
        grid-template: auto/ 1fr;
    }

    .category .blog [class*=span] {
        grid-column: 1 / span1;
    }

    article ul {
        padding-left: 16px;
    }

    /*--------------------------------------------------------------
        5.8.0 Cajetín
    --------------------------------------------------------------*/

    .buscador {
        z-index: 2;
        bottom: 70px;
        top: initial;
        margin-top: 0;
    }

    .be-mobile .reservar {
        font-size: 14.4px;
        border-radius: 0;
    }

    .be-mobile .reservar i {
        padding: 0;
        display: flex;
        line-height: 0;
        justify-content: center;
        align-items: center;
    }

    .be-mobile .reservar i.oricon-calendar:before {
        font-size: 24px;
    }

    .be-mobile .reservar #mobile-reservar {
        font-size: 14.4px;
    }

    .be-mobile .ventajas_exclusivas_mobile {
        margin: 5px auto;
    }

    .be-mobile .ventajas_exclusivas_mobile span.or_extra_container {
        font-size: 14.4px;
        font-weight: 400;
        text-decoration: underline;
    }

    form#buscadorReserva>.header-search {
        display: flex;
    }

    form#buscadorReserva>.header-search>div {
        width: 100%;
        flex-grow: 1;
    }

    form#buscadorReserva>.header-search>.uk-form-div.enviar .b-send,
    form#buscadorReserva>.header-search>.uk-form-div.enviar .b-send:hover {
        max-width: 100%;
        flex-grow: 1;
        width: 100%;
        color: var(--or-alt-btncolor);
        background-color: var(--or-main-btncolor);
    }

    form#buscadorReserva>.header-search>.uk-form-div.enviar {
        max-width: 100%;
        width: 100%;
    }

    #mobileBuscador .oricon-close:before {
        filter: brightness(0.7);
    }

    #mobileBuscador .or-logo {
        padding: 12px 0;
        width: 130px;
    }

    #buscador.c-bebox.is-mobile.is-displayed {
        display: block;
        top: 0;
        overflow-y: auto;
        background-color: var(--or-section-color);
    }

    /* Migración J!4 */


    #buscador #mobile-form-logo img {
        display: none;
    }

    .is-displayed #mobileFormClose span {
        display: none;
    }

    /* .is-displayed #mobileFormClose::before {
        background-image: url(/images/hoposa/icons/icon-close-color.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        font-size: 50px;
        position: relative;
        color: var(--or-main-color);
        width: 1em;
        height: 1em;
    } */

    .is-displayed #buscadorReserva #textoCajetinMobile {
        margin-top: 120px;
    }

    #buscador #buscadorReserva #beboxSubmit {
        background-color: var(--or-section-color);
        margin-bottom: 50px;
        margin-top: 25px;
    }

    .is-displayed #buscadorReserva {
        background-color: var(--or-section-color);
        padding: 0;
        overflow: visible;
        justify-content: flex-start;
        height: auto;
        margin: auto;
    }

    .is-displayed #buscadorReserva>div {
        max-width: 300px;
        margin: 0 auto;
        width: 85%;
        padding: 0;
    }

    .is-displayed #buscadorReserva>div:not(#beboxSubmit) {
        padding: 5px 15px;
    }

    .is-displayed #buscadorReserva #beboxSubmit button {
        border-radius: 0;
        padding: 5px;
        height: 60px;
        font-size: 18px;
        margin-top: 0;
    }

    .is-displayed #buscadorReserva span,
    .is-displayed #buscadorReserva input::placeholder,
    .is-displayed #buscadorReserva svg,
    .is-displayed #buscadorReserva #hotelName {
        color: var(--or-alt-color);
    }

    .is-displayed #mobile-form-logo {
        background-image: url(/images/hoposa/logotipos/logo_marron.svg);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: calc(45px + 10vw);
        margin-top: 1vw;
        padding: 0;
        box-sizing: border-box;
        background-size: 173px;
        background-repeat: no-repeat;
        background-position: 10vw center;
        background-color: var(--or-section-color);
    }

    .hotel-deep-2 {
        padding: 30px 54px;
    }

    /* Secciones con Botón reservar en portada */

    .reservar-mobile #buscador,
    .reservar-mobile .be-mobile.only_mobile {
        display: flex;
        justify-content: center;
    }

    /*
    .reservar-mobile .be-mobile .ventajas_exclusivas_mobile,
    .reservar-mobile .oricon-bed:before {
        display: none;
    }
    */

    .reservar-mobile #buscador .be-mobile {
        top: 0;
        bottom: 75px;
        display: flex;
        border-radius: 0;
        height: 60px;
        max-width: 100%;
        width: 272px;
        justify-content: center;
        box-shadow: none;
    }

    .reservar-mobile #buscador .be-mobile button {
        font-size: 18px;
        font-family: var(--or-alt-font);
        background-color: #FFF;
        color: var(--or-alt-color);
        font-weight: 500;
    }

    .c-bebox span.c-bebox__icon.c--pax {
        margin-right: 10px;
    }

    #selectorMultihotel>.c-bebox__field {
        gap: 8px;
        margin-right: 0;
        padding: 8px;
    }

    #buscador {
        display: none;
    }

    .c-bebox .c-bebox__hotel.c--deep-2 {
        padding-left: 32px;
    }

    /*--------------------------------------------------------------
        5.9 Formulario Suscribete
    --------------------------------------------------------------*/

    .section.section-suscribete.c-fideltour #fideltour_form {
        grid-template-columns: 1fr !important;
        max-width: 600px;
    }

    .section.section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-paragraph,
    .section.section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-checkbox,
    .section.section-suscribete.c-fideltour #fideltour_form .formbuilder-button.form-group {

        grid-column: span 1 !important;
    }

    .section.section-suscribete.c-fideltour #fideltour_form .form-group select,
    .section.section-suscribete.c-fideltour #fideltour_form .form-group input {
        padding: 3px 1px;
    }

    .section.section-suscribete.c-fideltour #fideltour_form .form-group input {
        padding-left: 6px;
    }

    .section.section-suscribete.c-fideltour #fideltour_form button {
        width: 100%;
        max-width: 100%;
    }

    .section.section-suscribete.c-fideltour #fideltour_form {
        row-gap: 0;
    }

    .section.section-suscribete.c-fideltour #fideltour_form p {
        text-align: left;
        font-size: 10px;
    }

    /*--------------------------------------------------------------
        5.10 WCD 
    --------------------------------------------------------------*/

    #ormodal_controller .ow-modalItem.wcdModalClass_simpleTop {
        left: calc(50vw - 160px);
        bottom: 160px;
    }
}

/*--------------------------------------------------------------
    5B.0 Mobile Landscape
--------------------------------------------------------------*/

@media (max-width: 767px) and (orientation: landscape) {
    .banner-inaguracion {
        display: none;
    }
}

/*--------------------------------------------------------------
    5C.0 Mobile Custom
--------------------------------------------------------------*/

@media (min-width: 500px) and (max-width: 816px) and (max-height: 416px) and (orientation: landscape) {
    .header_resize {
        max-height: 100vh;
    }

    .header_resize>.or_blockwidth {
        max-height: initial;
        height: initial;
        width: 100vw;
    }
}

/*--------------------------------------------------------------
    5D.0 Mobile Custom x2
--------------------------------------------------------------*/

@media (max-width: 767px) and (min-width: 321px) and (min-height: 384px) and (orientation: landscape) {
    .daterangepicker {
        max-height: 384px;
        top: calc((100vh - 384px) / 2) !important;
    }

    .bg-header-illador:before,
    .bg-header-pollentia:before {
        display: none;
    }
}

/*--------------------------------------------------------------
    5E.0 Mobile Custom x3
    6.0 Ajsutes minimobiles
--------------------------------------------------------------*/

@media (max-width: 320px) {

    .villaconcha .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul.special li small,
    .villaconcha .orimg_effect.hover .orimg_effect_hidden ul.special li {
        font-size: 12.8px;
    }

    .listado_fichas.listado_alquiler .orimg_effect {
        max-height: initial;
        height: auto;
    }

    .infinatas .orimg_effect.hover .orimg_effect_texto {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .infinatas .orimg_effect .orimg_effect_texto h3 {
        margin-bottom: 20px;
    }
}


/*--------------------------------------------------------------
    7.0 Mobile + Mini Tablets
--------------------------------------------------------------*/

@media (max-width: 991px) {
    :root {
        --or-width-be: 100%;
    }

    .or-nav-container .or-nav-menu.or-nav-logo {
        margin-left: var(--or-fixed-margin)
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        margin-right: var(--or-fixed-margin);
        justify-content: flex-end;
    }


    /*c-banner-images*/

    .c-banner-images {
        grid-template-columns: repeat(1, 1fr);
    }

    .c-banner-images__item>div>p {
        width: 80%;
    }


    /* Footer */

    .orfooter-secondary .footer-derechos-fecha {
        margin-top: 20px;
        grid-auto-flow: row;
        gap: 10px;
        width: 100%;
        text-align: center;
    }

    .orfooter-secondary .powered {
        justify-content: center;
        margin-top: 0;
    }

    #or-modalExtras {
        padding: 0;
    }
}

/*--------------------------------------------------------------
    7B.0 Mobile + Tablets
--------------------------------------------------------------*/

@media (max-width: 1279px) {
    :root {
        --slider-counter-padding: 30px;
    }

    .listado_contador {
        display: flex;
        text-align: center;
        height: 20px;
        margin: 20px auto;
        width: 100%;
        justify-content: center;
        align-items: center;
        font-size: 14.4px;
        font-family: var(--or-alt-font);
        color: var(--or-alt-color);
    }

    .section.espacio_fichas {
        padding: 94px 0 0;
    }

    .section.infinatas {
        padding: 94px 0 10px;
    }


    /*--------------------------------------------------------------
        7B.1 Bloques
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        7B.1.1 Mini Gallery
    --------------------------------------------------------------*/


    .mini-gallery-block .or_blockwidth {
        max-width: var(--or-width);
    }


    .mini-gallery {
        display: flex;
        flex-wrap: wrap;
        overflow-x: hidden;
        justify-content: flex-start;
        flex-direction: column;
    }

    .mini-gallery img {
        vertical-align: bottom;
        height: 580px;
        object-fit: cover;
    }

    .mini-gallery>picture {
        max-width: 92%;
        width: 100%;
        max-width: 768px;
        width: 92%;
    }

    .mini-gallery>picture img {
        max-width: 580px;
        max-width: 768px;
    }

    /*--------------------------------------------------------------
        7B.1.2 Counters
    --------------------------------------------------------------*/

    .grid-cards-asymmetric-counter,
    .listado_fichas-counter,
    .mini-gallery-counter {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-bottom: 0;
        padding-top: var(--slider-counter-padding);
    }

    .grid-cards-asymmetric-counter.padbot,
    .listado_fichas-counter.padbot,
    .mini-gallery-counter.padbot {
        padding-bottom: var(--slider-counter-padding);
    }


    /*--------------------------------------------------------------
        7B.1.3 Formulario Suscribete
    --------------------------------------------------------------*/
    /* Fideltour */
    .section-suscribete.c-fideltour #fideltour_form .form-group {
        border-top: none;
        border-bottom: 1px solid var(--or-main-color);
        border-radius: 0;
    }

    .section-suscribete.c-fideltour #fideltour_form .form-group:first-of-type {
        border-left: none;
        border-radius: 0;
    }

    .section-suscribete.c-fideltour #fideltour_form {
        grid-template-columns: 1fr 1fr;
        column-gap: 32px;
        max-width: 700px;
    }

    .section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-paragraph,
    .section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-checkbox,
    .section-suscribete.c-fideltour #fideltour_form .formbuilder-button.form-group {
        grid-column: span 2;
        border: none;
    }

    .section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(1):after,
    .section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(2):after,
    .section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(3):after,
    .section-suscribete.c-fideltour #fideltour_form .form-group:nth-child(4):after {
        display: none;
    }

    .section-suscribete.c-fideltour #fideltour_form button {
        border: 1px solid var(--or-alt-color);
        background-color: #fff;
        color: var(--or-alt-color);
        height: 40px;
        margin: 32px auto;
        width: 50%;
        max-width: 450px;
    }

    .section-suscribete.c-fideltour p {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .c-bebox .c-bebox__hotel.c--deep-2 {
        padding-left: 39px;
    }
}

/*--------------------------------------------------------------
    7C.0 Mobile + Tablet + Laptop
--------------------------------------------------------------*/
@media (max-width: 1680px) {
    /* :root {

    } */

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display.or_menu_lang_list.displayed {
        margin-top: 80px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.or_menu_lang_list,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.or_menu_lang_list.hide,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.or_menu_lang_list.displayed {
        margin-right: calc(var(--or-fixed-margin) + 5px);
        margin-top: var(--or-menu-height);
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-doblebtn {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }

}

/*--------------------------------------------------------------
    8.0 No Mobile
--------------------------------------------------------------*/
@media (min-width: 768px)
/** NO MOBILE **/
    {
    /*--------------------------------------------------------------
        8.1 Menu
    --------------------------------------------------------------*/

    .or-nav-container .or-nav-menu.or-drop-langlist,
    .or-nav-container .or-nav-menu.or-drop-langlist:hover {
        background-color: transparent;
        color: var(--or-main-color);
        font-family: var(--or-alt-font);
        font-size: 16px;
        font-weight: 400;
        flex-direction: row;
        min-height: 30px;
        width: 52px;
        margin-left: 10px;
    }

    .or-nav-container .or-nav-menu.or-drop-langlist:after {
        background-image: url(/images/hoposa/icons/icon-arrow-lang.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        overflow: hidden;
        height: 20px;
        width: 14px;
        margin-left: 5px;
        line-height: 80%;
        font-size: 27.008px;
    }

    .or-nav-container .or-nav-menu-display.or_menu_lang_list {
        margin-right: calc(((100% - var(--or-width)) / 2) + 5px);
        margin-top: 100px;
        width: auto;
    }

    .or-nav-container .or_menu_lang_list .or_menu_lang_item {
        background-color: transparent;
        display: flex;
        align-items: flex-end;
        width: calc(var(--or-menu-height) / 2);
        height: calc(var(--or-menu-height) / 2);
    }

    .or-nav-container .or_menu_lang_list .or_menu_lang_item a {
        width: 40px;
        height: 40px;
        border: none;
        font-family: var(--or-alt-font);
        color: #FFFFFF;
        background-color: var(--or-main-color);
        font-weight: 400;
    }

    .or-nav-container .or_menu_lang_list .or_menu_lang_item a:hover {
        background-color: var(--or-alt-color);
        color: var(--or-main-color);
    }

    /* Or-float */

    .or-nav-menu-horizontal.or-nav-container.or-float {
        position: fixed;
        align-items: center;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-booking:not(.none) {
        display: flex !important;
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .mod-list {
        display: none;
    }

    .or-nav-container .or-nav-menu.or-nav-burger {
        background-color: transparent;
        width: 52px;
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu.or-nav-burger i::before {
        background-image: url(/images/hoposa/icons/icon-burger.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        overflow: hidden;
        height: 18px;
        width: 22px;
        line-height: 80%;
    }

    .or-nav-container .or-nav-menu.or-nav-burger:hover {
        color: unset;
        background-color: unset;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.hide,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.displayed {
        display: flex;
        align-items: flex-start;
    }

    .or-nav-container .or-nav-menu-display.menu.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.menu.mod-list.show,
    .or-nav-container .or-nav-menu-display.menu.mod-list.hide {
        background-image: url(/images/hoposa/bg/trama_pixel.gif);
        background-color: rgba(0, 0, 0, 0.4);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 55% 100%;
        width: 100%;
        height: 100%;
        row-gap: 0;
    }

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display.or_menu_lang_list.show,
    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display.or_menu_lang_list.hide,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.or_menu_lang_list.displayed {
        width: auto;
    }

    /* Displayed Menu */

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .nav-close,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .nav-close {
        position: relative;
        margin-bottom: 60px;
        width: 55vw;
        height: 0px;
        display: flex;
        justify-content: flex-end;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .nav-close i {
        display: none;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .nav-close::after {
        background-image: url(/images/hoposa/icons/icon-close-color.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        font-size: 48px;
        position: relative;
        color: var(--or-main-color);
        width: 1.2em;
        height: 1.2em;
        margin-right: 15px;
    }

    /* Cajetín */

    /* body.article #buscador:not(.show) {
        display: none;
    } */
    .article div#buscador {
        top: calc(var(--or-menu-height) + 16px);
    }

    #buscador[class*=zindex].show,
    #buscador[class*=zindex].show.owVueBoxFloats,
    #buscador[class*=zindex].owVueBoxFloats {
        top: 0;
        height: 100vh;
    }

    #buscador.owVueBoxFloats {
        position: absolute;
    }

    #buscador.c-bebox.is-fixed:not(.is-mobile) {
        position: fixed;
        top: var(--or-menu-height);
    }

    /* Migración J!4 */


    .or-nav-menu-horizontal.or-nav-container .or-nav-menu.or-nav-burger {
        display: none;
    }

    /* Or-float */

    .or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu.or-nav-burger {
        display: flex;
    }

    /*--------------------------------------------------------------
        8.2 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        8.2.1 Ficha Hotel
    --------------------------------------------------------------*/

    ul.lista-servicios-hotel,
    ul.lista-servicios-deportistas {
        display: block !important;
    }

}

/*--------------------------------------------------------------
    9.0 Only Tablets
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1279px) {
    :root {
        --or-width-be: 100%;
        --or-width-blog: 92vw;
        --or-blog-header-h: 40vh;
        --or-blog-grid-gap: 20px;
        --vue-box-top: 494px;
        --slider-modal-rooms-width: 512px;
        --slider-modal-rooms-height: 340px;

        --slider-cards-height-image: 293px;
    }

    a#modal-reservas,
    input#modal-reservas,
    a#modal-reservas:hover,
    input#modal-reservas:hover {
        background-color: #029bc9;
    }

    /*--------------------------------------------------------------
        9.1 Cajetín
    --------------------------------------------------------------*/
    .bh .dates .ida-vuelta #rangepicker,
    .bh .dates .ida-vuelta #rangepicker_title,
    .bh .rooms .con .hab-value,
    .bh .rooms .con .b-title.hab-num,
    .bh .reservas .promo .b-voucher-input {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    form#buscadorReserva>.header-search>.uk-form-div.enviar {
        width: auto;
    }

    form#buscadorReserva>.header-search>.uk-form-div.enviar>input {
        padding: 5px 15px;
    }

    form#buscadorReserva>.header-search {
        grid-template: auto / calc(((100% - 150px) / 3) + 10px) calc(((100% - 150px) / 3) - 10px) calc(((100% - 150px) / 3) - 10px) auto;
    }

    .bh .rooms .con .b-title.hab-num {
        justify-content: center;
    }


    .category #buscador {
        top: -1000px;
    }

    #selectorMultihotel>.c-bebox__field {
        margin-right: 0;
        gap: 8px;
        text-align: left;
    }

    .c-bebox span.c-bebox__icon.c--pax {
        margin-right: 10px;
    }

    #buscador.c-bebox.or-float.owVueBoxFloats {
        position: fixed;
        top: var(--or-menu-height);
    }


    #buscador.c-bebox.is-mobile.is-displayed {
        position: fixed;
        top: 0;
        left: 0;
    }

    .c-bebox.is-mobile .t-close svg * {
        color: white;
    }


    /*--------------------------------------------------------------
        9.2 Ventajas Exclusivas
    --------------------------------------------------------------*/

    .or-nav-container .or-nav-menu.or-nav-extras {
        width: 190px;
    }

    #or-modalExtras .or-modal-header .ow-close {
        width: 90%;

    }


    /*--------------------------------------------------------------
        9.3 Menu
    --------------------------------------------------------------*/

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.parent.deeper.deploy .nav-child.unstyled.small li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.parent.deeper.deploy .nav-child.unstyled.small li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.parent.deeper.deploy .nav-child.unstyled.small li {
        padding-left: 50px;
    }

    .or-nav-container .or-nav-menu-display.menu.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.menu.mod-list.show,
    .or-nav-container .or-nav-menu-display.menu.mod-list.hide {
        background-size: 100% 100%;
        background-color: #FFF;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .nav-close,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .nav-close {
        width: 99vw;
    }

    /* */
    .or-nav-menu-horizontal.or-nav-container {
        display: grid;
    }

    .or-nav-menu-horizontal.or-nav-container>* {
        grid-row: 1 / span 1;
        grid-column: 1 / span 2;
    }

    .or-nav-container .or-nav-menu.or-nav-logo {
        height: 0;
        overflow: visible;
        z-index: 2;
        margin-top: 20px;
    }

    .or-nav-container .or-nav-menu.or-drop-langlist,
    .or-nav-container .or-nav-menu.or-drop-langlist:hover {
        margin-right: var(--or-fixed-margin);
    }

    /* Or Float */

    .or-nav-menu-horizontal.or-nav-container.or-float {
        display: flex;
    }

    .or-nav-container.or-nav-menu-horizontal.or-float .or-nav-logo {
        /* margin: 0 0 0 var(--or-fixed-margin); */
        height: inherit;
    }

    /*--------------------------------------------------------------
        9.4 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        9.4.1 Home
    --------------------------------------------------------------*/

    .tarjeta-larga .botones {
        flex-direction: column;
        align-items: center;
    }

    .tarjeta-larga .botones>a {
        margin-bottom: 10px;
    }

    .tarjeta-larga .botones>a:last-of-type {
        margin-bottom: 0;
    }

    /*--------------------------------------------------------------
        9.4.2 Ficha Hotel
    --------------------------------------------------------------*/
    /** Cultural Boutique Hostal **/
    .banner-inaguracion .or_blockwidth {
        min-width: 405px;
        max-width: 405px;
    }

    /* Listado de Servicios */
    .servicios.wrap .servicios-hotel:nth-child(1),
    .servicios.wrap .servicios-hotel:nth-child(2) {
        margin-bottom: 40px;
    }

    ul.lista-servicios-hotel.tablet-uno {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    ul.lista-servicios-hotel.tablet-dos {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    ul.lista-servicios-deportistas.tablet-uno {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    ul.lista-servicios-deportistas.tablet-dos {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    .servicios-hotel.t-w-30 {
        width: 30%;
    }

    .servicios-hotel.t-w-50 {
        width: 50%;
    }

    .servicios-hotel.t-w-70 {
        width: 70%;
    }

    .servicios-deportistas.t-w-30 {
        width: 30%;
    }

    .servicios-deportistas.t-w-50 {
        width: 50%;
    }

    .servicios-deportistas.t-w-70 {
        width: 50%;
    }

    .servicios-deportistas.t-w-auto {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    /* Tarjeta listado de Hoteles */

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen {
        width: 50%;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
        width: 50%;
        padding: 0px 20px;
    }

    .listado-fichas-hotel .ficha-hotel:nth-child(2n+1) {
        margin-right: 0px;
    }

    /*--------------------------------------------------------------
        9.4.3 Todos los hoteles
    --------------------------------------------------------------*/

    /* Fichas de Todos los Hoteles Filtro */
    .menu-alojamiento {
        width: 100%;
    }

    .tarjeta-hotel {
        width: 100%;
    }

    .tarjeta-hotel:nth-child(2n+1) {
        margin-top: 0px;
    }

    .tarjeta-hotel:nth-child(2n+1) {
        padding-left: 0;
        padding-right: 0;
    }

    .tarjeta-hotel:nth-child(2n) {
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
    }

    /*--------------------------------------------------------------
        9.4.4 Destinos
    --------------------------------------------------------------*/


    /*--------------------------------------------------------------
        9.4.5 Experiencias
    --------------------------------------------------------------*/

    .menu-navegacion-hoteles {
        padding-bottom: 0px;
    }

    /*--------------------------------------------------------------
        9.4.6 Blog
    --------------------------------------------------------------*/

    #wp-latest-wrapper {
        display: flex;
        margin: 0 auto;
        max-width: var(--or-width);
        flex-direction: column;
        align-items: center;
    }

    #wp-page .entry-header {
        margin-top: 50px;
    }

    .category .blog .items-leading,
    .category .blog .items-row,
    .category .blog .blog-items {
        grid-template: auto / repeat(2, 1fr);
        gap: 20px;
        justify-content: space-between;
    }

    .category .blog .item-image {
        max-width: calc((var(--or-width) - var(--or-blog-grid-gap)) / 2);
    }

    .category .blog .item-image,
    .category .blog .item-image a {
        height: 250px;
    }

    .category .category-desc>div {
        min-height: 33vh;
        display: flex;
        flex-direction: column;
    }

    .category .category-desc>div picture {
        height: 100%;
        display: flex;
        flex-grow: 1;
    }

    .category .category-desc>div img {
        object-fit: cover;
        max-width: initial;
        min-height: 100%;
    }

    .article .com-content-article>.item-image {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .article .com-content-article>.item-image img {
        max-width: initial;
        min-height: 100%;
        min-width: 100%;
    }

    .article .c-article>nav>ol.mod-breadcrumbs>li {
        flex-wrap: nowrap;
        display: flex;
    }

    .article .c-article>nav>ol.mod-breadcrumbs>li a {
        white-space: nowrap;
    }

    .article div[aria-label=blog_breadcrumb] {
        top: calc(var(--or-blog-header-h) + 55px);
    }

    .article .com-content-article>article {
        margin-top: 0;
        margin-bottom: 80px;
        padding: 50px;
    }

    .promo.article .com-content-article>article {
        margin-top: 160px;
    }

    /*--------------------------------------------------------------
        9.5 Bloques
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        9.5.1 Formularios
    --------------------------------------------------------------*/

    /* Formulario Newsletter */
    .section-suscribete>.or_blockwidth {
        flex-direction: column;
    }

    .section-suscribete p {
        padding-bottom: 40px;
    }

    /** NEWSLETTER **/
    .form-newsletter .cf-fields {
        grid-template-columns: 25% 25% auto auto;
    }

    .form-newsletter .cf-control-group:nth-child(2):after,
    .form-newsletter .cf-control-group:nth-child(3):after,
    .form-newsletter .cf-control-group:nth-child(4):after {
        display: none;
    }

    .form-newsletter .cf-control-group:nth-child(1),
    .form-newsletter .cf-control-group:nth-child(2),
    .form-newsletter .cf-control-group:nth-child(3),
    .form-newsletter .cf-control-group:nth-child(4) {
        min-width: 50%;
    }

    .form-newsletter .cf-control-group:nth-child(1) {
        grid-column: 1 / span 2;
    }

    .form-newsletter .cf-control-group:nth-child(2) {
        grid-column: 3 / span 2;
    }

    .form-newsletter .cf-control-group:nth-child(3) {
        grid-column: 1 / span 2;
        grid-row: 2;
    }

    .form-newsletter .cf-control-group:nth-child(4) {
        grid-column: 3 / span 2;
        grid-row: 2;
    }

    .form-newsletter .cf-control-group:nth-child(5) {
        grid-column: 1 / span 4;
        grid-row: 3;
    }

    .form-newsletter .cf-control-group:nth-child(6) {
        grid-column: 1 / span 4;
        grid-row: 4;
    }

    .form-newsletter .cf-control-group:nth-child(1) input,
    .form-newsletter .cf-control-group:nth-child(2) input {
        border-bottom-left-radius: 0px !important;
        border-bottom: none !important;
    }

    .form-newsletter .cf-control-group:nth-child(2) input {
        border-right: 1px solid !important;
        border-top-right-radius: 4px !important;
    }

    .form-newsletter .cf-control-group:nth-child(3) select {
        border-left: 1px solid !important;
        border-bottom-left-radius: 4px !important;
    }

    .form-newsletter .cf-control-group:nth-child(4) button {
        border: 0px none !important;
        border-top-right-radius: 0px !important;
    }

    /*--------------------------------------------------------------
        9.5.2 Tarjetas Hover
    --------------------------------------------------------------*/

    .listado_fichas {
        overflow-x: hidden;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .listado_fichas.listado_alquiler {
        overflow-x: initial;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }

    .orimg_effect {
        min-width: 528px;
        margin-right: 20px;
    }

    .listado_fichas.listado_alquiler .orimg_effect {
        margin-right: 0px;
        width: 100%;
    }

    .listado_fichas.listado_alquiler .orimg_effect:last-of-type {
        margin-right: initial;
    }

    .orimg_effect:last-of-type {
        margin-right: 0;
    }

    .listado_fichas_different {
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .listado_fichas_different .column-one {
        width: auto;
        max-width: initial;
        min-width: auto;
    }

    .listado_fichas_different .column-two {
        min-width: auto;
        width: auto;
        max-width: initial;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: visible;
    }

    .listado_fichas_different .orimg_effect,
    .listado_fichas_different .orimg_effect.margin-card,
    .listado_fichas_different .orimg_effect.small {
        width: 80vw;
        min-width: 528px;
        max-width: 528px;
        height: 437px;
        margin-right: 20px;
        justify-content: flex-start;
    }

    .listado_fichas_different .orimg_effect_image {
        max-width: 528px;
        min-width: 528px;
        height: 100%;
        min-height: 100%;
        display: flex;
        justify-content: center;
    }

    [class*=column] .orimg_effect .orimg_effect_texto h3 {
        width: 90%;
    }

    .listado_fichas_different .orimg_effect .orimg_effect_texto {
        max-width: 80vw;
        height: 437px;
        min-height: 437px;
        position: inherit;
        margin-top: -437px;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto {
        min-height: 437px;
        height: 437px;
        flex-direction: column-reverse;
        justify-content: flex-end;
        max-width: 80vw;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        flex-grow: 1;
        width: 100%;
        max-height: 437px;
        justify-content: flex-start;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div {
        background-color: grey;
        height: 100%;
        width: 100%;
        min-width: 80vw;
        min-height: 437px;
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a {
        position: initial;
        margin-top: -70px;
        max-width: 85%;
        min-width: 85%;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div>img {
        min-height: 437px;
        width: auto;
        max-width: inherit;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto h3,
    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto h3 {
        position: relative;
        margin: 0;
        z-index: 2;
        /*margin-top: -437px;
        height: 437px;*/
        margin-top: -320px;
        height: 200px;
    }

    .listado_fichas_different .column-two-row .orimg_effect:last-of-type {
        margin-right: 0;
    }

    .listado_fichas_different .orimg_effect_image>img {
        min-height: 100%;
        max-width: initial;
    }

    /*--------------------------------------------------------------
        9.5.3 Modals
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        9.5.3.1 Popup
    --------------------------------------------------------------*/

    .or_popup.or-fullCover .or-modal-container .or-modal-body {
        flex-direction: column;
    }

    .or_popup.or-fullCover .or-modal-container {
        max-width: 700px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-img {
        max-width: 100%;
        max-height: 250px;
    }

    .or_popup.or-fullCover .or-modal-container {
        height: auto;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content h2 {
        margin: 0 auto 20px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content h2 small {
        font-size: 75%;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-body>div.orPopUp-content {
        padding-bottom: 80px;
    }

    .or_popup.or-fullCover .or-modal-container .or-modal-footer {
        margin: -100px auto 0;
    }

    #or-popUp {
        max-width: 600px;
    }


    /*--------------------------------------------------------------
        9.5.4 Grid Cards Asymmetric
    --------------------------------------------------------------*/

    .grid-cards-asymmetric {
        display: flex;
        gap: 0;
        overflow: hidden;
        height: 437px;
    }

    .grid-cards-asymmetric>div.orimg_effect {
        max-width: 528px;
        padding-right: 20px;
        min-width: 528px;
    }

    /*--------------------------------------------------------------
        9.5.5 Sliders
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        9.5.5.1 Slider Cards
    --------------------------------------------------------------*/

    /* .slider-cards .owSlider_slideBox .unselectable {
        justify-content: center;
    } */

    /*--------------------------------------------------------------
        9.5.6 Grid Image Text
    --------------------------------------------------------------*/

    .grid-image-text {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        row-gap: 40px;
    }

    .grid-image-text>.text.group-one {
        grid-row: 1;
        grid-column: 1 / span 2;
    }

    .grid-image-text>.image.double {
        grid-column: 1 / span 2;
        grid-row: 2;
    }

    .grid-image-text>.text.group-two {
        grid-row: 3;
        grid-column: 1 / span 2;
    }

    .grid-image-text>.image.single.first {
        grid-column: 1;
        grid-row: 4;
    }

    .grid-image-text>.image.single.last {
        grid-column: 2;
        grid-row: 4;
    }

    .grid-image-text>.text {
        padding: 0;
    }

    /*--------------------------------------------------------------
        9.5.8 Components
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        9.6 Footer
    --------------------------------------------------------------*/

    .orfooter>.or_blockwidth {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .orfooter .container-logo {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-bottom: 45px;
    }

    .orfooter .primer-menu {
        width: 25%;
    }

    .orfooter .segundo-menu {
        width: 35%;
    }

    .orfooter .tercer-menu {
        width: 25%;
    }

    .orfooter .btn-footer {
        max-width: 200px;
        min-width: 200px;
        font-size: 14.4px;
    }

    /*--------------------------------------------------------------
        9.6 Cookies
    --------------------------------------------------------------*/

}

/*--------------------------------------------------------------
    10.0 Mini Tablets
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --or-font-icon-menu: 50px;
        --or-font-mlink: 35.008px;
        --or-font-h1: 40px;
        --or-font-h2: 35.008px;
        --or-font-h3: 25.6px;
        --or-font-h4: 16px;
        --or-font-h5: 22px;
        --or-font-h6: 20.8px;
        --or-font-p-big: 25.6px;
        --or-font-p: 14.4px;
        --or-font-p-min: 14.4px;
        --or-befont-big: 25.6px;
        --or-befont: 16px;
        --or-befont-min: 14.4px;
        --or-width: 740px;
        --or-fixed-margin: 14.4px;
        --or-menu-height: 100px;

        /* Slider Gallery */
        --slider-gallery-width: 100vw;
        --slider-gallery-gap: 0;

        /* Slider Cards */
        --slider-cards-gap: 0;
        --slider-cards-width: 80%;
    }


    h3,
    .or-navextra-heading {
        font-size: var(--or-font-h3);
    }

    .center-content>.or_blockwidth {
        max-width: 620px;
        min-width: 620px;
    }

    .section.t_nopadding_top {
        padding-top: 20px;
    }

    .section.t_nopadding_bot {
        padding-bottom: 20px;
    }

    .section.t_nopadding_top.p0 {
        padding-top: 0px;
    }

    .section.t_nopadding_bot.p0 {
        padding-bottom: 0px;
    }

    a#modal-reservas,
    input#modal-reservas {
        width: 160px;
    }

    /*--------------------------------------------------------------
        10.1 Ventajas Exclusivas
    --------------------------------------------------------------*/

    #or-modalExtras.or-fullCover .or-modal-container {
        max-width: 750px;
        max-height: 100vh;
        width: 80%;
        height: 56%;
        height: auto;
        padding-top: 30px;
        overflow: auto;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_navextra_extras {
        align-items: center;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_navextra_title .or-navextra-heading {
        margin-bottom: 10px;
        margin-top: 0px;
    }

    #or-modalExtras.or-fullCover .row.small-benefits {
        max-width: 500px;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element {
        height: auto;
        margin-bottom: 0;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element h4 {
        margin-top: 0px;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .column:first-child {
        margin-right: 0px;
    }

    #or-modalExtras.or-fullCover .or-modal-container .or-modal-header {
        position: fixed;
        right: 10px;
        top: 10px;
    }



    #or-modalExtras.or-fullCover .or-modal-container .or-modal-header i::before {
        background-color: #FFFFFF;
        border-radius: 50%;
    }

    /* J!4 */

    #or-modalExtras .or-modal-header .ow-close {
        width: 100%;
    }

    /*--------------------------------------------------------------
        10.2 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        10.2.1 Ficha Hotel
    --------------------------------------------------------------*/

    .container-momentos .tarjeta-momentos {
        width: 48%;
        padding-bottom: 20px;
    }

    .container-momentos .tarjeta-momentos:last-of-type {
        margin-left: auto;
        margin-right: auto;
    }

    /* Servicios Hotel */
    ul.lista-servicios-hotel {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .servicios-hotel {
        width: 50%;
    }

    .servicios-deportistas {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

    .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen,
    .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        width: 50%;
    }

    .listado-fichas-hotel {
        justify-content: center;
        margin-top: 0;
    }

    .listado-fichas-hotel .ficha-hotel {
        width: 100%;
        margin-top: 0;
    }

    /* Experiencias */
    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3 {
        width: 100%;
    }

    /* Adults Only */
    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        width: 100%;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen {
        width: 100%;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique {
        flex-wrap: wrap;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        padding-top: 50px;
    }

    /*--------------------------------------------------------------
        10.2.2 Destinos
    --------------------------------------------------------------*/

    /* Parrafos de Dónde esta Destinos */
    .open-room-row-destino,
    .open-room-row-destino.reverse {
        flex-direction: column;
    }

    .open-room-column-destino.first {
        width: 100%;
        margin-bottom: 50px;
    }

    .open-room-column-destino.second {
        width: 100%;
    }

    /*--------------------------------------------------------------
        10.2.3 Todos los hoteles
    --------------------------------------------------------------*/

    /* Secciones Experiencias */
    /* Listado de Hoteles en el Filtro */
    .menu-alojamiento li a,
    .menu-alojamiento li {
        font-size: 14.4px;
    }

    .menu-alojamiento li:nth-child(1) a,
    .menu-alojamiento li:nth-child(1) {
        min-width: 90px;
        width: 90px;
    }

    .menu-alojamiento li:nth-child(7) a,
    .menu-alojamiento li:nth-child(7) {
        min-width: 150px;
        width: 150px;
    }

    /*--------------------------------------------------------------
        10.2.4 Contacto y Transfer
    --------------------------------------------------------------*/

    /* IFRAME Transfer */
    /** TripAdvisor **/
    .bg-header-illador:before,
    .bg-header-pollentia:before {
        display: none;
    }

    /*--------------------------------------------------------------
        10.3 Menu
    --------------------------------------------------------------*/

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li.first-row-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li.first-row-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li.first-row-parent {
        order: 8;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
        column-gap: 20px;
        row-gap: 20px;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-extras {
        min-width: 185px;
        max-width: 185px;
        padding: 5px;
        margin-right: 10px;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-logo {
        margin: 0 0 auto 2%;
    }

    .or-nav-container .or-nav-menu.or-nav-logo img {
        width: 218px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.displayed {
        margin-right: calc(var(--or-fixed-margin));
    }

    .or-nav-container.or-float .or-nav-menu.or-drop-langlist {
        margin-right: 0;
    }

    /*--------------------------------------------------------------
        10.4 Footer
    --------------------------------------------------------------*/

    .orfooter ul li a {
        font-size: 12.8px;
    }


    /*--------------------------------------------------------------
        10.5 Bloques
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        10.5.1 Slider Gallery
    --------------------------------------------------------------*/

    .slider-gallery .owsliders-nav .icon-nav.nav_prev:before {
        left: 4%;
    }

    .slider-gallery .owsliders-nav .icon-nav.nav_next:before {
        right: 4%;
    }

    .slider-gallery .owsliders-nav .icon-nav:before {
        z-index: 2;
    }

    /*--------------------------------------------------------------
        10.5.2 Slider Cards
    --------------------------------------------------------------*/

    #slider-cards {
        width: var(--or-width);
        margin: 0 auto;
    }

    .slider-cards .owsliders-nav {
        max-width: 80%;
    }

    .slider-cards .owsliders-nav .icon-nav.nav_prev:before {
        margin-left: 0;
    }

    .slider-cards .owsliders-nav .icon-nav.nav_next:before {
        margin-right: 0;
    }

    .slider-cards .owSlider_slideBox {
        max-width: 80%;
    }

    .slider-cards .slider-cards-list {
        max-width: 80%;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        height: auto;
    }

    .slider-cards .contenido-tarjeta {
        flex-grow: unset;
        height: auto;
    }

    /*--------------------------------------------------------------
        10.5.3 Formulario Suscribete
    --------------------------------------------------------------*/
    .section-suscribete.c-fideltour #fideltour_form {
        grid-template-columns: 1fr;
        max-width: 600px;
    }

    .section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-paragraph,
    .section-suscribete.c-fideltour #fideltour_form .form-group.formbuilder-checkbox,
    .section-suscribete.c-fideltour #fideltour_form .formbuilder-button.form-group {

        grid-column: span 1;
    }

    .section-suscribete.c-fideltour #fideltour_form p {
        text-align: left;
        font-size: 11.2px;
    }

    .section.section-suscribete.c-fideltour #fideltour_form button {
        width: 100%;
        max-width: 600px;
    }


    /*--------------------------------------------------------------
        10.5.4 c-banner-images
    --------------------------------------------------------------*/

    .c-banner-images__item {
        display: grid;
        width: 60%;
        margin: 0 auto;
    }

}

/*--------------------------------------------------------------
    10B.0 Mini Tablets++
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1023px) {
    .listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-imagen img {
        height: 100%;
        max-width: auto;
    }

    .container-momentos {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .container-momentos .tarjeta-momentos {
        width: 80vw;
        max-width: 500px;
        margin: 0 auto;
    }

    .container-momentos .tarjeta-momentos .btn {
        margin: 30px auto 10px auto;
    }

    .section-top.is-bigger {
        padding-top: 100px;
    }

    .section.is-bigger {
        padding: 100px 0;
    }
}


/*--------------------------------------------------------------
    10C.0 Mini Tablets++
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
    .center-content-paragraph.t_is-v2 {
        max-width: 634px;
    }
}

/*--------------------------------------------------------------
    11.0 Tablets + Desktop
--------------------------------------------------------------*/
@media (min-width: 992px) {}

/*--------------------------------------------------------------
    12.0 Tablets medias y Pantallas pequeñas
--------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1279px) {
    :root {
        --or-font-h1: 40px;
        --or-font-h2: 35.008px;
        --or-font-h3: 35.008px;
        --or-font-h4: 16px;
        --or-font-h5: 22px;
        --or-font-h6: 20.8px;
        --or-font-p: 14.4px;
        --or-width: 950px;
        --or-fixed-margin: 1%;

        --slider-gallery-width: 576px;
        --slider-gallery-height: 384px;
    }

    /*--------------------------------------------------------------
        12.1 Bloques
    --------------------------------------------------------------*/


    /*--------------------------------------------------------------
        12.1.1 Modals
    --------------------------------------------------------------*/

    .modal-room-details .modal-content {
        width: 60%;
    }

    /*--------------------------------------------------------------
        12.1.2 Bloques
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        12.1.2.1 Slider Cards
    --------------------------------------------------------------*/
    .slider-cards .owsliders-nav .icon-nav.nav_next:before {
        margin-right: -20px;
    }


    .slider-cards .owsliders-nav .icon-nav.nav_prev:before {
        margin-left: -20px;
    }

    .slider-cards .slider-cards-list {
        max-width: 80%;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 50%;
        grid-auto-rows: auto;
        height: auto;
        align-items: stretch;
        justify-content: flex-start;
    }

    .slider-cards .contenido-tarjeta {
        flex-grow: unset;
        height: auto;
    }

    .slider-cards .slider-cards-item {
        min-height: unset;
        height: auto;
    }

    .slider-cards.modal-rooms .slider-cards-item,
    .slider-cards.sports .slider-cards-item {
        height: auto;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .slider-cards .tarjeta-habitacion {
        flex-grow: 1;
    }

    /*--------------------------------------------------------------
        12.1.2.2 c-banner-images__item
    --------------------------------------------------------------*/

    .c-banner-images__item>div>p.h2 {
        font-size: 22px;
        /*22px*/
    }

    .c-banner-images__item>div>p {
        font-size: var(--or-font-p);
        width: 80%;
    }

    .c-banner-images__item>div>img {
        width: 12%;
    }

    /*--------------------------------------------------------------
        12.2 Footer
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        12.3 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
            12.3.1 Todos los hoteles
    --------------------------------------------------------------*/

    .menu-alojamiento li a,
    .menu-alojamiento li {
        font-size: 16px;
    }

    .menu-alojamiento li:nth-child(1) a,
    .menu-alojamiento li:nth-child(1) {
        min-width: 120px;
        width: 120px;
    }

    .menu-alojamiento li:nth-child(7) a,
    .menu-alojamiento li:nth-child(7) {
        min-width: 200px;
        width: 200px;
    }

    /* Slider Habitaciones */

    /* .tarjeta-habitacion .contenido-tarjeta {
        height: 373px;
    } */

    .tarjeta-habitacion .contenido-tarjeta {
        justify-content: space-between;
        flex-grow: 1;
    }

    .modal-open-room .splide,
    .modal-open-room .splide__list {
        max-height: 340px;
    }

    .modal-room-details .modal-content {
        margin-top: -20px;
    }

    .tarjeta-habitacion .btn-habitacion {
        margin-top: 0;
        margin-bottom: 0;
        min-height: 45px;
    }

    /*--------------------------------------------------------------
            12.3.2 Contacto y Transfer
    --------------------------------------------------------------*/

    /* IFRAME TRANSFER */
    /** TripAdvisor **/
    .bg-header-illador:before,
    .bg-header-pollentia:before {
        height: 180px;
        width: 178px;
        right: calc(((100% - var(--or-width)) / 2));
        top: 140px;
    }

    /*--------------------------------------------------------------
            12.3.3 Políticas
    --------------------------------------------------------------*/

    .orpoliticas table {
        overflow-x: scroll;
        max-width: 96vw !important;
        display: block;
    }

    .orpoliticas {
        max-width: 92vw;
        margin: 0 auto;
    }


    /*--------------------------------------------------------------
            12.3.4 Experiencias
    --------------------------------------------------------------*/

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        width: 100%;
    }

    /*--------------------------------------------------------------
        12.4 Ventajas Exclusivas
    --------------------------------------------------------------*/

    #ormodal_controller>#or-modalExtras.or-fullCover,
    #ormodal_controller>#or-modalExtras.ow-modalItem {
        overflow: scroll;
        align-items: flex-start;
    }

    #or-modalExtras.or-fullCover .or-modal-container {
        width: 90%;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .column:first-child {
        margin-right: 90px;
    }

    #or-modalExtras.or-fullCover .or-modal-container .or-modal-body {
        padding: 0;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_navextra_extras {
        width: 90%;
    }

    .or-nav-container .or-nav-menu.or-nav-extras {
        width: 192px;
    }

    /*--------------------------------------------------------------
        12.5 Menu
    --------------------------------------------------------------*/

    .or-nav-container.or-float .or-nav-menu.or-nav-extras {
        margin-right: 20px;
    }

    .or-nav-container.or-float .or-nav-menu.or-nav-logo {
        margin: 0px 0 auto 3%;
        width: 272px;
    }

    .or-nav-container .or-nav-menu.or-nav-logo img {
        width: 262px;
    }

    /*--------------------------------------------------------------
        12.6 Cajetín
    --------------------------------------------------------------*/


}

/*--------------------------------------------------------------
    12B.0 Tablets medias y Pantallas pequeñas++ 
--------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1679px) {
    .or-nav-container .or-nav-menu.or-nav-logo {
        margin-left: 4%;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        margin-right: var(--or-fixed-margin);
    }
}

/*--------------------------------------------------------------
    13.0 Tablets + y miniDesktop (horizontal)
--------------------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1279px) and (orientation: landscape) {}


/*--------------------------------------------------------------
    13B.0 Tablets + y miniDesktop++ (horizontal)
--------------------------------------------------------------*/
@media (min-width: 1000px) and (max-width: 1679px) and (orientation: landscape) {

    .modal-open-room .splide,
    .modal-open-room .splide__list {
        max-height: 340px;
    }

    .modal-room-details .modal-content {
        width: 51%;
        max-width: 512px;
        top: 4%;
        margin-bottom: 0px;
    }
}




/*--------------------------------------------------------------
    13B.1 Tablets + y miniDesktop++ (horizontal)
--------------------------------------------------------------*/
@media (min-width: 1000px) and (max-width: 1679px) and (max-height: 760px) and (orientation: landscape) {

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent.deploy.two-columns-parent .nav-child.unstyled.small {
        margin-bottom: -60vh;
        overflow-y: scroll;
        width: 100%;
        margin-top: -100px;
    }

    .nav-child.unstyled.small::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

    .nav-child.unstyled.small::-webkit-scrollbar-button {
        width: 1px;
        height: 1px;
    }

    .nav-child.unstyled.small::-webkit-scrollbar-corner {
        background: transparent;
    }

    .nav-child.unstyled.small::-webkit-scrollbar-thumb {
        background: var(--or-main-color);
        border: 1px solid transparent;
        border-radius: 2px;
    }

    .nav-child.unstyled.small::-webkit-scrollbar-track {
        background: #e5e5e5;
        border: 1px solid transparent;
        border-radius: 2px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
        margin-bottom: 0;
        margin-top: 20px;
    }
}



/*--------------------------------------------------------------
    13C.0 Tablets + y miniDesktop++
--------------------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1679px) {
    .listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-imagen img {
        height: 100%;
        max-width: auto;
    }

    .listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-imagen,
    .listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen {
        max-width: 400px;
        min-width: 400px;
    }

    .listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-texto,
    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
        min-width: auto;
        width: auto;
        width: 100%;
    }


}


/*--------------------------------------------------------------
    14.0 Desktop + Big Tablets + Tablets Landscape
--------------------------------------------------------------*/
@media (min-width: 1280px)
/** Desktop mínimo 1280px **/
    {
    #buscador.c-bebox>form#buscadorReserva {
        width: 96%;
        max-width: 1470px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*--------------------------------------------------------------
    15.0 Desktop + Tablets Landscape
--------------------------------------------------------------*/
@media (min-width: 1280px) and (max-width: 1679px) {
    :root {
        --or-width: 1240px;
        --or-fixed-margin: 40px;

        --slider-gallery-width: 744px;
        --slider-gallery-height: 496px;

        --slider-cards-height-image: 401px;
    }

    /*--------------------------------------------------------------
        15.1 Bloques
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        15.1.1 Tarjetas hover
    --------------------------------------------------------------*/

    .infinatas>.or_blockwidth,
    .espacio_fichas>.or_blockwidth {
        min-width: 1240px;
    }

    .infinatas .listado_fichas {
        display: grid;
        grid-template: 435px 435px / 528px 528px;
        grid-column-gap: 24px;
        grid-row-gap: 25px;
        max-width: 1080px;
        margin-bottom: 25px;
    }

    .infinatas .orimg_effect,
    .infinatas .orimg_effect.hover {
        min-width: 384px;
        height: 435px;
        min-height: 435px;
        padding: 0;
        max-height: 435px;
        width: 100%;
        max-width: inherit;
        margin-right: 0;
        margin-bottom: 0;
    }

    .infinatas .orimg_effect.hover {
        justify-content: flex-end;
    }

    .infinatas .orimg_effect.hover .orimg_effect_texto {
        padding: 30px 20px 0;
    }

    .infinatas .orimg_effect .orimg_effect_texto {
        max-width: 100%;
        max-height: initial;
        padding: 0 20px 0;
        min-height: 100%;
        margin-top: -81%;
        height: auto;
    }

    .infinatas .orimg_effect_image img {
        min-width: 100%;
        min-height: 100%;
        max-width: inherit;
        height: auto;
        width: 100%;
    }

    .infinatas .orimg_effect_image {
        overflow: hidden;
        max-height: 30vw;
        max-width: 30vw;
        min-height: 100%;
        min-width: 100%;
    }

    .infinatas .orimg_effect.last {
        grid-column: 1 / span 2;
    }

    .infinatas .orimg_effect.last>div {
        max-width: 528px;
        min-width: 528px;
        height: 435px;
        min-height: 435px;
        max-height: 435px;
    }

    .infinatas .orimg_effect.last>div.orimg_effect_texto {
        margin-top: -435px;
    }

    .mini-gallery {
        max-height: var(--mini-gallery-height);
        max-width: var(--or-width);
        margin: 0 auto;
    }

    .isSafari .mini-gallery {
        height: var(--mini-gallery-height);
    }

    .mini-gallery>picture {
        width: 100%;
    }

    .mini-gallery>picture:nth-child(4) {
        max-width: 66.16%;
    }

    .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        max-width: initial;
        flex-grow: 1;
        padding-bottom: 0px;
    }

    .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p {
        margin-bottom: 20px;
    }

    .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden p:last-of-type {
        flex-grow: 1;
    }

    .orimg_effect .orimg_effect_texto h3 {
        margin: 0 15px;
    }

    .orimg_effect.hover .orimg_effect_texto h3 {
        margin-bottom: 0;
    }


    /** ALQUILER DE BICICLETAS **/
    .infinatas.alquiler_bicicletas>.or_blockwidth {
        max-width: 100%;
    }

    .infinatas.alquiler_bicicletas .listado_fichas {
        grid-template: auto auto / 49% 49%;
        max-width: initial;
    }

    .infinatas.alquiler_bicicletas .listado_fichas.listado_alquiler .orimg_effect {
        width: auto;
        /* height: 100%; */
    }

    .infinatas.alquiler_bicicletas .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden ul {
        margin: 0;
        padding: 0;
    }

    /** LISTA_DIFERENTE **/
    .listado_fichas_different .orimg_effect .orimg_effect_texto {
        position: inherit;
        max-width: 40vw;
    }

    .listado_fichas_different .column-one {
        max-width: 49%;
        min-height: 465px;
        display: flex;
        height: 100%;
        max-height: 465px;
        overflow: hidden;
    }

    .listado_fichas_different .column-two {
        width: 49%;
        max-height: 465px;
        justify-content: space-between;
        min-height: 465px;
    }

    .listado_fichas_different .orimg_effect {
        min-height: 100%;
        max-width: 100%;
        overflow: hidden;
        justify-content: flex-start;
    }

    .listado_fichas_different .orimg_effect_image {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .listado_fichas_different .column-one .orimg_effect_image {
        min-height: 465px;
        max-height: 465px;
        width: 100%;
    }

    .listado_fichas_different .column-two .orimg_effect_image {
        min-height: 220px;
        overflow: hidden;
        width: 100%;
        max-height: 220px;
    }

    .listado_fichas_different .column-two>div {
        max-height: 220px;
    }

    .listado_fichas_different .orimg_effect.small {
        max-width: initial;
        margin-right: 27px;
    }

    .listado_fichas_different .orimg_effect.small:last-of-type {
        margin-right: 0;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto {
        height: 465px;
        min-height: 465px;
        max-height: 465px;
        width: auto;
        margin: -465px 0 0;
        padding: 0;
        flex-direction: column;
        max-width: inherit;
        position: initial;
        justify-content: space-evenly;
    }

    .listado_fichas_different .column-one .orimg_effect.hover .orimg_effect_texto {
        margin-top: -465px;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        width: 100%;
        min-width: 100%;
        max-height: 465px;
        min-height: 465px;
        margin-top: -40%;
        padding-bottom: 0;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto h3 {
        position: initial;
        z-index: 2;
        margin-bottom: 30px;
        margin-top: 0;
        height: 230px;
        display: flex;
        justify-content: flex-end;
        min-height: 200px;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div {
        /* margin-top: -465px; */
        height: 465px;
        min-height: 465px;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a {
        position: inherit;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div>img {
        min-height: 465px;
        min-width: 100%;
        max-width: inherit;
    }

    .listado_fichas_different .column-one .orimg_effect .orimg_effect_texto {
        min-height: 465px;
        padding: 0;
        margin: -465px 0 0;
    }

    .listado_fichas_different .orimg_effect_image>img {
        min-width: 100%;
        height: auto;
        width: auto;
        min-height: 100%;
        max-width: inherit;
    }

    .listado_fichas_different .orimg_effect .orimg_effect_texto h3 {
        font-size: 23.008px;
        line-height: 110%;
    }

    .listado_fichas_different .orimg_effect .orimg_effect_texto h3 small {
        line-height: 1;
        padding-top: 10px;
    }

    .listado_fichas_different .column-two .orimg_effect .orimg_effect_texto {
        height: 220px;
        max-height: 220px;
        justify-content: flex-start;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 220px;
        margin-top: -220px;
    }

    .listado_fichas_different .column-two .orimg_effect .orimg_effect_texto h3 {
        flex-grow: 1;
        margin: 0 15px;
    }

    .orimg_effect .orimg_effect_texto .orimg_effect_hidden {
        position: inherit;
    }

    .listado_fichas_different .orimg_effect.margin-card {
        overflow: initial;
        height: 220px;
        max-height: 220px;
        min-height: 220px;
    }

    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        max-height: 220px;
        min-height: 220px;
        height: 100%;
    }

    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden>div {
        height: 220px;
        min-height: 220px;
        max-height: 220px;
        overflow: hidden;
    }

    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto {
        margin-top: -220px;
    }

    .listado_fichas_different .orimg_effect.hover .orimg_effect_texto h3 {
        font-size: 22px;
    }

    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto h3 {
        height: 100px;
        min-height: 70px;
        margin-top: 35px;
        justify-content: flex-start;
    }

    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden {
        margin-top: -105px;
    }

    .listado_fichas_different .column-two .orimg_effect.hover .orimg_effect_texto .orimg_effect_hidden a {
        margin-bottom: 70px;
        margin-top: -70px;
    }

    .listado_fichas_different .orimg_effect.small.hover .orimg_effect_texto .orimg_effect_hidden a {
        max-width: 80%;
        min-width: 80%;
    }


    /*--------------------------------------------------------------
        15.1.2 Modals
    --------------------------------------------------------------*/

    .modal-room-details .modal-content {
        width: 699px;
    }

    .modal-room-details .splide--draggable>.splide__track>.splide__list>.splide__slide {
        width: 699px;
    }

    .modal-content .slider-detail-rooms .splide__slide img,
    .modal-content .slider-detail-rooms .splide__slide picture {
        max-width: 100%;
    }

    /*--------------------------------------------------------------
        15.1.3 Sliders
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        15.1.3.1 Slider Cards
    --------------------------------------------------------------*/
    .slider-cards .owsliders-nav .icon-nav.nav_next:before {
        margin-right: -30px;
    }

    .slider-cards .owsliders-nav .icon-nav.nav_prev:before {
        margin-left: -30px;
    }


    /*--------------------------------------------------------------
        15.1.4 c-banner-images
    --------------------------------------------------------------*/

    .c-banner-images {
        gap: 25px;
        grid-template-columns: repeat(3, 1fr);
    }

    .c-banner-images__item>div>p {
        width: 80%;
    }


    /*--------------------------------------------------------------
        15.2 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
        15.2.1 Blog
    --------------------------------------------------------------*/

    #wp-latest-wrapper {
        margin: 0 auto;
        max-width: var(--or-width);
        gap: 28px 3.5%;
        grid-template: auto / 31% 31% 31%;
    }

    /*--------------------------------------------------------------
        15.2.2 Deportes
    --------------------------------------------------------------*/

    .listado_fichas.listado_alquiler .orimg_effect {
        width: initial;
        min-width: initial;
        margin-right: initial;
        height: initial;
        min-height: initial;
        margin-bottom: initial;
        max-width: initial;
        padding: initial;
        max-height: initial;
        max-width: 806px;
        width: 806px;
        max-height: 823px;
        height: 760px;
    }

    .listado_fichas.listado_alquiler .orimg_effect .orimg_effect_texto {
        padding: 0;
        height: inherit;
    }

    .listado_fichas.listado_alquiler .orimg_effect.hover .orimg_effect_texto {
        padding: 80px 30px 20px 20px;
    }

    .listado_fichas.listado_alquiler .orimg_effect {
        margin-bottom: 16px;
    }

    .listado_fichas.listado_alquiler .orimg_effect:last-of-type {
        margin-right: initial;
    }

    /*--------------------------------------------------------------
        15.3 Menu
    --------------------------------------------------------------*/

    .slider-max .nav-owslider-buttons {
        margin-top: -80px;
    }


}

/*--------------------------------------------------------------
    15B.0 Desktop + Tablets Landscape--
--------------------------------------------------------------*/
@media (min-width: 1279px) and (max-width: 1633px) {
    ul.lista-servicios-hotel.desktop-uno {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    ul.lista-servicios-hotel {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    ul.lista-servicios-deportistas.desktop-uno {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    #or-modalExtras.or-fullCover .or-modal-body .or_blockwidth .row .element {
        height: 200px;
    }

    /* Listado de Hoteles en el Filtro */
    .menu-navegacion-hoteles {
        padding-bottom: 0;
    }

    .tarjeta-hotel:nth-child(2n+1) {
        margin-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .tarjeta-hotel {
        float: initial;
    }

    .tarjeta-hotel:nth-child(2n) {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }

    /* Formulario Newsletter */
    .section-suscribete>.or_blockwidth {
        width: 100%;
    }

    .or-nav-container .or-nav-menu-display.menu.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.menu.mod-list.show,
    .or-nav-container .or-nav-menu-display.menu.mod-list.hide {
        background-size: 100% 100%;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .nav-close,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .nav-close {
        width: 100%;
    }


}

/*--------------------------------------------------------------
    15C.0 Desktop + Tablets Landscape++
--------------------------------------------------------------*/
@media (min-width: 1279px) and (max-width: 1790px) {

    .listado-fichas-hotel .ficha-hotel {
        background-color: transparent;
        justify-content: center;
    }


    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
        /* background-color: var(--or-section-color); */
        background-color: #fff;
    }

    .listado-fichas-hotel .ficha-hotel.color-especial .ficha-hotel-texto {
        background-color: var(--or-section-color);
    }

    .listado-fichas-hotel .ficha-hotel.color-especial {
        background-color: transparent;
    }

    /* .listado-fichas-hotel.impar .ficha-hotel .ficha-hotel-texto{
        background-color: #fff; 
     } */

    .adults .listado-fichas-hotel .ficha-hotel.unique.special-color .ficha-hotel-texto {
        background-color: #fff;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-imagen {
        height: 100%;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-texto {
        padding-bottom: 35px;
    }

    .adults .listado-fichas-hotel .ficha-hotel.unique .ficha-hotel-doblebtn {
        margin-bottom: 0;
    }

    .listado-fichas-hotel .ficha-hotel {
        width: 80%;
    }

    .listado-fichas-hotel .ficha-hotel:nth-child(2n+1) {
        margin-right: 0px;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-imagen {
        width: 50%;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto {
        width: 50%;
        padding: 0px 40px;
    }
}

/*--------------------------------------------------------------
    15D.0 Desktop + Tablets Landscape--
--------------------------------------------------------------*/
@media (min-width: 1280px) and (max-width: 1367px) {

    :root {
        --mini-gallery-height: 640px;
    }

    .or-nav-container .or-nav-menu.or-nav-extras {
        width: 190px;
    }

    #ormodal_controller>#or-modalExtras.or-fullCover,
    #ormodal_controller>#or-modalExtras.ow-modalItem {
        overflow: scroll;
        align-items: flex-start;
    }
}

/*--------------------------------------------------------------
    15E.0 Desktop + Tablets Landscape--
--------------------------------------------------------------*/
@media (min-width: 1617px) and (max-width: 1679px) {


    .tarjeta-hotel:nth-child(2n) {
        padding-right: calc((100% - 1580px)/ 2);
    }

    .tarjeta-hotel:nth-child(2n+1) {
        padding-left: calc((100% - 1580px)/ 2);
    }

    .tarjeta-hotel>.or_blockwidth {
        width: 781px;
        height: 828px;
    }

    .tarjeta-hotel .texto-hotel p:last-of-type {
        flex-grow: 1;
    }

    .tarjeta-hotel .texto-hotel {
        flex-grow: 1;
    }
}

/*--------------------------------------------------------------
    16.0 Desktop Med
--------------------------------------------------------------*/
@media (min-width: 1367px) and (max-width: 1679px) {
    :root {
        --or-width: 1320px;
        --mini-gallery-height: 680px;
    }

    /*--------------------------------------------------------------
        16.1 Bloques
    --------------------------------------------------------------*/

    .or_blockwidth {
        max-width: var(--or-width);
        width: 92%;
    }


    /*--------------------------------------------------------------
        16.2 Secciones
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
            16.2.1 Entorno
        --------------------------------------------------------------*/

}

/*--------------------------------------------------------------
    17.0 Desktop
--------------------------------------------------------------*/

@media (min-width: 1680px) {

    .infinatas>.or_blockwidth,
    .espacio_fichas>.or_blockwidth {
        min-width: 1633px;
    }

    .listado-fichas-hotel.impar .ficha-hotel:first-of-type {
        min-width: 99%;
        margin-left: auto;
        margin-right: auto;
    }

    .listado-fichas-hotel .ficha-hotel {
        width: 49%;
        max-width: 800px;
        margin-left: 0;
    }

    .adults .listado-fichas-hotel .ficha-hotel {
        max-width: initial;
    }

    .listado-fichas-hotel .ficha-hotel:nth-child(2n) {
        margin-left: 1%;
    }

    .listado-fichas-hotel.impar .ficha-hotel:nth-child(2n) {
        margin-left: 0;
        margin-right: 1%;
    }

    .listado-fichas-hotel .ficha-hotel .ficha-hotel-texto h3 {
        min-width: 305px;
    }

    .tarjeta-hotel {
        height: 860px;
    }

    .tarjeta-hotel>.or_blockwidth {
        height: 100%;
    }

    .tarjeta-hotel .texto-hotel {
        flex-grow: 1;
    }

    .tarjeta-hotel .texto-hotel p:last-of-type {
        flex-grow: 1;
    }
}

/*--------------------------------------------------------------
    18.0 Nuevo Menú
--------------------------------------------------------------*/

@media (max-width: 768px) {

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li {
        order: 2;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li.first-row-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li.first-row-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li.first-row-parent {
        order: 8;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
        border-top: none;
        padding-top: 0;
    }

    .or-nav-container .or-nav-menu-display.mod-list.displayed,
    .or-nav-container .or-nav-menu-display.mod-list.hide,
    .or-nav-container .or-nav-menu-display.mod-list.show {
        padding-top: 0;
    }

    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed {
        display: flex;
    }

    .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in {
        order: 1;
        border-top: none;
        border-bottom: 1px solid var(--or-alt-color);
        max-height: 40px;
        min-height: 40px;
        align-items: center;
        margin: 40px 0;
        padding: 0 0 40px 30px;
    }

    .isSafari .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in {
        margin: 40px 0;
        padding: 0 0 40px 30px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.link-home-parent,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.link-home-parent,
    .isSafari .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.link-home-parent {
        min-height: 30px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.first-row-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.first-row-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.first-row-parent {
        padding-top: 0;
        height: 25px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.first-on-menu-displayed-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.first-on-menu-displayed-parent,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.first-on-menu-displayed-parent {
        margin-top: 50px
    }

    .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>a,
    .or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in>span {
        font-size: 16px;
        margin-right: 10px;
        padding-right: 10px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::before,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::before,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::before {
        display: none;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::after,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::after,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::after {
        content: "";
        width: 300px;
        min-height: 50px;
        display: flex;
        background-image: url(/images/hoposa/logotipos/logo_marron.svg);
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        /* order: 9;
        margin: 60px auto; */
        order: 1;
        margin: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {

    :root {
        --or-fixed-margin: 4%;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu.or-nav-burger {
        display: flex !important;
    }

    .or-nav-container .or-nav-menu.or-nav-burger::after {
        display: block;
        content: "";
        background-image: url(/images/hoposa/icons/icon-burger.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 25px;
        width: 30px;
    }

    .or-nav-container .or-nav-menu.or-nav-burger i {
        display: none;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
        display: none !important;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-container-block {
        justify-content: flex-end;
        align-items: center;
        min-height: 40px;
    }

    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed,
    .or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide {
        overflow: scroll;
        display: flex !important;
        height: 100vh;
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        -webkit-animation: none;
        animation: none;
    }
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
    grid-template-columns: repeat(7, auto);
}

.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .ormodal-benefits-parent {
    grid-column: 1 / span 4;
}

/*--------------------------------------------------------------
        19.0 BEM
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        19.1 Temas
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        19.1.1 t-playfair
--------------------------------------------------------------*/

.t-playfair,
.t-playfair * {
    --or-font-p: 18px;
    --or-font-p-big: 22px;
    --or-font-h1-isv2: 55px;
    --or-font-h2: 45px;
    --or-font-h2-small: 20px;
    --or-font-h3: 20px;
    --or-p-color: var(--or-playfair-p-color)
}

.t-playfair,
.t-playfair>*,
.t-playfair *:not(.btn) {
    font-family: var(--or-playfair-font);
}

.t-playfair h1,
.t-playfair h1>small {
    text-transform: none;
}

.t-playfair h2,
.t-playfair h2>small,
.t-playfair h3,
.t-playfair h3>small {
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    line-height: normal;
    align-items: normal;
}

.t-playfair h2 {
    color: var(--or-illador-textcolor);
}

.t-playfair.is-white h2,
.t-playfair.is-white h2>small {
    color: #fff;
}

.t-playfair h3 {
    color: var(--or-alt-color);
    text-shadow: none;
    margin: 30px 0;
}

.t-playfair h3.is-700 {
    font-weight: 700;
}

.t-playfair strong {
    font-weight: 600;
}

.t-playfair p.is-big {
    font-size: var(--or-font-p-big);
    line-height: 40px;
}

@media (max-width: 1024px) {

    .t-playfair,
    .t-playfair * {
        --or-font-p: 16px;
        --or-font-p-big: 20px;
        --or-font-h1: 45px;
        --or-font-h1-small: 20px;
        --or-font-h1-isv2: 45px;
        --or-font-h1-isv2-small: 20px;
        --or-font-h2: 40px;
        --or-font-h2-small: 18px;
        --or-font-h3: 20px;
        --or-p-color: var(--or-playfair-p-color)
    }

    .t-playfair h2 {
        line-height: 45px;
    }
}

@media (min-width: 1367px) and (max-width: 1679px) {

    .t-playfair,
    .t-playfair * {
        --or-font-p: 16px;
        --or-font-p-big: 20px;
        --or-font-h1-isv2: 50px;
        --or-font-h2: 40px;
        --or-font-h2-small: 18px;
    }
}

/*--------------------------------------------------------------
        19.1.2 t-midwidth
--------------------------------------------------------------*/

.t-midwidth {
    max-width: var(--or-mid-width);
    margin: 0 auto;
}

/*--------------------------------------------------------------
        19.1.3 t-smallwidth
--------------------------------------------------------------*/

.t-smallwidth {
    max-width: var(--or-small-width);
    margin: 0 auto;
}

/*--------------------------------------------------------------
        19.1.4 t-bgillador
--------------------------------------------------------------*/

.t-bgillador {
    background-color: var(--or-illador-bgcolor);
}

/*--------------------------------------------------------------
        19.1.5 t-bgblackalt
--------------------------------------------------------------*/

.t-bgblackalt {
    background-color: var(--or-black-color-alt);
}

/*--------------------------------------------------------------
        19.1.6 t-marginauto
--------------------------------------------------------------*/

.t-marginauto {
    margin: 0 auto;
}

/*--------------------------------------------------------------
        19.1.7 t-width
--------------------------------------------------------------*/

.t-width {
    max-width: var(--or-width);
    width: 100%;
}

/*--------------------------------------------------------------
        19.1.8 t-hidebe
--------------------------------------------------------------*/

.t-hidebe #buscador,
.t-hidebe .or-nav-container .or-nav-menu.or-nav-booking,
.t-hidebe .or-nav-container.or-float .or-nav-menu.or-nav-booking {
    display: none !important;
}

/*--------------------------------------------------------------
        19.1.9 t-exclusive
--------------------------------------------------------------*/

.t-exclusive.t--modal {
    grid-row: 1 / span 1;
    height: 0;
}

.t-exclusive .t-exclusive__content {
    display: flex;
    width: 185px;
    padding: 15px;
    background-color: var(--or-alt-color);
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: translateX(-12px);
    margin-top: 10px;
}

.t-exclusive:not(.t--modal) .t-exclusive__content::after {
    content: '';
    background-image: url(/images/hoposa/icons/icon-exclusive-alt.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 11px;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.t-exclusive .t-exclusive__content p {
    color: #fff;
    padding-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.t-exclusive.t--modal .t-exclusive__content {
    transform: translateX(30px);
}

.t-exclusive:not(.t--modal).is-illador .t-exclusive__content::after {
    background-image: url(/images/hoposa/icons/icon-exclusive-illador.svg);
}

.t-exclusive.is-illador .t-exclusive__content {
    background-color: var(--or-illador-color);
}

.t-exclusive.is-illador .t-exclusive__content p {
    font-family: 'Cinzel', serif;
    font-weight: 600;
}

@media (max-width: 767px) {
    .t-exclusive:not(.t--modal) .t-exclusive__content::after {
        display: none;
    }

    .t-exclusive.t--modal .t-exclusive__content {
        transform: none;
    }

    .t-exclusive .t-exclusive__content {
        width: fit-content;
        padding: 7px 15px;
        transform: none;
        margin-top: 0;
    }

    .t-exclusive .t-exclusive__content p {
        font-size: 12px;
    }
}

/*--------------------------------------------------------------
        19.2 Componentes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
        19.2.1 c-imgtext
--------------------------------------------------------------*/

.c-imgtext.has-rowgap {
    padding-top: 20px;
}

.c-imgtext .or_blockwidth {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.c-imgtext .or_blockwidth>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-imgtext .or_blockwidth>div.c-imgtext__text {
    max-width: 633px;
    margin: 0 auto;
    padding: 35px 35px 0 35px;
}

.c-imgtext .or_blockwidth>div.c-imgtext__text>p {
    text-align: center;
}

.c-imgtext .or_blockwidth>div.c-imgtext__text>p:last-of-type {
    padding-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .c-imgtext .or_blockwidth {
        grid-template-columns: 1fr;
        grid-template-rows: 409px auto;
    }
}

@media (max-width: 767px) {
    .c-imgtext .or_blockwidth {
        display: flex;
        flex-direction: column;
    }

    .c-imgtext .or_blockwidth>div.c-imgtext__text {
        order: 1;
    }

    .c-imgtext .or_blockwidth>div.c-imgtext__img {
        order: 2;
    }

    .c-imgtext .or_blockwidth>div.c-imgtext__text>p:last-of-type {
        padding-bottom: 20px;
    }

    .c-imgtext .or_blockwidth>div.c-imgtext__img picture,
    .c-imgtext .or_blockwidth>div.c-imgtext__img picture img {
        min-height: 376px;
    }
}

/*--------------------------------------------------------------
        19.2.2 c-headerv2
--------------------------------------------------------------*/

.c-headerv2 [class*="bg-header-"]>.or_blockwidth {
    justify-content: flex-end;
    padding-bottom: 20vh;
}

@media (max-width: 767px) {
    .c-headerv2 [class*="bg-header-"]>.or_blockwidth {
        padding-bottom: 50vh;
        transform: translateY(80px);
    }
}

/*--------------------------------------------------------------
        19.2.3 c-textbanner
--------------------------------------------------------------*/

.c-textbanner {
    width: 100%;
}

.c-textbanner .c-textbanner__text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}

.c-textbanner .c-textbanner__text .c-textbanner__column.is-heading h2 {
    margin: 0;
    align-items: flex-start;
    font-weight: 400;
}

.c-textbanner .c-textbanner__text .c-textbanner__column.is-content>p:last-child {
    padding-bottom: 0;
}

.c-textbanner .c-textbanner__img {
    padding-top: 100px;
}

.c-textbanner .c-textbanner__text .btn {
    margin-left: 0;
    max-width: 227px;
    min-width: 227px;
    margin-top: 40px;
}

@media (max-width: 767px) {
    .c-textbanner .c-textbanner__text {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .c-textbanner .c-textbanner__text .c-textbanner__column.is-content>* {
        text-align: center;
        max-width: 100%;
    }

    .c-textbanner .c-textbanner__text .c-textbanner__column.is-heading h2 {
        align-items: center;
    }

    .c-textbanner .c-textbanner__img {
        padding-top: 80px;
        max-width: 100%;
    }

    .c-textbanner .c-textbanner__img picture img {
        min-height: 500px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .c-textbanner .c-textbanner__text {
        max-width: 634px;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
}

/*--------------------------------------------------------------
        19.2.4 c-textimg
--------------------------------------------------------------*/

.c-textimg {
    display: grid;
    grid-template-columns: 634px auto;
    width: 100%;
    align-items: center;
    column-gap: 70px;
}

.c-textimg.has-padtop {
    padding-top: 20px;
}

.c-textimg .c-textimg__text {
    order: 2;
    width: 100%;
}

.c-textimg .c-textimg__text .btn {
    margin-left: 0;
}

.c-textimg .c-textimg__text .btn:not(:last-of-type) {
    margin-bottom: 20px;
}

.c-textimg .c-textimg__text .btn {
    height: 60px;
    max-width: 230px;
    min-width: 230px;
}

.c-textimg .c-textimg__text>p:not(:last-child) {
    padding-bottom: 40px;
}

.c-textimg .is-big {
    font-size: 20px;
}

@media (max-width: 767px) {
    .c-textimg {
        display: flex;
        flex-direction: column;
    }

    .c-textimg .c-textimg__text {
        order: 1;
    }

    .c-textimg .c-textimg__img {
        order: 2;
        padding-top: 45px;
    }

    .c-textimg .c-textimg__img img {
        min-height: 550px;
    }

    .c-textimg .c-textimg__text .btn {
        max-width: 100%;
    }

    .c-textimg .c-textimg__text>p {
        text-align: center;
    }

    .c-textimg .is-big {
        line-height: 150%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .c-textimg {
        width: 100%;
        grid-template-columns: 1fr;
        max-width: 634px;
        margin: 0 auto;
        row-gap: 40px;
    }

    .c-textimg .c-textimg__text .btn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1025px) and (max-width: 1278px) {
    .c-textimg {
        grid-template-columns: 60% auto;
        column-gap: 40px;
    }

    #buscadorCalendario>div>div:nth-child(1)>div {
        padding-left: 30px;
    }

}

/*--------------------------------------------------------------
        19.2.5 c-contentblock
--------------------------------------------------------------*/

.c-contentblock:not(.is-btns) {
    padding-left: 40px;
    margin-bottom: 60px;
    border-left: 1px solid rgba(87, 85, 76, 0.30);
}

.c-contentblock .c-contentblock__item.is-row {
    display: flex;
    align-items: center;
    align-content: center;
}

.c-contentblock .c-contentblock__item.is-row.is-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.c-contentblock .c-contentblock__item.is-row strong * {
    font-style: normal;
    font-weight: 500;
    font-family: var(--or-alt-font);
}

.c-contentblock .c-contentblock__item h3 {
    color: var(--or-alt-btncolor);
    text-shadow: none;
    align-items: flex-start;
    text-align: left;
    margin: 0;
    padding-bottom: 20px;
    font-size: 20px;
}

.c-contentblock .c-contentblock__item p {
    padding-bottom: 0;
}

.c-contentblock .c-contentblock__item img {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .c-contentblock:not(.is-btns) {
        margin: 0 auto 60px auto;
    }

    .c-contentblock .c-contentblock__item h3 {
        width: 100%;
    }

    .c-contentblock .c-contentblock__item.is-row strong i {
        display: none;
    }

    .c-contentblock .c-contentblock__item.is-row p {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .c-contentblock .c-contentblock__item.is-row p strong em {
        display: block;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {
    .c-contentblock:last-child {
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    .c-contentblock {
        margin: 0 auto 60px auto;
        max-width: 300px;
    }

    .c-contentblock .c-contentblock__item p strong {
        display: block;
    }
}

/*--------------------------------------------------------------
        19.2.6 c-dragscroll
--------------------------------------------------------------*/

.c-dragscroll,
.c-dragscroll * {
    --maximg-w: 520px;
    --maximg-h: 591px;
    --dragscroll-gap: 35px;
    --or-font-h3: 18px;
    --or-font-p: 17px;

}

.c-dragscroll .c-dragscroll__container *:not(.btn),
.c-dragscroll .c-dragscroll__container *:not(a) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.c-dragscroll .or_blockwidth {
    max-width: 100%;
    margin-left: calc((100vw - var(--or-width)) / 2);
    margin-right: 0;
}

.c-dragscroll .c-dragscroll__container {
    width: 100%;
    display: flex;
    overflow-x: hidden;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item {
    position: relative;
    width: 100%;
    max-width: var(--maximg-w);
    min-width: var(--maximg-w);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item picture {
    min-height: var(--maximg-h);
    max-height: var(--maximg-h);
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item {
    margin-right: var(--dragscroll-gap);
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item h3 {
    font-weight: 400;
    color: var(--or-p-color);
    text-shadow: none;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item>.btn,
.c-dragscroll .c-dragscroll__container .c-dragscroll__item>a {
    pointer-events: auto;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item>p:last-of-type {
    padding-bottom: 0;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item .btn {
    margin-left: 0;
    margin-top: 40px;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item>picture {
    order: 1;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item>* {
    order: 2;
}

.ow-mod-custom.c-dragscroll {
    max-width: none;
    width: 100%;
}

.ow-mod-custom.c-dragscroll>.or_blockwidth {
    width: auto;
    max-width: none;
    margin-left: calc((100vw - var(--or-width)) / 2);
    margin-right: 0;
}

@media (max-width: 767px) {

    .c-dragscroll,
    .c-dragscroll * {
        --maximg-w: 80vw;
        --maximg-h: 500px;
        --dragscroll-gap: 15px;
    }

    .c-dragscroll .or_blockwidth {
        margin-left: 5vw;
        max-width: 95vw;
    }

    .c-dragscroll .c-dragscroll__container .c-dragscroll__item>h3 {
        text-align: unset;
    }
}

/*--------------------------------------------------------------
        19.2.7 c-faqs
--------------------------------------------------------------*/

.c-faqs,
.c-faqs * {
    transition: all .2s ease-in-out;
}

.c-faqs:not(.is-playfair),
.c-faqs:not(.is-playfair) * {
    --or-font-h2-small: 15px;
}

.c-faqs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 80px;
}

.c-faqs .c-faqs__item .c-faqs__title {
    cursor: pointer;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
}

.c-faqs .c-faqs__item.js--deploy .c-faqs__title {
    margin-bottom: 15px;
}

.c-faqs .c-faqs__item .c-faqs__title h3 {
    margin: 0;
    font-size: var(--or-font-h2-small);
    font-style: normal;
    line-height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: unset;
    align-items: flex-end;
    color: var(--or-p-color);
    text-shadow: none;
}

.c-faqs .c-faqs__item .c-faqs__title h3::after {
    display: flex;
    content: "";
    background-image: url(/images/hoposa/icons/icon-faqs.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: flex-end;
    min-width: 9px;
    min-height: 17px;
    margin: auto 0 0 10px;
}

.c-faqs .c-faqs__item.js--deploy .c-faqs__title h3::after {
    transform: rotate(90deg);
    min-height: 17px;
    min-width: 9px;
}

.c-faqs .c-faqs__item .c-faqs__content p.has-nopadbot {
    padding-bottom: 0;
}

.c-faqs .c-faqs__item .c-faqs__content>*:last-child {
    padding-bottom: 0;
}

.c-faqs .c-faqs__item .c-faqs__content ul {
    padding-left: 20px;
}

.c-faqs .c-faqs__item .c-faqs__content ul>li {
    padding-bottom: 5px;
}

.c-faqs .c-faqs__item .c-faqs__content ul>li:last-child {
    padding-bottom: 0;
}

.js-faqs .js-faqs__item .js-faqs__content {
    display: none;
}

.js-faqs .js-faqs__item.js--deploy .js-faqs__content {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {

    .c-faqs {
        max-width: var(--or-width);
    }

    .c-faqs .c-faqs__item {
        padding: 0;
    }

    .c-faqs .c-faqs__item .c-faqs__title h3 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .c-faqs {
        max-width: 100%;
    }
}


@media (max-width: 1024px) {
    .c-faqs {
        margin: 0 auto;
        row-gap: 20px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1279px) {

    .c-faqs .c-faqs__item .c-faqs__title h3 {
        min-height: 60px;
    }
}

/*--------------------------------------------------------------
        19.2.8 c-rgpd
--------------------------------------------------------------*/

.c-rgpdmodal.show .modal-container .modal-body {
    min-height: unset;
}

/*--------------------------------------------------------------
        19.2.9 #restMenu
--------------------------------------------------------------*/

/* Menu Restaurantes */

#restMenu {
    background-color: transparent;
}

#restMenu.or-nav-container .or-nav-menu.or-nav-logo img {
    display: none;
}

#restMenu.or-nav-container .or-nav-menu.or-nav-logo,
#restMenu.or-nav-container .or-nav-menu.or-nav-logo a::after {
    width: 237px;
    height: 70px;
}

#restMenu.or-nav-container .or-nav-menu.or-nav-logo a::after {
    content: "";
    background-image: url(/images/hoposa/icons/icon-hoposa-restaurants.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
    background-color: transparent;
}

#restMenu.or-nav-container .or-nav-menu.or-drop-langlist,
#restMenu.or-nav-container .or-nav-menu.or-drop-langlist:hover {
    color: white;
    margin-top: 0;
    margin-left: 20px;
}

#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
    grid-template-columns: repeat(4, auto);
}

#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list>.is-span4-parent {
    grid-column: 3;
    width: 100%;
}

#restMenu.or-nav-container .or-nav-menu-display.mod-list li.is-linkhome-parent {
    grid-column: 1 / span 4;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li.deeper.parent>span,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li.deeper.parent>span,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li.deeper.parent>span,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li>a,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li>a,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li>a {
    min-width: 220px;
}

#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::before,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::before,
#restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::before {
    background-image: url(/images/hoposa/icons/icon-hoposa-restaurants-main.svg);
    width: 237px;
    height: 70px;
}


/* or-float */

#restMenu.or-float {
    background-color: var(--or-black-color-alt);
}

#restMenu.or-nav-container.or-float .or-nav-menu.or-nav-extras {
    display: none !important;
}

#restMenu.or-nav-menu-horizontal.or-nav-container.or-float .mod-list {
    display: grid;
    justify-items: center;
    column-gap: 30px;
}

#restMenu.or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu.or-nav-burger {
    display: none;
}

@media (max-width: 768px) {

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::after,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::after,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::after {
        display: none;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li.deeper.parent>span,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li.deeper.parent>span,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li>a,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show>li>a,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide>li>a {
        min-width: 40px;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed>li:not(.or_lang-in)>a {
        width: 100%;
    }


    #restMenu.or-nav-container.or-float .or-nav-menu.or-nav-burger::after {
        background-image: url(/images/hoposa/icons/icon-burger-white.svg);
    }

    /* or-float */

    #restMenu.or-nav-menu-horizontal.or-nav-container.or-float .mod-list {
        display: none;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu.or-nav-burger {
        display: flex;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container.or-float {
        height: 70px;
    }

    #restMenu.or-nav-container.or-float .or-nav-menu.or-nav-booking {
        width: 100%;
        margin-left: 15px;
        background-image: url(/images/hoposa/icons/icon-hoposa-restaurants.svg);
        background-repeat: no-repeat;
        background-size: 140px 41px;
        background-position: left;
    }

    #restMenu.or-nav-container.or-float .or-nav-menu.or-nav-booking input {
        display: none;
    }
}

@media (max-width: 1024px) {

    #restMenu.or-nav-container .or-nav-menu.or-nav-logo,
    #restMenu.or-nav-container .or-nav-menu.or-nav-logo a::after {
        width: 180px;
        height: 53px;
    }
}

@media (min-width: 768px) {

    #restMenu.or-nav-container .or-nav-menu.or-drop-langlist:after {
        background-image: url(/images/hoposa/icons/icon-arrow-lang-white.svg);
    }

    #restMenu.or-nav-container .or_menu_lang_list .or_menu_lang_item a {
        background-color: var(--or-black-color-alt);
    }

    #restMenu.or-nav-container .or_menu_lang_list .or_menu_lang_item a:hover {
        background-color: var(--or-main-color);
        color: white;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show .nav-close,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide .nav-close {
        margin-bottom: 80px;
    }
}

@media (max-width: 1280px) {

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list {
        background-color: var(--or-black-color-alt);
        background-image: none;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.is-linkhome-parent {
        width: auto;
        margin-right: auto;
        height: auto;
        margin-left: calc((100vw - 85vw) / 2);
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 40px;
        border: 1px solid white;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.is-linkhome-parent .is-linkhome {
        padding: 10px 0;
    }

    /* Tanda 1 (viene de 768px) */

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.deeper.parent>span,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li.deeper.parent>span,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li.deeper.parent>span,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li>a,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li>a,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li>a {
        color: white;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent>span::after,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent>a::after {
        background-image: url(/images/hoposa/icons/icon-arrow-menu-white.svg);
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed li ul a,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed li ul .deeper.parent span {
        color: white;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed::before,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.show::before,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.hide::before {
        background-image: none;
        display: none;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container.or-float .mod-list.displayed {
        display: flex;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.show>li,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.hide>li {
        padding-left: calc((100vw - 85vw) / 2);
        padding-right: calc((100vw - 85vw) / 2);
        margin-left: 0;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close i,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close i::before {
        width: 30px;
        height: 30px;
        margin: 0;
        background-size: 30px;
        display: flex;
        line-height: 0;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close i::before {
        background-image: url(/images/hoposa/icons/icon-close-restmenu.svg);
    }

    #restMenu.or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in {
        margin-top: calc((100vw - 85vw) / 2);
        border: none;
        padding-left: 0;
        padding-right: calc((100vw - 85vw) / 2);
        padding-bottom: 0;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        max-height: 30px;
        min-height: 30px;
        width: 100%;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close {
        top: calc((100vw - 85vw) / 2);
        left: calc((100vw - 85vw) / 2);
    }

    /* Tanda 2 (viene de 768px) --> Lang */

    #restMenu .or_lang-in>a {
        display: none;
    }

    #restMenu .or_lang-in>span {
        border-right: none;
        margin-left: auto;
        margin-right: 0;
        padding: 0;
        color: white;
        display: flex !important;
        align-items: center;
        text-transform: uppercase;
        min-height: 30px;
        min-width: 40px;
        max-width: 40px;
    }

    #restMenu .or_lang-in>span::after {
        display: block;
        content: "";
        background-image: url(/images/hoposa/icons/icon-arrow-menu-white.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 10px;
        height: 6px;
        margin-left: 5px;
    }

    #restMenu.or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in.is-deployed>span {
        min-height: 30px;
        min-width: 40px;
        max-width: 40px;
    }

    #restMenu.or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in.is-deployed>a {
        display: flex;
        justify-content: center;
        margin: 10px 0 0 auto;
        padding: 0;
        border: 1px solid white;
        min-width: 40px;
        max-width: 40px;
        max-height: 30px;
        min-height: 30px;
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    #restMenu.or-nav-container .or-nav-menu.or-nav-burger::after {
        background-image: url(/images/hoposa/icons/icon-burger-white.svg);
    }

    #restMenu.or-nav-container .or-nav-menu-display.mod-list.displayed li.is-linkhome-parent {
        margin-left: calc(100vw* 0.08);
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list.displayed .nav-close {
        top: 0;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .nav-close::after {
        margin-right: 0;
        width: 40px;
        height: 40px;
    }

    #restMenu.or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li.only_mobile.or_lang-in {
        order: 1;
        margin-top: -40px;
        margin-bottom: 40px;
    }

    #restMenu.or-nav-container.or-nav-menu-horizontal .or-nav-menu-display.mod-list.displayed>li {
        order: 2;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.is-linkhome-parent {
        order: 3;
        width: auto;
        min-width: auto;
        padding: 0;
        min-height: 30px;
        max-height: 50px;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.menu.mod-list.displayed>li.is-linkhome-parent .is-linkhome {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        padding: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

}

@media (min-width: 1280px) {

    #restMenu.or-nav-container .or-nav-menu.or-drop-langlist:after {
        background-image: url(/images/hoposa/icons/icon-arrow-lang-white.svg);
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent>span::after,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list .deeper.parent>a::after {
        background-image: url(/images/hoposa/icons/icon-arrow-menu-white.svg);
    }

    #restMenu.or-nav-container .or-nav-menu-display.mod-list li {
        color: white;
        cursor: pointer;
    }

    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li a,
    #restMenu.or-nav-menu-horizontal.or-nav-container .or-nav-menu-display.mod-list li.deeper.parent span {
        color: white;
    }

    #restMenu.or-nav-container.or-float .or-nav-menu.or-drop-langlist {
        margin-bottom: auto;
    }
}

@media (min-width: 1280px) and (max-width: 1680px) {

    #restMenu.or-nav-container .or-nav-menu.or-drop-langlist,
    #restMenu.or-nav-container .or-nav-menu.or-drop-langlist:hover {
        margin-left: 50px;
    }
}

@media (max-width: 1680px) {
    #restMenu.or-nav-menu-horizontal.or-nav-container.or-float .or-nav-menu-display.or_menu_lang_list.displayed {
        margin-top: 100px;
    }
}

/*--------------------------------------------------------------
        19.2.10 c-beboxbtns
--------------------------------------------------------------*/

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn {
    max-width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn span {
    color: var(--vue-alt-color);
    user-select: none;
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn span,
#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-hotel {
    min-height: var(--beboxbtns-height);
    background-color: #fff;
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-hotel span {
    padding: 0 30px;
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight {
    background-color: var(--or-main-btncolor);
    margin-left: 10px;
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight,
#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight a {
    transition: all .1s ease-in-out;
    min-height: calc(var(--beboxbtns-height) - 5px);
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight:hover,
#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight:hover a {
    min-height: var(--beboxbtns-height);
}

#buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight a {
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
}



@media (min-width: 1280px) {

    #buscador #buscadorReserva,
    #buscador #buscadorReserva * {
        --buscador-leftmargin: 35px;
        --buscador-contentgap: 10px;
    }

    #buscador #buscadorReserva>.c-beboxbtns {
        position: relative;
        left: var(--beboxbtns-spacer);
        top: 0;
        grid-row: 1;
        grid-column: 1 / span 2;
        background-color: transparent;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }

    .c-bebox>form#buscadorReserva {
        grid-template-rows: repeat(2, 1fr);
        background-color: transparent;
    }

    .c-bebox>form#buscadorReserva>div {
        grid-row: 2;
        background-color: var(--or-be-bgcolor);
    }

    #selectorMultihotel>.c-bebox__field .c-bebox__icon,
    #buscadorCalendario .dp__input_wrap>svg:first-of-type,
    #beboxPromoCode .icono-promo {
        margin-left: 25px;
        margin-right: 0;
    }

    #selectorMultihotel>.c-bebox__field {
        padding: 0;
        gap: var(--buscador-contentgap);
        display: grid;
        grid-template-columns: calc(var(--buscador-contentgap) + var(--buscador-leftmargin)) 1fr;
        justify-content: start;
        text-align: left;
    }

    #buscadorCalendario .c-bebox__field>div>div {
        grid-template-columns: 30px 1fr;
        gap: 10px;
    }

    #buscadorCalendario .c-bebox__field>div>div input {
        text-align: left;
    }

    #paxSelectorAction span.c--pax {
        margin-right: 0;
        margin-left: auto;
        display: flex;
        justify-content: flex-end;
    }

    div#beboxPromoCode>label {
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: flex-start;
        gap: var(--buscador-contentgap);
    }

    #beboxPromoCode input {
        text-align: left;
    }

    #paxSelectorAction {
        text-align: left;
        gap: var(--buscador-contentgap);
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: start;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {

    #buscadorReserva {
        background-color: transparent;
    }

    #buscadorReserva>div {
        background-color: var(--or-be-bgcolor);
    }

    #buscador #buscadorReserva>.c-beboxbtns {
        max-width: 552px;
        justify-content: center;
        position: initial;
        grid-row: 1 / span 1;
        grid-column: 1 / span 2;
        background-color: transparent;
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        margin-left: var(--beboxbtns-spacer);
        margin-right: auto;
    }

    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight,
    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight a {
        min-height: var(--beboxbtns-height);
    }

    #buscadorReserva>div.c-beboxbtns.js-beboxbtns {
        padding: 0;
    }

    #buscador.is-displayed #beboxSubmit {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .is-displayed #buscadorReserva #textoCajetinMobile {
        margin-top: 0;
    }

    .is-displayed #buscadorReserva>div.c-beboxbtns {
        margin-top: 120px;
        background-color: transparent;
    }

    #buscador.is-displayed #buscadorReserva>.c-beboxbtns {
        display: flex;
        position: relative;
        left: unset;
        top: unset;
        flex-direction: row;
        padding-bottom: 0;
        align-items: flex-end;
        padding: 5px 0 0;
    }

    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn {
        max-width: 100%;
        width: 100%;
    }

    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight,
    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight a {
        min-height: var(--beboxbtns-height);
    }

    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-hotel span {
        padding: 0 10px;
    }

    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight a {
        padding: 0 10px;
        display: flex;
        align-items: center;
        text-align: center;
    }

    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight,
    #buscador #buscadorReserva>.c-beboxbtns .c-beboxbtns__btn.is-flight a {
        min-height: var(--beboxbtns-height);
    }
}


/*--------------------------------------------------------------
        19.2.10 c-advideo
--------------------------------------------------------------*/

.c-advideo,
.c-advideo * {
    --advideo-bg: #1C1C1A;
    --advideo-fill: #fff;
    --advideo-width: 40px;
    --advideo-height: 26px;
    --advideo-right-bottom: 20px;
}

.c-advideo {
    display: grid;
    grid-template: 1fr / 1fr;
    align-items: end;
    justify-items: end;
}

.c-advideo>*,
.c-advideo::before,
.c-advideo::after {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.c-advideo__btn {
    opacity: 0;
    visibility: visible;
    pointer-events: auto;
    position: relative;
    right: var(--advideo-right-bottom);
    bottom: var(--advideo-right-bottom);
    width: var(--advideo-width);
    height: var(--advideo-height);
    background-color: var(--advideo-bg);
    fill: var(--advideo-fill);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
}


.c-advideo:hover .c-advideo__btn,
.c-advideo__btn:focus-visible {
    opacity: 1;
    visibility: visible;
    bottom: calc(var(--advideo-right-bottom) + 50px);
    transition: bottom 0.3s ease;
}

.c-advideo__btn path {
    fill: var(--advideo-fill);
}

.c-advideo__btn {
    transition: bottom 0.3s ease;
}

audio.c-advideo__audio {
    display: none;
}

/* Cajetín de reservas: móvil horizontal con poca altura */
@media (max-width: 1279px) and (max-height: 500px) and (orientation: landscape) {

    #buscador.c-bebox.is-mobile.is-displayed {
        position: fixed;
        inset: 0;
        display: block;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-padding-top: 68px;
        padding: 68px 16px 16px;
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
        background-color: var(--or-section-color);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    #buscador.c-bebox.is-mobile.is-displayed>#buscadorReserva {
        position: static;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0 auto;
        padding: 0;
        overflow: visible;
    }

    #buscador.c-bebox.is-mobile.is-displayed #buscadorReserva>.c-beboxbtns {
        position: static;
        margin: 0 auto;
    }

    #buscador.c-bebox.is-mobile.is-displayed #textoCajetinMobile {
        margin-top: 0;
    }

    #buscador.c-bebox.is-mobile.is-displayed #beboxSubmit {
        margin-top: 16px;
        margin-bottom: 0;
    }

    #buscador.c-bebox.is-mobile.is-displayed #mobile-form-logo {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 56px;
        margin: 0;
        padding: 0;
        background: var(--or-section-color) url('/images/hoposa/logotipos/logo_marron.svg') no-repeat 16px center / 173px auto;
    }

    #buscador.c-bebox.is-mobile.is-displayed #mobile-form-logo img {
        display: none;
    }

    #buscador.c-bebox.is-mobile.is-displayed .t-close {
        top: 6px;
        right: 12px;
        z-index: 2;
        width: 44px;
        height: 44px;
    }

    #buscador.c-bebox.is-mobile.is-displayed #mobileFormClose svg,
    #buscador.c-bebox.is-mobile.is-displayed #mobileFormClose svg * {
        color: var(--or-main-color);
    }

    #buscador.c-bebox.is-mobile #hotelListBoxContainer,
    #buscador.c-bebox.is-mobile #roomPaxBoxContainer {
        min-height: 0;
        max-height: calc(100vh - 64px);
        max-height: calc(100dvh - 64px);
        padding: 16px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }

    #buscador.c-bebox.is-mobile #buscadorCalendario .dp__outer_menu_wrap.dp--menu-wrapper {
        position: fixed;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        padding: 48px 12px 12px;
        align-items: flex-start;
        overflow: hidden;
        -webkit-animation: none;
        animation: none;
        -webkit-filter: none;
        filter: none;
    }

    #buscador.c-bebox.is-mobile #buscadorCalendario div[role="dialog"].dp__theme_light {
        position: relative;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: calc(100vh - 64px);
        max-height: calc(100dvh - 64px);
        margin: 0 !important;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none;
        animation: none;
    }

    #buscador.c-bebox.is-mobile #buscadorCalendario div[role="dialog"].dp__theme_light>div:not(.dp__arrow_top) {
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 12px;
    }

    #buscador.c-bebox.is-mobile #buscadorCalendario .dp__month_year_col_nav {
        position: static;
    }
}