:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(var(--swiper-navigation-size)/-2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}


.ci {
    line-height: 1
}

.ci:before {
    font-family: custom-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top
}

.ci-angle-down:before {
    content: "\F101"
}

.ci-angle-left:before {
    content: "\F102"
}

.ci-angle-right:before {
    content: "\F103"
}

.ci-angle-up:before {
    content: "\F104"
}

.ci-arrow-right:before {
    content: "\F105"
}

.ci-next:before {
    content: "\F106"
}

.ci-previous:before {
    content: "\F107"
}

.ci-stretch:before {
    content: "\F108"
}

.ci-asterisk:before {
    content: "\F109"
}

.ci-call-center:before {
    content: "\F10A"
}

.ci-click:before {
    content: "\F10B"
}

.ci-conversation:before {
    content: "\F10C"
}

.ci-cross:before {
    content: "\F10D"
}

.ci-dance:before {
    content: "\F10E"
}

.ci-handshake:before {
    content: "\F10F"
}

.ci-hotel-bold:before {
    content: "\F110"
}

.ci-hotel-complex-2:before {
    content: "\F111"
}

.ci-hotel-tree:before {
    content: "\F112"
}

.ci-hotel:before {
    content: "\F113"
}

.ci-how-happen:before {
    content: "\F114"
}

.ci-how-imagine-us:before {
    content: "\F115"
}

.ci-legal-details:before {
    content: "\F116"
}

.ci-logo-reduced:before {
    content: "\F117"
}

.ci-price-tag-round:before {
    content: "\F118"
}

.ci-price-tag:before {
    content: "\F119"
}

.ci-whats-amimir:before {
    content: "\F11A"
}

.ci-who-is-behind:before {
    content: "\F11B"
}

.ci-comment:before {
    content: "\F11C"
}

.ci-quotes-left:before {
    content: "\F11D"
}

.ci-quotes-right:before {
    content: "\F11E"
}

.ci-chat:before {
    content: "\F11F"
}

.ci-envelope:before {
    content: "\F120"
}

.ci-phone-outline:before {
    content: "\F121"
}

.ci-send-envelope:before {
    content: "\F122"
}

.ci-telephone:before {
    content: "\F123"
}

.ci-bed-dark:before {
    content: "\F124"
}

.ci-dark-area:before {
    content: "\F125"
}

.ci-key:before {
    content: "\F126"
}

.ci-multiple-users-dark:before {
    content: "\F127"
}

.ci-price-offer:before {
    content: "\F128"
}

.ci-car:before {
    content: "\F129"
}

.ci-distance:before {
    content: "\F12A"
}

.ci-gym:before {
    content: "\F12B"
}

.ci-hours24:before {
    content: "\F12C"
}

.ci-parking:before {
    content: "\F12D"
}

.ci-pet:before {
    content: "\F12E"
}

.ci-spa:before {
    content: "\F12F"
}

.ci-swimming_pool:before {
    content: "\F130"
}

.ci-walking-solid:before {
    content: "\F131"
}

.ci-walking:before {
    content: "\F132"
}

.ci-wifi:before {
    content: "\F133"
}

.ci-hotel-cross:before {
    content: "\F134"
}

.ci-addition:before {
    content: "\F135"
}

.ci-subtraction:before {
    content: "\F136"
}

.ci-call:before {
    content: "\F137"
}

.ci-contact:before {
    content: "\F138"
}

.ci-myaccount:before {
    content: "\F139"
}

.ci-phone:before {
    content: "\F13A"
}

.ci-arag:before {
    content: "\F13B"
}

.ci-bizum:before {
    content: "\F13C"
}

.ci-bizum_logo:before {
    content: "\F13D"
}

.ci-card_payment:before {
    content: "\F13E"
}

.ci-maestro:before {
    content: "\F13F"
}

.ci-mastercard:before {
    content: "\F140"
}

.ci-money_amount:before {
    content: "\F141"
}

.ci-money_single:before {
    content: "\F142"
}

.ci-money_transfer:before {
    content: "\F143"
}

.ci-payment:before {
    content: "\F144"
}

.ci-sabadell:before {
    content: "\F145"
}

.ci-santander:before {
    content: "\F146"
}

.ci-visa:before {
    content: "\F147"
}

.ci-baby-cribs:before {
    content: "\F148"
}

.ci-bath:before {
    content: "\F149"
}

.ci-bed:before {
    content: "\F14A"
}

.ci-coffee:before {
    content: "\F14B"
}

.ci-dog-footprint:before {
    content: "\F14C"
}

.ci-duck:before {
    content: "\F14D"
}

.ci-edifice:before {
    content: "\F14E"
}

.ci-hotel-bell:before {
    content: "\F14F"
}

.ci-info-bg-white:before {
    content: "\F150"
}

.ci-info-circle:before {
    content: "\F151"
}

.ci-info:before {
    content: "\F152"
}

.ci-lotus:before {
    content: "\F153"
}

.ci-oven:before {
    content: "\F154"
}

.ci-parasol:before {
    content: "\F155"
}

.ci-parking-stick:before {
    content: "\F156"
}

.ci-pool:before {
    content: "\F157"
}

.ci-rv:before {
    content: "\F158"
}

.ci-service-wifi:before {
    content: "\F159"
}

.ci-android:before {
    content: "\F15A"
}

.ci-facebook:before {
    content: "\F15B"
}

.ci-instagram:before {
    content: "\F15C"
}

.ci-ios:before {
    content: "\F15D"
}

.ci-twitter:before {
    content: "\F15E"
}

.ci-youtube:before {
    content: "\F15F"
}

.ci-suitcase:before {
    content: "\F160"
}

.ci-face-sad:before {
    content: "\F161"
}

.ci-face-smile:before {
    content: "\F162"
}

.ci-power-off:before {
    content: "\F163"
}

.ci-user-inverse:before {
    content: "\F164"
}

.ci-user-outline:before {
    content: "\F165"
}

.ci-user-question-inverse:before {
    content: "\F166"
}

.ci-user:before {
    content: "\F167"
}

.ci-vector-down:before {
    content: "\F168"
}

.ci-vector-up:before {
    content: "\F169"
}

.ci-bolt-shadow:before {
    content: "\F16A"
}

.ci-building:before {
    content: "\F16B"
}

.ci-calendar-check:before {
    content: "\F16C"
}

.ci-circle-check:before {
    content: "\F16D"
}

.ci-circle-cross:before {
    content: "\F16E"
}

.ci-circle-filled:before {
    content: "\F16F"
}

.ci-circle-warning:before {
    content: "\F170"
}

.ci-circle:before {
    content: "\F171"
}

.ci-cross-rounded:before {
    content: "\F172"
}

.ci-danger:before {
    content: "\F173"
}

.ci-direccion:before {
    content: "\F174"
}

.ci-earth:before {
    content: "\F175"
}

.ci-edit:before {
    content: "\F176"
}

.ci-filters:before {
    content: "\F177"
}

.ci-fire:before {
    content: "\F178"
}

.ci-graph:before {
    content: "\F179"
}

.ci-key-lock:before {
    content: "\F17A"
}

.ci-load:before {
    content: "\F17B"
}

.ci-logo-amimir:before {
    content: "\F17C"
}

.ci-loupe:before {
    content: "\F17D"
}

.ci-map-icon:before {
    content: "\F17E"
}

.ci-marker-outline:before {
    content: "\F17F"
}

.ci-menu:before {
    content: "\F180"
}

.ci-person-time:before {
    content: "\F181"
}

.ci-piggy-bank:before {
    content: "\F182"
}

.ci-shield-verified:before {
    content: "\F183"
}

.ci-sort:before {
    content: "\F184"
}

.ci-star-almost:before {
    content: "\F185"
}

.ci-star-half:before {
    content: "\F186"
}

.ci-star:before {
    content: "\F187"
}

.ci-suitcase-logo:before {
    content: "\F188"
}

.ci-thumbs-up:before {
    content: "\F189"
}

.ci-trophy:before {
    content: "\F18A"
}

.ci-warning:before {
    content: "\F18B"
}

* {
    font-family: var(--font-family-base)
}

.text-h1 {
    font-size: 22px
}

.text-h2 {
    font-size: 21px
}

.text-h3 {
    font-size: 19px
}

.text-h4 {
    font-size: 17px
}

.text-h5 {
    font-size: 15px
}

.text-h6 {
    font-size: 14px
}

.text-h7 {
    font-size: 13px
}

.text-h8 {
    font-size: 12px
}

.text-h9 {
    font-size: 11px
}

.text-bold {
    font-weight: 700
}

i.ci {
    line-height: 1
}

i.ci.ci-line-height {
    line-height: unset
}

.float-right {
    float: right
}

.float-center {
    float: none;
    margin: 0 auto
}

.text-align-right {
    text-align: right
}

.m-0 {
    margin: 0
}

.badged-alert-messages-container .badge-container .badge,
.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.badged-alert-messages-container .badge-container .badge,
.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.m-1 {
    margin: 5px
}

.mt-1 {
    margin-top: 5px
}

.mr-1 {
    margin-right: 5px
}

.mb-1 {
    margin-bottom: 5px
}

.ml-1 {
    margin-left: 5px
}

.p-1 {
    padding: 5px
}

.pt-1 {
    padding-top: 5px
}

.pr-1 {
    padding-right: 5px
}

.pb-1 {
    padding-bottom: 5px
}

.pl-1 {
    padding-left: 5px
}

.m-2 {
    margin: 10px
}

.mt-2 {
    margin-top: 10px
}

.mr-2 {
    margin-right: 10px
}

.badged-alert-messages-container,
.mb-2 {
    margin-bottom: 10px
}

.ml-2 {
    margin-left: 10px
}

.p-2 {
    padding: 10px
}

.pt-2 {
    padding-top: 10px
}

.pr-2 {
    padding-right: 10px
}

.pb-2 {
    padding-bottom: 10px
}

.pl-2 {
    padding-left: 10px
}

.m-3 {
    margin: 15px
}

.mt-3 {
    margin-top: 15px
}

.badged-alert-messages-container .badge-container,
.mr-3 {
    margin-right: 15px
}

.mb-3 {
    margin-bottom: 15px
}

.ml-3 {
    margin-left: 15px
}

.p-3 {
    padding: 15px
}

.pt-3 {
    padding-top: 15px
}

.pr-3 {
    padding-right: 15px
}

.pb-3 {
    padding-bottom: 15px
}

.pl-3 {
    padding-left: 15px
}

.m-4 {
    margin: 20px
}

.mt-4 {
    margin-top: 20px
}

.mr-4 {
    margin-right: 20px
}

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

.ml-4 {
    margin-left: 20px
}

.p-4 {
    padding: 20px
}

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

.pr-4 {
    padding-right: 20px
}

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

.pl-4 {
    padding-left: 20px
}

.m-5 {
    margin: 25px
}

.mt-5 {
    margin-top: 25px
}

.mr-5 {
    margin-right: 25px
}

.mb-5 {
    margin-bottom: 25px
}

.ml-5 {
    margin-left: 25px
}

.p-5 {
    padding: 25px
}

.pt-5 {
    padding-top: 25px
}

.pr-5 {
    padding-right: 25px
}

.pb-5 {
    padding-bottom: 25px
}

.pl-5 {
    padding-left: 25px
}

.m-6 {
    margin: 30px
}

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

.mr-6 {
    margin-right: 30px
}

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

.ml-6 {
    margin-left: 30px
}

.p-6 {
    padding: 30px
}

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

.pr-6 {
    padding-right: 30px
}

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

.pl-6 {
    padding-left: 30px
}

.m-7 {
    margin: 35px
}

.mt-7 {
    margin-top: 35px
}

.mr-7 {
    margin-right: 35px
}

.mb-7 {
    margin-bottom: 35px
}

.ml-7 {
    margin-left: 35px
}

.p-7 {
    padding: 35px
}

.pt-7 {
    padding-top: 35px
}

.pr-7 {
    padding-right: 35px
}

.pb-7 {
    padding-bottom: 35px
}

.pl-7 {
    padding-left: 35px
}

.m-8 {
    margin: 50px
}

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

.mr-8 {
    margin-right: 50px
}

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

.ml-8 {
    margin-left: 50px
}

.p-8 {
    padding: 50px
}

.pt-8 {
    padding-top: 50px
}

.pr-8 {
    padding-right: 50px
}

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

.pl-8 {
    padding-left: 50px
}

.m-9 {
    margin: 80px
}

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

.mr-9 {
    margin-right: 80px
}

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

.ml-9 {
    margin-left: 80px
}

.p-9 {
    padding: 80px
}

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

.pr-9 {
    padding-right: 80px
}

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

.pl-9 {
    padding-left: 80px
}

.ci-2x {
    height: 13px
}

.ci-2x:before {
    font-size: 13px
}

.ci-3x {
    height: 20px
}

.ci-3x:before {
    font-size: 20px
}

.ci-4x {
    height: 32px
}

.ci-4x:before {
    font-size: 32px
}

.ci-8x {
    height: 15px
}

.ci-8x:before {
    font-size: 15px
}

.ci-50x {
    height: 50px
}

.ci-50x:before {
    font-size: 50px
}

.ci.ci-1 {
    height: 9px
}

.ci.ci-1,
.ci.ci-1:before {
    font-size: 9px
}

.ci.ci-2 {
    height: 13px
}

.ci.ci-2,
.ci.ci-2:before {
    font-size: 13px
}

.ci.ci-3 {
    height: 20px
}

.ci.ci-3,
.ci.ci-3:before {
    font-size: 20px
}

.ci.ci-4 {
    height: 32px
}

.ci.ci-4,
.ci.ci-4:before {
    font-size: 32px
}

.ci.ci-5 {
    height: 34px
}

.ci.ci-5,
.ci.ci-5:before {
    font-size: 34px
}

.ci.ci-6 {
    height: 11px
}

.ci.ci-6,
.ci.ci-6:before {
    font-size: 11px
}

.ci.ci-7 {
    height: 17px
}

.ci.ci-7,
.ci.ci-7:before {
    font-size: 17px
}

.ci.ci-8 {
    height: 15px
}

.ci.ci-8,
.ci.ci-8:before {
    font-size: 15px
}

.ci.ci-9 {
    height: 23px
}

.ci.ci-9,
.ci.ci-9:before {
    font-size: 23px
}

.ci.ci-s-10 {
    height: 10px
}

.ci.ci-s-10,
.ci.ci-s-10:before {
    font-size: 10px
}

.ci.ci-s-11 {
    height: 11px
}

.ci.ci-s-11,
.ci.ci-s-11:before {
    font-size: 11px
}

.ci.ci-s-12 {
    height: 12px
}

.ci.ci-s-12,
.ci.ci-s-12:before {
    font-size: 12px
}

.ci.ci-s-13 {
    height: 13px
}

.ci.ci-s-13,
.ci.ci-s-13:before {
    font-size: 13px
}

.ci.ci-s-14 {
    height: 14px
}

.ci.ci-s-14,
.ci.ci-s-14:before {
    font-size: 14px
}

.ci.ci-s-15 {
    height: 15px
}

.ci.ci-s-15,
.ci.ci-s-15:before {
    font-size: 15px
}

.ci.ci-s-16 {
    height: 16px
}

.ci.ci-s-16,
.ci.ci-s-16:before {
    font-size: 16px
}

.ci.ci-s-17 {
    height: 17px
}

.ci.ci-s-17,
.ci.ci-s-17:before {
    font-size: 17px
}

.ci.ci-s-18 {
    height: 18px
}

.ci.ci-s-18,
.ci.ci-s-18:before {
    font-size: 18px
}

.ci.ci-s-19 {
    height: 19px
}

.ci.ci-s-19,
.ci.ci-s-19:before {
    font-size: 19px
}

.ci.ci-s-20 {
    height: 20px
}

.ci.ci-s-20,
.ci.ci-s-20:before {
    font-size: 20px
}

.ci.ci-s-22 {
    height: 22px
}

.ci.ci-s-22,
.ci.ci-s-22:before {
    font-size: 22px
}

.ci.ci-s-24 {
    height: 24px
}

.ci.ci-s-24,
.ci.ci-s-24:before {
    font-size: 24px
}

.ci.ci-s-26 {
    height: 26px
}

.ci.ci-s-26,
.ci.ci-s-26:before {
    font-size: 26px
}

.ci.ci-s-28 {
    height: 28px
}

.ci.ci-s-28,
.ci.ci-s-28:before {
    font-size: 28px
}

.ci.ci-s-30 {
    height: 30px
}

.ci.ci-s-30,
.ci.ci-s-30:before {
    font-size: 30px
}

.ci.ci-s-32 {
    height: 32px
}

.ci.ci-s-32,
.ci.ci-s-32:before {
    font-size: 32px
}

.ci.ci-s-34 {
    height: 34px
}

.ci.ci-s-34,
.ci.ci-s-34:before {
    font-size: 34px
}

.ci.ci-s-36 {
    height: 36px
}

.ci.ci-s-36,
.ci.ci-s-36:before {
    font-size: 36px
}

.ci.ci-s-38 {
    height: 38px
}

.ci.ci-s-38,
.ci.ci-s-38:before {
    font-size: 38px
}

.ci.ci-s-40 {
    height: 40px
}

.ci.ci-s-40,
.ci.ci-s-40:before {
    font-size: 40px
}

.ci.ci-s-50 {
    height: 50px
}

.ci.ci-s-50,
.ci.ci-s-50:before {
    font-size: 50px
}

.ci.ci-s-60 {
    height: 60px
}

.ci.ci-s-60,
.ci.ci-s-60:before {
    font-size: 60px
}

@media (min-width:992px) {
    .visible-xs {
        display: none
    }
}

@media (min-width:992px) {
    .visible-xs-important {
        display: none !important
    }
}

@media (max-width:991px) {

    .hidden-xs,
    .visible-lg {
        display: none
    }
}

@media (min-width:992px) {
    .hidden-lg {
        display: none
    }
}

.hidden,
.hide {
    display: none
}

.loading {
    opacity: .5
}

.list-style-none {
    list-style: none
}

.flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.full-width {
    width: 100%
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.flex-nowrap {
    display: flex;
    flex-wrap: nowrap
}

@media (max-width:575px) {
    .flex-xs-row {
        flex-direction: row
    }

    .flex-xs-column {
        flex-direction: column
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse
    }

    .flex-xs-wrap {
        flex-wrap: wrap
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .gap-xs-0 {
        gap: 0
    }

    .gap-xs-1 {
        gap: 5px
    }

    .gap-xs-2 {
        gap: 10px
    }

    .gap-xs-3 {
        gap: 15px
    }

    .gap-xs-4 {
        gap: 20px
    }

    .gap-xs-5 {
        gap: 25px
    }

    .gap-xs-6 {
        gap: 30px
    }

    .gap-xs-7 {
        gap: 35px
    }

    .gap-xs-8 {
        gap: 50px
    }

    .gap-xs-9 {
        gap: 80px
    }
}

@media (max-width:767px) {
    .flex-sm-row {
        flex-direction: row
    }

    .flex-sm-column {
        flex-direction: column
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse
    }

    .flex-sm-wrap {
        flex-wrap: wrap
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .gap-sm-0 {
        gap: 0
    }

    .gap-sm-1 {
        gap: 5px
    }

    .gap-sm-2 {
        gap: 10px
    }

    .gap-sm-3 {
        gap: 15px
    }

    .gap-sm-4 {
        gap: 20px
    }

    .gap-sm-5 {
        gap: 25px
    }

    .gap-sm-6 {
        gap: 30px
    }

    .gap-sm-7 {
        gap: 35px
    }

    .gap-sm-8 {
        gap: 50px
    }

    .gap-sm-9 {
        gap: 80px
    }
}

@media (max-width:991px) {
    .flex-md-row {
        flex-direction: row
    }

    .flex-md-column {
        flex-direction: column
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse
    }

    .flex-md-wrap {
        flex-wrap: wrap
    }

    .flex-md-nowrap {
        flex-wrap: nowrap
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .gap-md-0 {
        gap: 0
    }

    .gap-md-1 {
        gap: 5px
    }

    .gap-md-2 {
        gap: 10px
    }

    .gap-md-3 {
        gap: 15px
    }

    .gap-md-4 {
        gap: 20px
    }

    .gap-md-5 {
        gap: 25px
    }

    .gap-md-6 {
        gap: 30px
    }

    .gap-md-7 {
        gap: 35px
    }

    .gap-md-8 {
        gap: 50px
    }

    .gap-md-9 {
        gap: 80px
    }
}

@media (max-width:1199px) {
    .flex-lg-row {
        flex-direction: row
    }

    .flex-lg-column {
        flex-direction: column
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse
    }

    .flex-lg-wrap {
        flex-wrap: wrap
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .gap-lg-0 {
        gap: 0
    }

    .gap-lg-1 {
        gap: 5px
    }

    .gap-lg-2 {
        gap: 10px
    }

    .gap-lg-3 {
        gap: 15px
    }

    .gap-lg-4 {
        gap: 20px
    }

    .gap-lg-5 {
        gap: 25px
    }

    .gap-lg-6 {
        gap: 30px
    }

    .gap-lg-7 {
        gap: 35px
    }

    .gap-lg-8 {
        gap: 50px
    }

    .gap-lg-9 {
        gap: 80px
    }
}

@media (max-width:null) {
    .flex-xl-row {
        flex-direction: row
    }

    .flex-xl-column {
        flex-direction: column
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse
    }

    .flex-xl-wrap {
        flex-wrap: wrap
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .gap-xl-0 {
        gap: 0
    }

    .gap-xl-1 {
        gap: 5px
    }

    .gap-xl-2 {
        gap: 10px
    }

    .gap-xl-3 {
        gap: 15px
    }

    .gap-xl-4 {
        gap: 20px
    }

    .gap-xl-5 {
        gap: 25px
    }

    .gap-xl-6 {
        gap: 30px
    }

    .gap-xl-7 {
        gap: 35px
    }

    .gap-xl-8 {
        gap: 50px
    }

    .gap-xl-9 {
        gap: 80px
    }
}

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

.flex-justify-content-center {
    justify-content: center
}

.flex-align-center,
.flex-justify-content-center {
    display: flex;
    align-items: center
}

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

.border-success {
    border-color: var(--success)
}

.border-warning {
    border-color: var(--warning)
}

.border-danger {
    border-color: var(--danger)
}

.border-primary {
    border-color: var(--primary)
}

.border-secondary {
    border-color: var(--secondary)
}

.border-gamma {
    border-color: var(--gamma)
}

.b-1-solid {
    border: 1px solid
}

.bt-1-solid {
    border-top: 1px solid
}

.br-1-solid {
    border-right: 1px solid
}

.bb-1-solid {
    border-bottom: 1px solid
}

.bl-1-solid {
    border-left: 1px solid
}

.b-2-solid {
    border: 2px solid
}

.bt-2-solid {
    border-top: 2px solid
}

.br-2-solid {
    border-right: 2px solid
}

.bb-2-solid {
    border-bottom: 2px solid
}

.bl-2-solid {
    border-left: 2px solid
}

.b-3-solid {
    border: 3px solid
}

.bt-3-solid {
    border-top: 3px solid
}

.br-3-solid {
    border-right: 3px solid
}

.bb-3-solid {
    border-bottom: 3px solid
}

.bl-3-solid {
    border-left: 3px solid
}

.b-4-solid {
    border: 4px solid
}

.bt-4-solid {
    border-top: 4px solid
}

.br-4-solid {
    border-right: 4px solid
}

.bb-4-solid {
    border-bottom: 4px solid
}

.bl-4-solid {
    border-left: 4px solid
}

.b-5-solid {
    border: 5px solid
}

.bt-5-solid {
    border-top: 5px solid
}

.br-5-solid {
    border-right: 5px solid
}

.bb-5-solid {
    border-bottom: 5px solid
}

.bl-5-solid {
    border-left: 5px solid
}

.b-6-solid {
    border: 6px solid
}

.bt-6-solid {
    border-top: 6px solid
}

.br-6-solid {
    border-right: 6px solid
}

.bb-6-solid {
    border-bottom: 6px solid
}

.bl-6-solid {
    border-left: 6px solid
}

.b-7-solid {
    border: 7px solid
}

.bt-7-solid {
    border-top: 7px solid
}

.br-7-solid {
    border-right: 7px solid
}

.bb-7-solid {
    border-bottom: 7px solid
}

.bl-7-solid {
    border-left: 7px solid
}

.color-alpha {
    color: var(--alpha)
}

.color-success {
    color: var(--success)
}

.color-warning {
    color: var(--warning)
}

.color-danger {
    color: var(--danger)
}

.color-primary {
    color: var(--primary)
}

.color-secondary {
    color: var(--secondary)
}

.color-secondary-darker {
    color: var(--secondary-darker)
}

.color-secondary-medium {
    color: var(--secondary-medium)
}

.color-danger-dark {
    color: var(--danger-dark)
}

.color-category-light {
    color: var(--category-light)
}

.color-gamma {
    color: var(--gamma)
}

.bg-secondary-dark {
    background-color: var(--secondary-dark)
}

.bg-secondary-medium {
    background-color: var(--secondary-medium)
}

.bg-secondary {
    background-color: var(--secondary)
}

.bg-secondary-light {
    background-color: var(--secondary-light)
}

.bg-secondary-lighter {
    background-color: var(--secondary-lighter)
}

.bg-primary {
    background-color: var(--primary)
}

.bg-info {
    background-color: var(--info)
}

.bg-info-light {
    background-color: var(--info-light)
}

.bg-info-dark {
    background-color: var(--info-dark)
}

.bg-success {
    background-color: var(--success)
}

.bg-success-dark {
    background-color: var(--success-dark)
}

.bg-warning {
    background-color: var(--warning)
}

.bg-danger {
    background-color: var(--danger)
}

.bg-danger-dark {
    background-color: var(--danger-dark)
}

.bg-delta {
    background-color: var(--delta)
}

.bg-white {
    background-color: var(--white)
}

.loader {
    display: inline-block;
    border-top: 2px solid var(--secondary-light);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 2px solid var(--secondary-light);
    border-top-color: var(--secondary-dark);
    border-radius: 50%;
    width: 10px;
    height: 10px
}

.loader-primary {
    border-top: 2px solid var(--primary-lighter);
    border: 2px solid var(--primary-lighter);
    border-top-color: var(--primary)
}

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

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.image-gallery {
    display: flex;
    position: relative
}

@media (max-width:575px) {
    .image-gallery {
        display: none
    }
}

.image-gallery .image-container {
    position: relative
}

.image-gallery .image-container:not(.no-pointer) {
    cursor: pointer
}

@media (hover:hover) and (pointer:fine) {
    .image-gallery .image-container:not(.no-pointer):hover:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .5;
        background-color: var(--dark)
    }
}

.image-gallery .image-container>img {
    cursor: default;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.image-gallery .image-container:not(:last-child) {
    margin-bottom: 10px
}

.image-gallery .column {
    display: flex;
    flex-direction: column;
    height: 450px;
    overflow: hidden
}

@media (max-width:1199px) {
    .image-gallery .column {
        height: 350px
    }
}

.image-gallery .column:first-child {
    width: 40%;
    margin-right: 5px;
    margin-left: 0;
    opacity: 1;
    background-color: transparent
}

.image-gallery .column:first-child .image-container:first-child {
    height: 100%
}

.image-gallery .column:first-child .image-container-text {
    display: none
}

.image-gallery .column:nth-child(2) {
    width: 20%;
    margin-right: 5px;
    margin-left: 5px;
    opacity: 1;
    background-color: transparent
}

.image-gallery .column:nth-child(2) .image-container:first-child,
.image-gallery .column:nth-child(2) .image-container:nth-child(2) {
    height: 50%
}

.image-gallery .column:nth-child(2) .image-container-text {
    display: none
}

.image-gallery .column:nth-child(3) {
    width: 20%;
    margin-right: 5px;
    margin-left: 5px;
    opacity: 1;
    background-color: transparent
}

.image-gallery .column:nth-child(3) .image-container:first-child {
    height: 60%
}

.image-gallery .column:nth-child(3) .image-container:nth-child(2) {
    height: 40%
}

.image-gallery .column:nth-child(3) .image-container-text {
    display: none
}

.image-gallery .column:nth-child(4) {
    width: 20%;
    margin-right: 0;
    margin-left: 5px
}

.image-gallery .column:nth-child(4) .image-container:first-child {
    height: 40%
}

.image-gallery .column:nth-child(4) .image-container:nth-child(2) {
    height: 60%
}

.image-gallery .column:nth-child(4) .image-container:nth-child(2):not(.no-pointer):before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .5;
    background-color: var(--dark)
}

.image-gallery .column:nth-child(4) .image-container:nth-child(2) .image-container-text {
    position: absolute;
    color: var(--white);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 21px;
    font-weight: 700
}

@media (max-width:1199px) {
    .image-gallery .column:nth-child(2) {
        width: 30%;
        margin-right: 5px;
        margin-left: 5px;
        opacity: 1;
        background-color: transparent
    }

    .image-gallery .column:nth-child(2) .image-container-text {
        display: none
    }

    .image-gallery .column:nth-child(3) {
        width: 30%;
        margin-right: 0;
        margin-left: 5px
    }

    .image-gallery .column:nth-child(3) .image-container:nth-child(2):not(.no-pointer):before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .5;
        background-color: var(--dark)
    }

    .image-gallery .column:nth-child(3) .image-container:nth-child(2) .image-container-text {
        position: absolute;
        color: var(--white);
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        font-size: 21px;
        font-weight: 700
    }

    .image-gallery .column:nth-child(4) {
        display: none
    }
}

@media (max-width:991px) {
    .image-gallery .column:first-child {
        width: 60%;
        margin-right: 5px;
        margin-left: 0;
        opacity: 1;
        background-color: transparent
    }

    .image-gallery .column:first-child .image-container-text {
        display: none
    }

    .image-gallery .column:nth-child(2) {
        width: 40%;
        margin-right: 0;
        margin-left: 5px
    }

    .image-gallery .column:nth-child(2) .image-container:nth-child(2):not(.no-pointer):before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .5;
        background-color: var(--dark)
    }

    .image-gallery .column:nth-child(2) .image-container:nth-child(2) .image-container-text {
        position: absolute;
        color: var(--white);
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        font-size: 21px;
        font-weight: 700
    }

    .image-gallery .column:nth-child(3) {
        display: none
    }
}

@media (min-width:576px) {
    .image-gallery-slider {
        display: none
    }
}

.image-gallery-slider .swiper .swiper-pagination {
    margin: 0;
    width: auto;
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: auto;
    background: var(--secondary-darker);
    color: var(--white);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 5px 10px
}

.hotel-conditions {
    font-size: 15px;
    color: var(--dark);
    position: relative
}

.hotel-conditions-title {
    font-size: 17px
}

.schedule-section {
    margin: 15px 0;
    display: flex;
    flex-direction: row;
    font-size: 14px
}

.schedule-section .schedule-checkin-section,
.schedule-section .schedule-checkout-section {
    margin-right: 20px;
    display: flex;
    flex-direction: row
}

.schedule-section .img-section {
    margin-right: 10px
}

.image-size {
    width: 40px
}

.conditions-section .conditions-list {
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-top: 15px
}

.conditions-section .conditions-list div {
    color: var(--gamma);
    margin-bottom: 4px
}

.conditions-section .conditions-list div span {
    color: var(--dark)
}

.hotel-conditions-collapse-button i {
    transform: rotate(0deg);
    transition: transform .2s linear
}

.collapse:not(.collapsed) .hotel-conditions-collapse-button i {
    transform: rotate(180deg);
    transition: transform .2s linear
}

@media (max-width:768px) {
    .hotel-conditions {
        font-size: 14px
    }

    .conditions-section .conditions-list div span .hotel-condition-answer-text {
        color: var(--secondary-medium)
    }
}

.distance-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 25px
}

.distance-list .distance-type {
    flex-basis: calc(50% - 12.5px)
}

@media (max-width:991px) {
    .distance-list .distance-type {
        flex-basis: 100%
    }
}

.distance-list .distance-type.last-distance-type-element {
    margin-bottom: 0
}

.distance-list .distance-type .distance-type-title {
    margin-bottom: 15px;
    font-size: 15px
}

@media (max-width:768px) {
    .distance-list .distance-type .distance-type-title {
        font-size: 17px
    }
}

.distance-list .distance-type .distance-type-items {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.distance-list .distance-type .distance-card,
.distance-list .distance-type .distance-card-item,
.distance-list .distance-type .distance-card-item-right,
.distance-list .distance-type .time-container {
    display: flex;
    align-items: center
}

.distance-list .distance-type .distance-card {
    border: 1px solid var(--secondary-light);
    background-color: var(--secondary-soft);
    justify-content: space-between;
    border-radius: 5px;
    padding: 5px 10px
}

.distance-list .distance-type .distance-card .distance-card-item-left {
    font-size: 14px
}

.distance-list .distance-type .distance-card .distance-card-item-left i {
    margin-right: 10px;
    font-size: 25px
}

@media (max-width:768px) {
    .distance-list .distance-type .distance-card .distance-card-item-left i {
        display: none
    }
}

.distance-list .distance-type .distance-card .distance-card-item-right {
    justify-content: space-between
}

@media (max-width:768px) {
    .distance-list .distance-type .distance-card .distance-card-item-right i {
        margin-right: 5px
    }

    .distance-list .distance-type .distance-card .distance-card-item-right .time-container {
        margin-left: 15px
    }
}

.distance-list .distance-type .distance-card .distance-card-item-right .distance {
    white-space: nowrap;
    margin-left: 20px;
    font-weight: 700
}

.distance-list .distance-type .distance-card .distance-card-item-right .time-container {
    white-space: nowrap;
    margin-left: 20px;
    justify-content: flex-end
}

.distance-list .distance-type .distance-card .distance-card-item-right .time-container i {
    margin-right: 10px;
    font-size: 25px
}

.distance-list .distance-type .distance-card .distance-card-item-right .time-container .time-container-numeric {
    min-width: 42px
}

.distance-list i {
    line-height: 1
}

.distance-list .over-text-shadow {
    bottom: 0
}

.distances-card .collapse-button {
    text-decoration: underline;
    margin-top: 15px;
    align-items: center;
    font-size: 15px
}

.distances-card .collapse-button .animated-icon {
    margin-top: 0
}

.rating-category {
    margin-bottom: 35px
}

@media (max-width:768px) {
    .rating-category {
        margin-bottom: 20px
    }
}

.rating-category .rating-category-title {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 15px
}

.rating-category .rating-element {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.rating-category .rate-container {
    display: flex;
    align-items: center;
    width: 65%
}

.rating-category .rate {
    margin-left: 10px;
    font-size: 15px;
    text-align: end;
    min-width: 24px
}

@media (max-width:768px) {
    .rating-category .rate {
        font-size: 14px
    }
}

.rating-category .rating-text {
    width: 35%;
    padding-right: 10px;
    font-size: 15px
}

@media (max-width:768px) {
    .rating-category .rating-text {
        font-size: 14px
    }
}

.hotel-rating-summary-title-section .hotel-rating-summary-title {
    font-size: 17px;
    font-weight: 700
}

.hotel-rating-summary-section {
    display: flex;
    flex-direction: row
}

.hotel-rating-summary-section .rating-section .rating-label {
    font-size: 22px;
    background: var(--secondary-darker);
    color: #fff;
    border: 2px solid var(--secondary-darker);
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    min-width: 47px;
    min-height: 46px
}

.hotel-rating-summary-section .rating-section .rating-label.sm {
    width: 47px;
    height: 46px
}

.hotel-rating-summary-section .summary-section {
    font-size: 15px;
    color: var(--secondary-darker)
}

.hotel-rating-summary-section .summary-section .summary-title {
    font-weight: 700
}

.hotel-rating-summary-section .summary-section .summary-text {
    display: flex;
    align-items: center
}

.hotel-rating-summary-section .summary-section .summary-text strong {
    font-weight: 700
}

.hotel-rating-summary-section .summary-section .summary-subtext {
    color: var(--secondary-medium)
}

.hotel-rating-summary-section .summary-section .summary-subtext i {
    color: var(--alpha)
}

.hotel-rating-summary-section__message {
    display: block !important;
    flex-direction: inherit !important
}

.hotel-rating-summary-section__message .rating-section {
    display: inline-block
}

@media (min-width:576px) {
    .hotel-rating-summary-section__message .rating-section .show-mobile {
        display: none
    }
}

.hotel-rating-summary-section__message .rating-section .rating-label {
    width: auto !important;
    font-size: 15px !important;
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width:767px) {
    .hotel-rating-summary-section__message .rating-section .rating-label {
        min-height: 46px
    }
}

.hotel-rating-summary-section__message .summary-section {
    margin-top: 10px;
    display: block
}

@media (max-width:767px) {
    .hotel-rating-summary-section__message .summary-section {
        margin: 0
    }

    .hotel-rating-summary-section__message .summary-section .summary-subtext {
        display: none
    }
}

.hotel-rating-summary-section__message .summary-section .summary-title {
    display: none
}

.tabs-menu-container .tabs-menu-title {
    font-size: 17px;
    font-weight: 700
}

.tabs-menu-container .tabs-menu {
    position: relative;
    display: flex;
    overflow-y: auto;
    padding: 10px 0;
    z-index: 2
}

.tabs-menu-container .tabs-menu.tabs-title-padding {
    padding: 10px 20px
}

.tabs-menu-container .tabs-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: var(--white);
    padding: 10px 0
}

.tabs-menu-container .tabs-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--secondary);
    padding: 10px 0
}

@media (max-width:991px) {
    .tabs-menu-container .tabs-menu {
        display: flex
    }
}

.tabs-menu-container .tabs-menu .tab-title {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid var(--secondary-light);
    border-radius: 100px;
    background-color: var(--white);
    margin: 0 15px 5px 0;
    white-space: nowrap
}

.tabs-menu-container .tabs-menu .tab-title:hover {
    box-shadow: 0 2px 8px hsla(0, 0%, 62%, .15)
}

.tabs-menu-container .tabs-menu .tab-title.pointer {
    cursor: pointer
}

.tabs-menu-container .tabs-menu .tab-title.active {
    border-color: var(--secondary-darker)
}

.tabs-menu-container .tabs-menu .tab-title img {
    height: 18px
}

.tabs-menu-container .tab-container {
    opacity: 1;
    transition: opacity .1s ease-in-out
}

.tabs-menu-container .tab-container.fade-out {
    opacity: 0
}

.tabs-menu-container .tab-content::slotted(*) {
    margin-top: 35px
}

.tripadvisor-rating-summary img {
    cursor: default
}

.user-review:not(.user-review-simple) {
    border-radius: 15px;
    box-shadow: 0 2px 8px hsla(0, 0%, 62%, .15);
    border: 1px solid var(--secondary);
    background-color: var(--white);
    margin: 30px 0;
    padding: 15px
}

.user-review:not(.user-review-simple).highlighted {
    border-color: var(--secondary-darker)
}

.user-review:not(.user-review-simple).no-comments {
    margin: 0;
    white-space: nowrap
}

.user-review .general-review {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.user-review .general-review.have-comments {
    flex-direction: row-reverse;
    justify-content: space-between
}

.user-review .user-comments {
    margin-top: 15px
}

.user-review .rate-container {
    background-color: var(--secondary-darker);
    color: var(--white);
    min-width: 37px;
    min-height: 37px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 1
}

.user-review .rate-container-summary {
    display: flex;
    flex-direction: row
}

.user-review .alias-summary {
    margin-right: 10px;
    border-radius: 100px;
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 700;
    line-height: 1
}

.user-review .user-container {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap
}

.user-review .alias-container {
    font-size: 15px;
    display: inline-block;
    padding-right: 5px
}

.user-review .company-type-container {
    font-size: 14px;
    display: inline-block
}

.user-review .date-container {
    font-size: 14px;
    color: var(--secondary-medium)
}

.user-review .comment {
    display: flex;
    color: var(--secondary-dark);
    font-size: 15px
}

.user-review .comment:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width:991px) {
    .user-review .comment {
        font-size: 14px
    }
}

.user-review .comment .comment-icon {
    margin-right: 10px
}

.user-review .comment.positive-comment .comment-icon {
    color: var(--secondary-darker);
    color: var(--alpha)
}

.user-review .replies-container {
    background-color: var(--secondary-lighter);
    padding: 10px;
    font-size: 15px;
    word-break: break-word;
    margin-bottom: 10px;
    border-radius: 5px
}

@media (min-width:992px) {
    .user-review .replies-container {
        margin-left: 25px
    }
}

@media (max-width:991px) {
    .user-review .replies-container {
        font-size: 14px
    }
}

.user-review .replies-container .author {
    color: var(--secondary-medium);
    margin-bottom: 10px
}

.user-review .replies-container:last-child {
    margin-bottom: 10px
}

.user-review .show-original-comment {
    color: var(--primary);
    text-align: right;
    cursor: pointer;
    margin-top: 15px;
    font-size: 13px
}

.user-review .comment-container {
    width: 100%
}

.user-review .comment-title {
    font-weight: 700;
    font-size: 14px;
    display: flex
}

.user-review .survey-images-container {
    display: flex;
    align-items: center;
    overflow-x: auto;
    gap: 15px
}

@media (max-width:991px) {
    .user-review .survey-images-container {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:992px) {
    .user-review .survey-images-container {
        flex-wrap: wrap
    }
}

.user-review .survey-images-container .survey-image {
    border-radius: 5px;
    height: 140px;
    object-fit: cover
}

@media (min-width:992px) {
    .user-review .survey-images-container .survey-image {
        flex-basis: calc(20% - 12px);
        width: calc(20% - 12px)
    }
}

@media (min-width:992px) and (min-width:1200px) {
    .user-review .survey-images-container .survey-image {
        flex-basis: calc(16.66667% - 12.5px);
        width: calc(16.66667% - 12.5px)
    }
}

@media (max-width:991px) {
    .user-review .survey-images-container .survey-image {
        min-width: 25%;
        width: 25%
    }

    .user-review .survey-images-container .survey-image:first-child {
        margin-left: 15px
    }

    .user-review .survey-images-container .survey-image:last-child {
        margin-right: 15px
    }
}

@media (max-width:991px) and (max-width:576px) {
    .user-review .survey-images-container .survey-image {
        min-width: 50%;
        width: 50%
    }
}

.scrolling-wrapper-container .scrolling-wrapper {
    display: flex;
    gap: 20px;
    width: 100%;
    overflow-x: auto
}

.scrolling-wrapper-container .scrolling-wrapper::-webkit-scrollbar {
    border-radius: 10px;
    height: 5px
}

.scrolling-wrapper-container .scrolling-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--secondary)
}

.scrolling-wrapper-container .scrolling-wrapper .scrollable-element {
    width: 100%
}

.scrolling-wrapper-container .scrollable-element-offset {
    display: none
}

.scrolling-wrapper-container .scrollable-element.last-scrollable-element {
    margin-right: 0
}

@media (min-width:576px) {
    .scrolling-wrapper-container .scrolling-wrapper .scrollable-element {
        margin: 0
    }
}

@media (max-width:767px) {
    .scrolling-wrapper-container {
        position: relative
    }

    .scrolling-wrapper-container:after {
        content: "";
        background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
        position: absolute;
        width: 20px;
        height: 100%;
        top: 0;
        bottom: 0;
        right: 0
    }

    .scrolling-wrapper-container .scrollable-element-offset {
        display: block;
        margin: 0
    }
}

.hotel-new-without-opinions-content {
    display: flex;
    algin-content: center;
    padding: 15px;
    width: 90%;
    height: auto;
    margin: 5% auto;
    background: var(--light);
    border: 2px solid var(--primary);
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(99, 99, 99, .6);
    border-radius: 6px
}

@media (max-width:576px) {
    .hotel-new-without-opinions-content {
        flex-flow: column
    }
}

.hotel-new-without-opinions-img {
    margin: 10px
}

@media (max-width:576px) {
    .hotel-new-without-opinions-img {
        margin: 10px auto
    }
}

.hotel-new-without-opinions-body {
    width: 70%;
    margin: 25px auto auto 10px
}

@media (max-width:768px) {
    .hotel-new-without-opinions-body {
        margin: auto auto auto 10px
    }
}

@media (max-width:576px) {
    .hotel-new-without-opinions-body {
        margin: auto
    }
}

.container {
    background-repeat: no-repeat;
    background-position: right 35px
}

.container .hotel-type-service-title-section {
    font-size: 17px;
    margin-bottom: 50px;
    font-weight: 700;
    margin-top: 25px
}

@media (max-width:768px) {
    .container .hotel-type-service-title-section {
        margin-bottom: 15px
    }
}

.container .hotel-type-service-section {
    margin-top: 25px;
    position: relative
}

@media (max-width:768px) {
    .container .hotel-type-service-section {
        margin-top: 20px
    }
}

.container .hotel-type-service-section-divider {
    border-bottom: 0;
    border-top: 1px solid var(--secondary-light);
    margin-top: 25px
}

.hotel-group-service-card {
    display: flex;
    flex-direction: row;
    color: var(--secondary-darker);
    margin-bottom: 25px;
    font-size: 14px
}

.hotel-group-service-card .hotel-group-service-icon-section {
    color: var(--gamma);
    margin-right: 10px
}

.hotel-group-service-card .hotel-group-service-list-section {
    border-left: 1px solid var(--secondary);
    padding-left: 10px
}

.hotel-group-service-card .hotel-group-service-list-section .hotel-group-service-list-title-section {
    margin-bottom: 10px;
    font-weight: 700
}

.breadcrumbs-link::slotted(a) {
    color: var(--secondary-dark) !important;
    font-size: 13px
}

.breadcrumbs-arrow {
    font-size: 9px;
    color: var(--secondary-dark);
    margin-left: 10px;
    margin-right: 10px
}

.breadcrumbs-container {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.breadcrumbs-container.breadcrumbs-xs {
    margin-top: 5px;
    margin-bottom: 5px
}

.alert-messages-container {
    border-radius: 5px;
    box-shadow: 0 2px 8px hsla(0, 0%, 62%, .15);
    font-size: 14px;
    position: relative;
    margin-bottom: 10px
}

.alert-messages-container.danger {
    background-color: var(--danger-light) !important;
    border-color: var(--danger) !important
}

.alert-messages-container.danger .icon-container {
    color: var(--danger) !important
}

.alert-messages-container.success {
    background-color: var(--success-light) !important;
    border-color: var(--success) !important
}

.alert-messages-container.success .icon-container {
    color: var(--success) !important
}

.alert-messages-container.warning {
    background-color: var(--warning-light) !important;
    border-color: var(--warning) !important
}

.alert-messages-container.warning .icon-container {
    color: var(--warning) !important
}

.alert-messages-container.info-light {
    background-color: var(--info-light) !important;
    border-color: var(--secondary-light) !important
}

.alert-messages-container.info-light .icon-container {
    color: var(--secondary-light) !important
}

.alert-messages-container.info {
    background-color: var(--info-light) !important;
    border-color: var(--info-dark) !important
}

.alert-messages-container.info .icon-container {
    color: var(--info-dark) !important
}

.alert-messages-container.alert-info .icon-container {
    display: flex !important
}

.alert-messages-container.alert-info.alert .icon-container i {
    color: var(--secondary-darker);
    font-size: 17px
}

.alert-messages-container.alert-info .message-text {
    text-decoration: underline
}

.alert-messages-container.alert-messages-default .message-content {
    align-items: flex-start
}

.alert-messages-container.alert-messages-default .message-content .message-label,
.alert-messages-container.alert-messages-default .message-content .message-mobile {
    display: none
}

.alert-messages-container.alert-messages-default .message-content .icon-container {
    display: block;
    margin-right: 15px
}

.alert-messages-container.alert-messages-default .message-content .icon-container i {
    font-size: 20px
}

.alert-messages-container.alert {
    border: 1px solid;
    display: flex;
    padding: 15px 20px;
    border-radius: 5px;
    color: var(--secondary-darker)
}

@media (max-width:991px) {
    .alert-messages-container.alert {
        padding: 10px
    }
}

.alert-messages-container.alert .icon-container {
    margin-right: 10px
}

.alert-messages-container.alert .icon-container i {
    font-size: 22px
}

.alert-messages-container.alert .alert-messages-container {
    box-shadow: none
}

.alert-messages-container.alert .message-content {
    padding: 0;
    color: var(--secondary-darker)
}

.alert-messages-container.alert .message-content .message-label,
.alert-messages-container.alert .message-content .message-text {
    color: var(--secondary-darker)
}

.alert-messages-container.alert .service-spacer {
    display: none
}

@media (max-width:991px) {

    .alert-messages-container.alert .message-label,
    .alert-messages-container.alert .message-mobile {
        color: var(--secondary-darker)
    }
}

.alert-messages-container.tpv-dont-exit {
    display: block;
    text-align: left
}

.alert-messages-container.tpv-dont-exit .message-header {
    margin-left: 32px;
    font-weight: 700
}

@media (max-width:991px) {
    .alert-messages-container.tpv-dont-exit .message-header {
        margin-left: 0
    }
}

.alert-messages-container .icon-container i {
    font-size: 30px
}

.alert-messages-container .header-bar {
    height: 3px;
    border-radius: 5px 5px 0 0
}

.alert-messages-container .alpha {
    background-color: var(--alpha)
}

.alert-messages-container .secondary-darker {
    background-color: var(--secondary-darker)
}

.alert-messages-container .message-content {
    display: flex;
    align-items: center;
    padding: 12px 15px 15px;
    font-family: Arial;
    flex: 1
}

.alert-messages-container .message-content .message-label,
.alert-messages-container .message-content .message-mobile {
    color: var(--white);
    text-align: center
}

.alert-messages-container .message-content .message-label {
    border-radius: 100px;
    flex-shrink: 0;
    width: 61px;
    height: 20px;
    margin-left: 15px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.alert-messages-container .message-content .message-label .message-word {
    font-family: Arial
}

.alert-messages-container .message-content .message-mobile {
    display: none
}

@media (max-width:991px) {
    .alert-messages-container .message-content {
        padding: 15px 10px
    }

    .alert-messages-container .message-content .icon-container,
    .alert-messages-container .message-content .message-label {
        display: none
    }

    .alert-messages-container .message-content .message-mobile {
        display: inline;
        font-size: 10px;
        padding: 2px 5px;
        border-radius: 100px;
        width: 35.76px;
        height: 14px;
        align-items: center
    }
}

.alert-messages-container .alert-message-button-color {
    display: flex;
    justify-content: flex-end;
    flex: 1
}

.alert-messages-container .alert-message-button::slotted(*) {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 50px;
    color: var(--dark);
    border-radius: 100px
}

@media (max-width:1199px) {
    .alert-messages-container .alert-message-button::slotted(*) {
        margin-right: 0;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width:991px) {
    .alert-messages-container .alert-message-button::slotted(*) {
        display: none
    }
}

.alert-messages-container .alert-message-button.complementary::slotted(*) {
    background: var(--complementary)
}

.alert-messages-container .close-icon-container {
    display: none
}

.alert-messages-container.alert-close {
    padding-right: 50px
}

@media (max-width:991px) {
    .alert-messages-container.alert-close {
        padding-right: 30px
    }
}

.alert-messages-container.alert-close .close-icon-container {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding: 15px 20px
}

@media (max-width:991px) {
    .alert-messages-container.alert-close .close-icon-container {
        padding: 10px
    }
}

.alert-messages-container.alert-close .close-icon-container i {
    font-size: 12px
}

.service-spacer {
    height: 20px
}

.badged-alert-messages-container {
    padding: 17px;
    border-radius: 5px;
    font-size: 14px;
    display: flex
}

.badged-alert-messages-container.warning {
    background-color: var(--warning);
    color: var(--white)
}

.badged-alert-messages-container.warning .badge {
    background-color: var(--white);
    color: var(--warning)
}

.badged-alert-messages-container.warning-light {
    background-color: var(--warning-light);
    color: var(--warning)
}

.badged-alert-messages-container.warning-light .badge {
    background-color: var(--warning);
    color: var(--white)
}

.badged-alert-messages-container .badge-container {
    flex: 0 1 auto
}

.badged-alert-messages-container .badge-container .badge {
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 700;
    text-align: center
}

.badged-alert-messages-container .badge-container .badge-caption {
    font-size: 11px;
    font-weight: 700
}

.badged-alert-messages-container .message-container {
    flex: 2 1 auto
}

.badged-alert-messages-container .icon-container {
    flex: 0 1 auto
}

@media (max-width:991px) {
    .badged-alert-messages-container {
        flex-direction: column
    }

    .badged-alert-messages-container .badge-container {
        display: flex;
        margin-bottom: 7px
    }

    .badged-alert-messages-container .badge-container .badge {
        margin-right: 5px
    }

    .badged-alert-messages-container .badge-container .badge-caption {
        font-size: 19px
    }

    .badged-alert-messages-container .icon-container {
        display: none
    }
}

.rounded-list-category .category-title {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 700
}

.rounded-list-category .rounded-list-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 100%
}

.rounded-list-category .rounded-list-element-container {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px
}

.rounded-list-category .rounded-list-element {
    border: 1px solid var(--secondary-light);
    min-height: 25px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1
}

.rounded-list-category .element-featured-text {
    padding-right: 15px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 700;
    color: var(--primary)
}

.rounded-list-category .element-text {
    padding-left: 15px;
    font-size: 14px
}

.info-summary {
    margin-bottom: 25px
}

.info-summary .ci-key,
.info-summary .ci-star {
    color: var(--category-light);
    margin-right: 2px;
    font-size: 17px
}

.info-summary .name-slot {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.info-summary .hotel-category {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.info-summary .hotel-name::slotted(*) {
    margin-right: 5px !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    display: inline !important
}

.info-summary .hotel-name-container {
    display: inline;
    margin-top: 5px
}

.info-summary .map::slotted(*) {
    background-color: var(--secondary-lighter);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-light);
    cursor: pointer;
    margin-left: 10px
}

.info-summary .address {
    font-size: 15px;
    display: flex;
    align-items: center;
    color: var(--secondary-medium)
}

.info-summary .hotel-information-container {
    width: 50%
}

.info-summary .distances-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

.info-summary .distance::slotted(*) {
    color: var(--secondary-medium);
    font-size: 14px;
    margin-right: 20px;
    margin-top: 5px
}

.info-summary .space-right::slotted(*) {
    margin-right: 25px
}

.info-summary .name-category {
    align-items: center;
    margin-bottom: 20px
}

.info-summary .services-group {
    cursor: pointer
}

.info-summary .services-group .popover-wrapper {
    margin-right: 20px
}

.info-summary .services-group i {
    display: inline-block
}

.info-summary .services-group i,
.info-summary .services-group i:before {
    font-size: 32px;
    height: 32px
}

.info-summary .snow-warranty-container {
    margin-top: 15px
}

.info-summary .snow-warranty-container .snow-warranty-text {
    flex-direction: row-reverse
}

.info-summary .show-warranty {
    display: block
}

.info-summary .service-card {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.info-summary .service-card .service-container {
    display: flex
}

.info-summary .service-card a {
    text-decoration: none;
    color: var(--primary);
    font-size: 15px;
    white-space: nowrap;
    font-weight: 700
}

.info-summary .service-card a:hover {
    text-decoration: underline
}

.info-summary .hide-services,
.info-summary .info-summary-footer {
    display: none
}

.info-summary .service-link {
    color: var(--secondary-darker);
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap
}

.info-summary .address-map-distance>.address {
    display: none
}

.info-summary .map-container {
    display: flex;
    margin-top: 15px
}

@media (max-width:991px) {
    .info-summary {
        margin-bottom: 10px
    }

    .info-summary .snow-warranty-container {
        margin-top: 10px
    }

    .info-summary .snow-warranty-container .snow-warranty-text {
        font-size: 13px
    }

    .info-summary .service-card {
        justify-content: space-between;
        margin: 15px 0;
        padding: 15px 0;
        border-top: 1px solid var(--secondary-light);
        border-bottom: 1px solid var(--secondary-light)
    }

    .info-summary .service-card .service-container {
        width: 100%;
        margin-right: 10px;
        position: relative;
        -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent);
        overflow-x: auto;
        overflow-y: hidden
    }

    .info-summary .services-group {
        display: flex;
        padding-right: 10px;
        position: relative
    }

    .info-summary .services-group i:not(:last-child) {
        margin-right: 10px
    }

    .info-summary .services-group i,
    .info-summary .services-group i:before {
        font-size: 23px;
        height: 23px
    }

    .info-summary .hotel-name,
    .info-summary .services-group .popover-wrapper {
        margin-right: 10px
    }

    .info-summary .name-category {
        margin: 10px 0
    }

    .info-summary .info-summary-footer {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .info-summary .address-map-distance {
        display: flex;
        flex-direction: column-reverse
    }

    .info-summary .address-map-distance>.address {
        display: block
    }

    .info-summary .map-container {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .info-summary .map-container .address {
        display: none
    }

    .info-summary .distances-container {
        margin-top: 0
    }
}

.menu-sticky {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    top: 0;
    width: 100%;
    background-color: #fff !important;
    z-index: 2;
    height: 46px;
    align-items: center;
    display: flex;
    box-shadow: 0 2px 8px hsla(0, 0%, 62%, .15)
}

.menu-sticky .sticky-group a {
    white-space: nowrap;
    text-decoration: none;
    margin-right: 80px;
    color: var(--secondary-darker);
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer
}

.menu-sticky .sticky-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:768px) {
    .menu-sticky .sticky-container {
        width: 740px
    }
}

@media (min-width:992px) {
    .menu-sticky .sticky-container {
        width: 960px
    }
}

@media (min-width:1200px) {
    .menu-sticky .sticky-container {
        width: 1160px
    }
}

.menu-sticky .active {
    color: var(--primary) !important;
    border-bottom: 4px solid var(--primary);
    background: border-box border-box;
    padding-bottom: 11px
}

.menu-sticky .inactive {
    color: var(--secondary-darker);
    text-decoration: none
}

@media screen and (max-width:768px) {
    .menu-sticky .menu-sticky {
        overflow-y: auto
    }

    .menu-sticky .active {
        padding-bottom: 8px
    }

    .menu-sticky .sticky-container {
        overflow-y: hidden;
        overflow-x: auto
    }

    .menu-sticky .sticky-container:after {
        content: "";
        background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
        position: absolute;
        width: 35px;
        height: 100%;
        top: 0;
        bottom: 0;
        right: -2px
    }

    .menu-sticky .sticky-group {
        padding: 10px 10px 10px 20px
    }

    .menu-sticky .sticky-group a {
        text-decoration: none;
        margin-right: 20px;
        color: var(--secondary-darker);
        padding-right: 0;
        padding-left: 0
    }
}

.inline-card-media-container {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: var(--secondary-darker);
    font-weight: 700;
    font-size: 19px
}

.inline-card-media-container .inline-card-media-title {
    margin-right: 15px
}

.inline-card-media-container .inline-card-media-icon-container {
    color: var(--category-light);
    font-size: 17px;
    display: flex;
    align-items: center
}

.inline-card-media-container .inline-card-media-icon-container i {
    display: inline-flex;
    align-items: flex-end;
    margin-right: 2px;
    line-height: normal;
    font-size: 17px;
    width: 17px;
    height: 17px
}

.inline-card-media-container .inline-card-media-button {
    cursor: pointer;
    font-size: 15px;
    background-color: var(--complementary);
    border-radius: 100px;
    text-decoration: none;
    margin: 0 10px 0 20px;
    padding: 0 50px;
    height: 46px
}

.inline-card-media-container .inline-card-media-button.show {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center
}

.inline-card-media-container .inline-card-media-button.hide {
    display: none
}

.inline-card-media-container .inline-card-media-button.lg {
    margin: 35px 0 25px;
    width: 100%
}

.inline-card-media-container.only-button {
    background-color: var(--white);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
    filter: drop-shadow(0 -4px 6px rgba(204, 204, 204, .45));
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.inline-card-media-container.only-button .inline-card-media-button {
    margin: 15px 15px 10px;
    width: 100%
}

.inline-card-media-container.only-button.only-button-hide {
    transition: transform .5s ease 0s;
    transform: translate3d(0, 75px, 0)
}

.inline-card-media-container.only-button.only-button-show {
    transition: transform .5s ease-in-out 0s;
    transform: translateZ(0)
}

.swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper .swiper-slide img {
    object-fit: cover;
    width: 100%;
    max-width: 820px;
    margin: auto
}

.swiper .swiper-button-next i,
.swiper .swiper-button-prev i {
    font-size: 30px;
    color: var(--secondary-darker)
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    content: ""
}

.swiper .swiper-button-next:focus,
.swiper .swiper-button-prev:focus {
    outline: none
}

.swiper .swiper-pagination {
    position: relative;
    margin-top: 25px;
    margin-bottom: 35px;
    color: var(--secondary-darker);
    font-size: 19px;
    font-weight: 700
}

@media (max-width:991px) {
    .swiper .swiper-pagination {
        font-size: 17px;
        font-weight: 400;
        margin-top: 50px
    }
}

@media (max-width:991px) {
    .swiper.swiper-thumbs {
        display: none
    }
}

.swiper.swiper-thumbs .swiper-wrapper {
    margin-left: 2px;
    margin-right: 2px
}

.swiper.swiper-thumbs .swiper-slide {
    border: 2px solid transparent
}

.swiper.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 2px solid var(--secondary-darker)
}

.swiper.swiper-thumbs .swiper-button-next,
.swiper.swiper-thumbs .swiper-button-prev {
    display: none
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
    outline: 0
}

.modal .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    z-index: 10
}

.modal .modal-dialog {
    position: relative;
    width: 100%;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
    height: 100%
}

@media (max-width:991px) {
    .modal .modal-dialog {
        margin: 0
    }
}

.modal .modal-dialog .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: auto;
    pointer-events: auto;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--secondary-light);
    border-radius: 10px;
    outline: 0;
    height: 95%
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content {
        height: 100%;
        width: 100%;
        border-radius: 0;
        background-color: var(--white)
    }
}

.modal .modal-dialog .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: var(--secondary-darker);
    max-height: 20vh
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header {
        padding: 20px
    }
}

.modal .modal-dialog .modal-content .modal-header .header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    align-items: center;
    align-content: center;
    display: flex
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header .header-title {
        display: none
    }
}

.modal .modal-dialog .modal-content .modal-header .header-close {
    display: flex;
    align-items: center
}

.modal .modal-dialog .modal-content .modal-header .modal-header-tag {
    background-color: var(--danger);
    color: var(--white);
    margin-left: 5px;
    border-radius: 100px;
    font-size: 14px;
    padding: 2px 5px;
    height: min-content;
    font-weight: 400;
    text-shadow: none
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header .modal-header-tag {
        display: block
    }
}

.modal .modal-dialog .modal-content .modal-header .modal-header-tag.modal-header-tag-alt {
    display: none
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header .modal-header-tag.modal-header-tag-alt {
        display: inline
    }
}

.modal .modal-dialog .modal-content .modal-header button.close {
    background-color: transparent;
    border: 0;
    padding: 1rem .5rem;
    margin: -1rem -1rem -1rem auto;
    align-content: space-between;
    align-items: center;
    display: flex;
    text-align: start;
    cursor: pointer
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header button.close {
        margin-left: -5px
    }
}

.modal .modal-dialog .modal-content .modal-header button.close .close-text {
    padding-right: 10px;
    font-weight: 400;
    font-size: 14px
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header button.close .close-text {
        font-size: 17px
    }
}

.modal .modal-dialog .modal-content .modal-header button.close .close-text-alt {
    display: none;
    font-weight: 700;
    font-size: 14px
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header button.close .close-text-alt {
        font-size: 19px
    }
}

.modal .modal-dialog .modal-content .modal-header button.close .close-subtext-alt {
    display: none;
    font-weight: 400;
    font-size: 14px
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header button.close .close-subtext-alt {
        font-size: 17px
    }
}

.modal .modal-dialog .modal-content .modal-header button.close .close-icon-alt {
    display: none
}

.modal .modal-dialog .modal-content .modal-header button.close .close-icon,
.modal .modal-dialog .modal-content .modal-header button.close .close-icon-alt {
    font-size: 17px;
    font-weight: 700;
    line-height: normal
}

.modal .modal-dialog .modal-content .modal-header button.close .close-icon {
    height: 20px;
    width: 20px;
    font-size: 20px;
    line-height: normal !important
}

.modal .modal-dialog .modal-content .modal-header button.close .close-icon-alt {
    height: 17px;
    width: 17px;
    font-size: 17px;
    line-height: normal !important
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-header button.close {
        flex-flow: row-reverse
    }

    .modal .modal-dialog .modal-content .modal-header button.close .close-icon-alt {
        padding-right: 35px;
        display: block
    }

    .modal .modal-dialog .modal-content .modal-header button.close .close-icon {
        display: none
    }

    .modal .modal-dialog .modal-content .modal-header button.close .close-text-alt {
        display: inline;
        margin-right: 5px
    }

    .modal .modal-dialog .modal-content .modal-header button.close .close-subtext-alt {
        display: block
    }

    .modal .modal-dialog .modal-content .modal-header button.close .close-text {
        display: none
    }
}

.modal .modal-dialog .modal-content .modal-header .close {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1.5rem;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff
}

.modal .modal-dialog .modal-content .modal-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: auto
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-body {
        padding: 0
    }
}

.modal .modal-dialog .modal-content .modal-body .body-content {
    width: 75%;
    height: 95%;
    max-height: 85vh;
    overflow-y: auto;
    padding: 15px 5px 15px 25px
}

@media (max-width:1199px) {
    .modal .modal-dialog .modal-content .modal-body .body-content {
        max-height: 95%;
        width: 70%
    }
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-body .body-content {
        padding: 0 10px 0 0;
        width: 100%
    }
}

.modal .modal-dialog .modal-content .modal-body .body-sidebar {
    width: 25%;
    max-height: 80vh;
    overflow-y: auto;
    padding: 15px 50px 0 20px
}

@media (max-width:1199px) {
    .modal .modal-dialog .modal-content .modal-body .body-sidebar {
        width: 30%
    }
}

@media (max-width:991px) {
    .modal .modal-dialog .modal-content .modal-body .body-sidebar {
        display: none !important
    }
}

.modal .modal-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, .45);
    height: 100%;
    width: 100%
}

@media (min-width:992px) {
    .modal.modal-sm .modal-content {
        height: auto;
        width: 780px
    }
}

@media (min-width:1200px) {
    .modal.modal-sm .modal-content {
        width: 990px
    }
}

@media (max-width:991px) {
    .modal-dialog {
        max-width: 100%;
        margin: .5rem auto
    }

    .modal-dialog-centered {
        min-height: 100% auto
    }
}

.modal.show {
    z-index: 999999;
    opacity: 1
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal.hide {
    animation: hide .3s 1 forwards
}

.modal.hide .modal-dialog {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%)
}

@keyframes hide {
    0% {
        opacity: 1;
        z-index: 999999
    }

    to {
        opacity: 0;
        z-index: -1
    }
}

@media (min-width:992px) {
    .modal-body-spacer .modal-header {
        padding: 0 30px 0 0 !important;
        border-bottom: 2px solid var(--secondary-light)
    }
}

@media (max-width:1199px) {
    .modal-body-spacer .modal-header {
        border: unset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }
}

@media (min-width:992px) {
    .modal-body-spacer .modal-body {
        margin: 30px;
        width: auto !important
    }
}

.modal[custom-scrollbar=true] .body-content::-webkit-scrollbar,
.modal[custom-scrollbar=true] .custom-scrollbar::-webkit-scrollbar,
.modal[custom-scrollbar=true] .modal-body::-webkit-scrollbar {
    border-radius: 10px;
    width: 5px
}

.modal[custom-scrollbar=true] .body-content::-webkit-scrollbar-thumb,
.modal[custom-scrollbar=true] .custom-scrollbar::-webkit-scrollbar-thumb,
.modal[custom-scrollbar=true] .modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar-background)
}

img {
    cursor: pointer
}

.image-gallery-list-container {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 10px));
    grid-gap: 50px 15px;
    overflow: hidden
}

.image-gallery-list-container>img {
    width: 100%;
    cursor: pointer
}

@media (max-width:991px) {
    .image-gallery-list-container {
        grid-template-columns: repeat(2, 50%);
        grid-gap: 10px;
        margin: 10px;
        padding-bottom: 10px
    }
}

.image-gallery-slider-section {
    margin: auto;
    max-width: 1190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

@media (max-width:991px) {
    .image-gallery-slider-section {
        width: 100%;
        height: 90%;
        position: fixed
    }

    .image-gallery-slider-section .swiper-slide {
        margin: 0
    }

    .image-gallery-slider-section .swiper-slide img {
        width: 100%;
        max-width: 100%
    }
}

.hide {
    display: none
}

.image-gallery-slider-container .swiper-slide {
    height: auto
}

.image-gallery-slider-container .swiper-slide img {
    max-height: 500px;
    width: auto
}

.image-gallery-thumb-slider-container .swiper-slide {
    height: 100px;
    border-radius: 5px;
    overflow: hidden
}

.image-gallery-thumb-slider-container .swiper-slide img {
    object-fit: cover;
    height: 100%
}

.hotel-info-window {
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 2px 8px hsla(0, 0%, 62%, .15)
}

.hotel-info-window .content-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

@media (max-width:991px) {
    .hotel-info-window .content-top {
        margin-bottom: 5px
    }
}

.hotel-info-window .content-top .content-top-left {
    margin-right: 5px;
    width: 100%
}

@media (min-width:992px) {
    .hotel-info-window .content-center {
        border-top: 1px solid var(--secondary-light);
        padding-top: 10px
    }
}

.hotel-info-window .content-center>* {
    margin-bottom: 10px
}

@media (max-width:991px) {
    .hotel-info-window .content-center>* {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {
    .hotel-info-window .content-bottom {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }
}

.hotel-info-window .content-bottom .content-bottom-left {
    margin-right: 5px
}

.hotel-info-window .img-container {
    overflow: hidden;
    border-radius: 5px
}

.hotel-info-window .img-container img {
    width: 100%;
    object-fit: cover
}

.hotel-info-window .content-container {
    padding: 10px
}

.hotel-info-window .category {
    display: flex;
    align-items: center
}

.hotel-info-window .category i {
    color: var(--category-light);
    font-size: 15px;
    display: inline-block
}

.hotel-info-window .services-container {
    margin-bottom: 10px
}

@media (max-width:991px) {
    .hotel-info-window .services-container {
        margin-bottom: 5px
    }
}

.hotel-info-window .services-container .popover-wrapper {
    margin-right: 5px
}

.hotel-info-window .services-container i {
    font-size: 25px
}

.hotel-info-window .name-container {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.hotel-info-window .name {
    font-weight: 700;
    font-size: 19px;
    margin-right: 5px
}

.hotel-info-window .address {
    font-size: 13px
}

.hotel-info-window .pista-distance {
    display: flex;
    align-items: center;
    color: var(--secondary-medium);
    font-size: 13px;
    margin-bottom: 10px
}

.hotel-info-window .pista-distance i {
    font-size: 15px;
    margin-right: 5px
}

.hotel-info-window .pista-text {
    font-size: 13px
}

.hotel-info-window .rate-container {
    color: var(--white);
    background-color: var(--secondary-darker);
    border-radius: 5px;
    min-width: 46px;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.hotel-info-window .rate-container .rate {
    font-size: 22px;
    font-weight: 700
}

.hotel-info-window .rate-container.unrated {
    background-color: var(--white);
    color: var(--secondary-darker);
    border: 1px solid var(--secondary-darker);
    padding: 5px
}

.hotel-info-window .rate-container.unrated .rate {
    font-size: 15px;
    font-weight: 400
}

.hotel-info-window .meal-plan {
    font-size: 13px;
    display: inline-block
}

.hotel-info-window .content-bottom-right {
    text-align: right
}

@media (max-width:991px) {
    .hotel-info-window .content-bottom-right>* {
        display: inline-block
    }
}

.hotel-info-window .price {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary);
    white-space: nowrap
}

.hotel-info-window .price-end {
    color: var(--secondary-medium);
    font-size: 11px;
    white-space: nowrap
}

.hotel-info-window .free-cancellation {
    color: var(--alpha);
    font-size: 14px
}

.hotel-info-window .btn-container {
    margin-top: 15px;
    text-decoration: none;
    display: block
}

@media (max-width:991px) {
    .hotel-info-window .btn-container {
        margin-top: 10px
    }
}

.hotel-info-window .btn-container .btn {
    display: block
}

@media (max-width:991px) {
    .hotel-info-window {
        display: flex
    }

    .hotel-info-window .address,
    .hotel-info-window .btn-container .btn,
    .hotel-info-window .pista-distance,
    .hotel-info-window .services-container {
        display: none
    }

    .hotel-info-window .btn-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0
    }

    .hotel-info-window .img-container {
        width: 30%;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .hotel-info-window .img-container img {
        height: 100%
    }

    .hotel-info-window .content-container {
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .hotel-info-window .name,
    .hotel-info-window .rate {
        font-size: 15px
    }

    .hotel-info-window .category i {
        font-size: 11px
    }

    .hotel-info-window .free-cancellation {
        font-size: 13px
    }

    .hotel-info-window .rate-container {
        padding: 5px
    }
}

.hotel-info-window .hide {
    display: none
}

.card-media-button {
    border-radius: 6px;
    background-color: var(--white)
}

@media (min-width:768px) {
    .card-media-button {
        display: flex
    }
}

.card-media-button .card-media-body,
.card-media-button .card-media-footer,
.card-media-button .card-media-header {
    margin: 0;
    padding: 0 15px
}

@media (min-width:768px) {

    .card-media-button .card-media-body,
    .card-media-button .card-media-footer,
    .card-media-button .card-media-header {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

.card-media-button .card-media-header {
    text-align: center;
    padding: 15px
}

@media (min-width:768px) {
    .card-media-button .card-media-header {
        width: 15vw
    }
}

.card-media-button .card-media-header .ci-arrow-swap {
    font-size: 75px;
    color: var(--primary);
    padding: 0 20px
}

@media (min-width:768px) {
    .card-media-button .card-media-header .ci-arrow-swap {
        padding-right: 35px
    }
}

.card-media-button .card-media-body {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .card-media-button .card-media-body {
        width: 55vw;
        padding: 50px 0
    }
}

.card-media-button .card-media-footer {
    padding: 15px;
    margin: 0 15vw
}

@media (min-width:768px) {
    .card-media-button .card-media-footer {
        width: 30vw;
        padding-right: 10px;
        margin: 0
    }
}

.card-media {
    color: var(--dark)
}

.card-media-body,
.card-media-footer,
.card-media-header {
    margin: 20px
}

.card-media-header img {
    max-width: 100%
}

.card-media-header img.small {
    max-width: 25%
}

.card-media-header .card-media-header .ci-falling-hole {
    font-size: 100px
}

.ci-calendar {
    font-size: 60px;
    color: var(--secondary-medium)
}

.card-primary .card-media-title,
.card-primary i {
    color: var(--primary)
}

.card-bordered {
    text-align: center;
    border-radius: 15px;
    border: 1px solid var(--secondary);
    box-shadow: 0 2px 8px hsla(0, 0%, 62%, .15)
}

@media (max-width:991px) {
    .card-bordered {
        width: 265px
    }
}

hotel-room-card {
    width: 100%;
    height: 100%
}

.hotel-room-card {
    max-height: 100%;
    max-width: 100%;
    overflow-y: auto
}

.hotel-room-card.hotel-room-card-default {
    background-color: var(--white);
    border-radius: 5px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .hotel-room-card {
        padding: 20px;
        display: flex
    }

    .hotel-room-card .hotel-room-card-left {
        width: 40%;
        padding-right: 20px
    }

    .hotel-room-card .hotel-room-card-right {
        width: 60%
    }

    .hotel-room-card .hotel-room-card-right.full-width {
        width: 100%
    }
}

@media (max-width:991px) {
    .hotel-room-card .hotel-room-card-right {
        padding: 20px
    }
}

.hotel-room-card .name {
    font-size: 19px;
    margin-bottom: 15px
}

.hotel-room-card .hotel-room-card-items {
    margin-bottom: 15px;
    font-size: 15px
}

.hotel-room-card .hotel-room-item {
    display: flex;
    align-items: start;
    margin-bottom: 5px
}

.hotel-room-card .hotel-room-item ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.hotel-room-card .hotel-room-item i {
    font-size: 17px;
    margin-right: 10px
}

.hotel-room-card .hotel-room-item p {
    margin: 0;
    padding: 0
}

.hotel-room-card .services-title {
    font-size: 17px;
    margin-bottom: 5px
}

.hotel-room-card .services {
    line-height: 2;
    font-size: 15px
}

.hotel-room-card .description {
    margin-bottom: 10px;
    font-size: 15px
}

@media (max-width:991px) {
    .hotel-room-card .description {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .hotel-room-card .booking-button-container {
        text-align: right;
        margin-top: 35px
    }
}

@media (max-width:991px) {
    .hotel-room-card .booking-button-container {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 15px 15px 10px
    }
}

.hotel-room-card .hotel-room-gallery .swiper-button-next,
.hotel-room-card .hotel-room-gallery .swiper-button-prev {
    width: 25px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.hotel-room-card .hotel-room-gallery .swiper-button-next i,
.hotel-room-card .hotel-room-gallery .swiper-button-prev i {
    font-size: 10px;
    color: var(--secondary-darker)
}

@media (max-width:991px) {

    .hotel-room-card .hotel-room-gallery .swiper-button-next,
    .hotel-room-card .hotel-room-gallery .swiper-button-prev {
        display: none
    }
}

.hotel-room-card .hotel-room-gallery .swiper-slide img {
    max-width: none
}

@media (min-width:992px) {
    .hotel-room-card .hotel-room-gallery .swiper-slide img {
        border-radius: 10px
    }
}

.hotel-room-card .hotel-room-gallery .single-img {
    object-fit: cover;
    width: 100%;
    max-width: none;
    margin: auto
}

@media (min-width:992px) {
    .hotel-room-card .hotel-room-gallery .single-img {
        border-radius: 10px
    }
}

.hotel-room-card .hotel-room-gallery .swiper-pagination {
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    right: 10px;
    left: auto;
    margin: 0;
    width: auto;
    color: #fff;
    background-color: var(--secondary-darker);
    border-radius: 100px;
    padding: 0 5px
}

@media (min-width:992px) {
    .hotel-room-card .hotel-room-gallery .swiper-pagination {
        display: none
    }
}

.hotel-room-card .hotel-card-button {
    border-radius: 100px;
    font-weight: 700;
    padding: 0 25px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-decoration: none
}

@media (max-width:991px) {
    .hotel-room-card .hotel-card-button {
        width: -webkit-fill-available
    }
}

.hotel-room-card .hotel-card-button-container {
    text-align: right
}

#service-url:active,
#service-url:link,
#service-url:visited {
    color: var(--primary)
}

.hotel-highlighted-service {
    margin: 15px
}

@media (max-width:991px) {
    .hotel-highlighted-service {
        margin: 20px
    }
}

.hotel-highlighted-service i {
    font-size: 70px;
    color: var(--gamma)
}

.hotel-highlighted-service .service-info-body,
.hotel-highlighted-service .service-info-header {
    align-items: center
}

.hotel-highlighted-service .service-info-body .info-text,
.hotel-highlighted-service .service-info-header .info-text {
    color: var(--gamma)
}

@media (max-width:991px) {
    .hotel-highlighted-service .hotel-highlighted-service-card {
        flex-direction: column
    }
}

@media (max-width:991px) {
    .hotel-highlighted-service .hotel-highlighted-service-info {
        margin-left: 0;
        margin-top: 20px
    }
}

.collapse .collapse-content {
    overflow: hidden;
    transition: max-height .2s ease
}

.collapse .collapse-content,
.collapse .collapse-content-full {
    max-height: 100%
}

.collapse.collapsed .collapse-content {
    max-height: 200px
}

.collapse.collapsed .collapse-content-full {
    max-height: 0
}

.collapse .collapse-toggle {
    cursor: pointer
}

.collapse.collapsed {
    position: relative
}

.collapse.collapsed .hidden-collapsed,
.collapse:not(.collapsed) .visible-collapsed,
.double-collapse .collapse.collapsed>div>.hidden-collapsed {
    display: none
}

.double-collapse .collapse.collapsed:not(.collapsed)>div>.hidden-collapsed,
.double-collapse .collapse.collapsed>div>.visible-collapsed {
    display: block
}

.double-collapse .collapse.collapsed>div>visible-collapsed-flex {
    display: flex
}

.double-collapse .collapse:not(.collapsed)>div>.visible-collapsed {
    display: none
}

.collapse-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    cursor: pointer;
    color: var(--secondary-darker);
    margin-top: 15px
}

.collapse-button>.ci {
    margin-left: 10px;
    margin-top: 3px
}

.over-text-shadow {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--white) 96.35%);
    bottom: 25px;
    left: -15px;
    right: -15px;
    position: absolute;
    height: 50px
}

.collapse:not(.collapsed) .over-text-shadow {
    display: none
}

.animated-icon {
    display: inline-flex;
    align-items: center
}

.collapse.collapsed .animated-icon {
    transform: rotate(0deg);
    transition: transform .2s linear
}

.collapse:not(.collapsed) .animated-icon {
    transform: rotate(180deg);
    transition: transform .2s linear
}

.collapse.collapsed>div>.hidden-collapsed {
    display: none
}

.collapse.collapsed:not(.collapsed)>div>.hidden-collapsed,
.collapse.collapsed>div>.visible-collapsed {
    display: block
}

.collapse.collapsed>div>visible-collapsed-flex {
    display: flex
}

.collapse:not(.collapsed)>div>.visible-collapsed,
.collapse:not(.collapsed)>div>.visible-collapsed-flex {
    display: none
}

.popover-wrapper {
    position: relative;
    display: inline-block
}

.popover-wrapper a {
    color: inherit
}

.popover-wrapper .popover-backdrop {
    display: none
}

@media (min-width:992px) {

    .popover-wrapper:hover .popover-content,
    .popover-wrapper:hover:before {
        display: block;
        opacity: 1
    }

    .popover-wrapper.popover-top:before {
        bottom: calc(100% + 5px);
        left: calc(50% - 5px)
    }

    .popover-wrapper.popover-top .popover-content-container {
        bottom: 100%;
        padding-bottom: 10px
    }

    .popover-wrapper.popover-left:before {
        top: calc(50% - 5px);
        right: calc(100% + 5px)
    }

    .popover-wrapper.popover-left .popover-content-container {
        top: 0;
        right: 100%;
        padding-right: 10px
    }

    .popover-wrapper.popover-right:before {
        top: calc(50% - 5px);
        left: calc(100% + 5px)
    }

    .popover-wrapper.popover-right .popover-content-container {
        top: 0;
        left: 100%;
        padding-left: 10px
    }

    .popover-wrapper.popover-bottom:before {
        top: calc(100% + 5px);
        left: calc(50% - 5px)
    }

    .popover-wrapper.popover-bottom .popover-content-container {
        top: 100%;
        left: 0;
        padding-top: 10px
    }

    .popover-wrapper:before {
        content: "";
        height: 12px;
        width: 12px;
        position: absolute;
        transform: rotate(45deg);
        transform-origin: center center;
        display: none
    }

    .popover-wrapper .popover-content-container {
        position: absolute;
        z-index: 1
    }

    .popover-wrapper .popover-content {
        opacity: 0;
        display: none;
        padding: 10px 15px;
        width: auto;
        font-size: 14px;
        border-radius: 5px;
        min-width: 250px;
        z-index: 1
    }
}

@media (max-width:991px) {
    .popover-wrapper.popover-active .popover-content {
        bottom: 0
    }

    .popover-wrapper.popover-active .popover-backdrop {
        display: block
    }

    .popover-wrapper .popover-backdrop {
        position: fixed;
        content: " ";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999
    }

    .popover-wrapper .popover-content {
        position: fixed;
        bottom: -100%;
        left: 0;
        right: 0;
        transition: all .5s ease-out;
        display: block;
        z-index: 999999;
        border-radius: 20px 20px 0 0;
        padding: 20px;
        box-shadow: 0 -10px 14px 4px rgba(0, 0, 0, .15);
        font-size: 15px
    }

    .popover-wrapper .popover-content:before,
    .popover-wrapper.popover-desktop .popover-backdrop,
    .popover-wrapper.popover-desktop .popover-content {
        display: none
    }
}

.popover-outline-primary-light .popover-content {
    background-color: #fff;
    color: var(--primary-light);
    border: 1px solid var(--primary-light)
}

.popover-secondary-darker:before {
    background-color: var(--secondary-darker)
}

.popover-secondary-darker .popover-content {
    background-color: var(--secondary-darker);
    color: var(--white)
}

@media (max-width:991px) {
    .popover-secondary-darker .popover-content {
        background-color: var(--white);
        color: var(--secondary-darker)
    }
}

.progress-bar {
    width: 100%;
    height: 8px;
    position: relative
}

.progress-bar-background {
    border-radius: 100px;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 2px
}

.progress-bar-value {
    border-radius: 10px;
    height: 8px;
    position: absolute;
    max-width: 100%
}

.progress-bar-container-primary .progress-bar .progress-bar-value {
    background-color: var(--primary)
}

.progress-bar-container-primary .progress-bar .progress-bar-background {
    background-color: var(--primary-lighter)
}

.faq-question-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0
}

.faq-question-text::slotted(*) {
    font-size: 17px;
    margin-right: 20px
}

.faq-answer-text::slotted(*) {
    padding-bottom: 20px
}

.faq-answer-section {
    font-size: 14px;
    border-bottom: 1px solid var(--secondary-light)
}

.text-collapse .text-title {
    padding-bottom: 20px
}

.text-collapse .text-title .text-description-title-section {
    font-size: 21px;
    margin-bottom: 15px
}

.text-collapse .text-description-content-collapsed {
    font-size: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: max-height .2s ease-out;
    max-height: 6em
}

.text-collapse .text-description-collapse-button {
    color: var(--secondary-darker);
    font-size: 15px;
    display: flex;
    flex-direction: row;
    text-decoration: underline;
    justify-content: flex-end;
    cursor: pointer
}

.text-collapse .text-description-collapse-button i {
    transform: rotate(0deg);
    transition: transform .2s linear
}

.text-collapse .collapse:not(.collapsed) .text-description-collapse-button i {
    transform: rotate(180deg);
    transition: transform .2s linear
}