/* CacheFile: /core/css/critical.min.css*/
@charset "UTF-8";@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-100.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-100italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 200;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-200.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 200;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-200italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-300.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-300italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-500.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-500italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-600.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 600;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-600italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-700.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-700italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 800;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-800.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 800;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-800italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-900.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: url(/shared/fonts/Roboto/roboto-v48-latin-900italic.woff2) format("woff2")
}

@font-face {
    font-family: "Thomas Headline Light";
    src: url(/shared/fonts/thomasheadlinecelight/thomasheadlinecelight_2_4-webfont.eot);
    src: url(/shared/fonts/thomasheadlinecelight/thomasheadlinecelight_2_4-webfont.eot?#iefix) format("embedded-opentype"),url(/shared/fonts/thomasheadlinecelight/thomasheadlinecelight_2_4-webfont.woff2) format("woff2"),url(/shared/fonts/thomasheadlinecelight/thomasheadlinecelight_2_4-webfont.woff) format("woff"),url(/shared/fonts/thomasheadlinecelight/thomasheadlinecelight_2_4-webfont.ttf) format("truetype"),url(/shared/fonts/thomasheadlinecelight/thomasheadlinecelight_2_4-webfont.svg#thomas_headline_celight) format("svg");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Thomas Headline";
    src: url(/shared/fonts/thomasheadlinecebold/thomasheadlinecebold_2_4-webfont.eot);
    src: url(/shared/fonts/thomasheadlinecebold/thomasheadlinecebold_2_4-webfont.eot?#iefix) format("embedded-opentype"),url(/shared/fonts/thomasheadlinecebold/thomasheadlinecebold_2_4-webfont.woff2) format("woff2"),url(/shared/fonts/thomasheadlinecebold/thomasheadlinecebold_2_4-webfont.woff) format("woff"),url(/shared/fonts/thomasheadlinecebold/thomasheadlinecebold_2_4-webfont.ttf) format("truetype"),url(/shared/fonts/thomasheadlinecebold/thomasheadlinecebold_2_4-webfont.svg#thomas_headline_cebold) format("svg");
    font-style: normal;
    font-display: swap
}

:root {
    --icon-family: "Holidayland";
    --hl-icon-path: "/shared/fonts/holidayland/fonts"
}

:root {
	--hl-account             : "\e923";
	--hl-add                 : "\e900";
	--hl-arrow-circle-down   : "\e931";
	--hl-arrow-circle-right  : "\e932";
	--hl-arrow-down          : "\e933";
	--hl-arrow-left          : "\e934";
	--hl-arrow-right         : "\e936";
	--hl-arrow-right-line    : "\e95b";
	--hl-arrow-small-left    : "\e937";
	--hl-arrow-small-right   : "\e938";
	--hl-arrow-top           : "\e93b";
	--hl-arrow-up            : "\e93d";
	--hl-award               : "\e941";
	--hl-bang                : "\e942";
	--hl-bed                 : "\e909";
	--hl-bed1                : "\e943";
	--hl-bike                : "\e901";
	--hl-boat                : "\e949";
	--hl-calendar            : "\e90b";
	--hl-calendar-bold       : "\e903";
	--hl-camera              : "\e94e";
	--hl-car                 : "\e90c";
	--hl-case                : "\e94f";
	--hl-chat                : "\e950";
	--hl-check               : "\e953";
	--hl-check-box           : "\e954";
	--hl-chevron-down        : "\e956";
	--hl-chevron-up          : "\e957";
	--hl-city                : "\e904";
	--hl-clock               : "\e919";
	--hl-close               : "\e958";
	--hl-compass             : "\e962";
	--hl-cruise              : "\e90e";
	--hl-cup                 : "\e90a";
	--hl-diamond             : "\e90f";
	--hl-duration            : "\e910";
	--hl-edit                : "\e974";
	--hl-employees           : "\e948";
	--hl-euro                : "\e964";
	--hl-eye                 : "\e929";
	--hl-eye-off             : "\e92c";
	--hl-facebook            : "\e911";
	--hl-family              : "\e912";
	--hl-fax                 : "\e920";
	--hl-gift                : "\e921";
	--hl-h24                 : "\e922";
	--hl-heart               : "\e966";
	--hl-heart-active        : "\e965";
	--hl-helicopter          : "\e924";
	--hl-hotel               : "\e925";
	--hl-house               : "\e926";
	--hl-house_2             : "\e927";
	--hl-info                : "\e928";
	--hl-instagram           : "\e914";
	--hl-label               : "\e92a";
	--hl-light               : "\e92b";
	--hl-location            : "\e915";
	--hl-location-outline    : "\e972";
	--hl-lock                : "\e935";
	--hl-login               : "\e96e";
	--hl-lupe                : "\e92d";
	--hl-mail                : "\e967";
	--hl-mountains           : "\e975";
	--hl-multiselect         : "\e92e";
	--hl-newsletter          : "\e94c";
	--hl-openinghours        : "\e94d";
	--hl-parasol             : "\e939";
	--hl-people              : "\e93a";
	--hl-people-3            : "\e93c";
	--hl-percent             : "\e96f";
	--hl-person              : "\e908";
	--hl-person-female       : "\e93e";
	--hl-person-male         : "\e93f";
	--hl-phone               : "\e968";
	--hl-phone-new           : "\e947";
	--hl-phone1              : "\e940";
	--hl-plane-outline       : "\e905";
	--hl-plane-outline-bold  : "\e916";
	--hl-plane-outline-mid   : "\e90d";
	--hl-play                : "\e902";
	--hl-plus                : "\e944";
	--hl-pool                : "\e945";
	--hl-printer             : "\e946";
	--hl-profile             : "\e976";
	--hl-refresh             : "\e92f";
	--hl-refresh-full        : "\e930";
	--hl-safety              : "\e96d";
	--hl-satisfactionpromise : "\e94a";
	--hl-search              : "\e951";
	--hl-share               : "\e969";
	--hl-skype               : "\e952";
	--hl-smartphone          : "\e96a";
	--hl-sport               : "\e955";
	--hl-star                : "\e96b";
	--hl-star-google         : "\e96c";
	--hl-star-outline        : "\e970";
	--hl-suitcase            : "\e918";
	--hl-suitcase-outline    : "\e971";
	--hl-suitcase-outline2   : "\e917";
	--hl-sun                 : "\e907";
	--hl-threesixty          : "\e959";
	--hl-thumb               : "\e913";
	--hl-thumb-noresize      : "\e95a";
	--hl-tiktok              : "\e91a";
	--hl-trace               : "\e973";
	--hl-trash               : "\e95c";
	--hl-traveler            : "\e91b";
	--hl-triangle-down       : "\e95d";
	--hl-wallet              : "\e95e";
	--hl-water               : "\e906";
	--hl-wellness            : "\e91c";
	--hl-whatsapp            : "\e91d";
	--hl-world               : "\e91e";
	--hl-world-bold          : "\e91f";
	--hl-x                   : "\e963";
	--hl-youtube             : "\e94b";
	--hl-zen                 : "\e95f";
	--hl-zoom-in             : "\e960";
	--hl-zoom-out            : "\e961";
}

@font-face {
    font-family: Holidayland;
    src: url(/shared/fonts/holidayland/fonts/Holidayland.woff2?te0sxq) format("woff2"),url(/shared/fonts/holidayland/fonts/Holidayland.ttf?te0sxq) format("truetype"),url(/shared/fonts/holidayland/fonts/Holidayland.woff?te0sxq) format("woff"),url(/shared/fonts/holidayland/fonts/Holidayland.svg?v#Holidayland) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.hl {
    font-family: Holidayland!important;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    speak: never;
    text-transform: none
}

.hl-account:before {
    content: var(--hl-account)
}

.hl-add:before {
    content: var(--hl-add)
}

.hl-arrow-circle-down:before {
    content: var(--hl-arrow-circle-down)
}

.hl-arrow-circle-right:before {
    content: var(--hl-arrow-circle-right)
}

.hl-arrow-down:before {
    content: var(--hl-arrow-down)
}

.hl-arrow-left:before {
    content: var(--hl-arrow-left)
}

.hl-arrow-right:before {
    content: var(--hl-arrow-right)
}

.hl-arrow-right-line:before {
    content: var(--hl-arrow-right-line)
}

.hl-arrow-small-left:before {
    content: var(--hl-arrow-small-left)
}

.hl-arrow-small-right:before {
    content: var(--hl-arrow-small-right)
}

.hl-arrow-top:before {
    content: var(--hl-arrow-top)
}

.hl-arrow-up:before {
    content: var(--hl-arrow-up)
}

.hl-award:before {
    content: var(--hl-award)
}

.hl-bang:before {
    content: var(--hl-bang)
}

.hl-bed:before {
    content: var(--hl-bed)
}

.hl-bed1:before {
    content: var(--hl-bed1)
}

.hl-bike:before {
    content: var(--hl-bike)
}

.hl-boat:before {
    content: var(--hl-boat)
}

.hl-calendar:before {
    content: var(--hl-calendar)
}

.hl-calendar-bold:before {
    content: var(--hl-calendar-bold)
}

.hl-camera:before {
    content: var(--hl-camera)
}

.hl-car:before {
    content: var(--hl-car)
}

.hl-case:before {
    content: var(--hl-case)
}

.hl-chat:before {
    content: var(--hl-chat)
}

.hl-check:before {
    content: var(--hl-check)
}

.hl-check-box:before {
    content: var(--hl-check-box)
}

.hl-chevron-down:before {
    content: var(--hl-chevron-down)
}

.hl-chevron-up:before {
    content: var(--hl-chevron-up)
}

.hl-city:before {
    content: var(--hl-city)
}

.hl-clock:before {
    content: var(--hl-clock)
}

.hl-close:before {
    content: var(--hl-close)
}

.hl-compass:before {
    content: var(--hl-compass)
}

.hl-cruise:before {
    content: var(--hl-cruise)
}

.hl-cup:before {
    content: var(--hl-cup)
}

.hl-diamond:before {
    content: var(--hl-diamond)
}

.hl-duration:before {
    content: var(--hl-duration)
}

.hl-edit:before {
    content: var(--hl-edit)
}

.hl-employees:before {
    content: var(--hl-employees)
}

.hl-euro:before {
    content: var(--hl-euro)
}

.hl-eye:before {
    content: var(--hl-eye)
}

.hl-eye-off:before {
    content: var(--hl-eye-off)
}

.hl-facebook:before {
    content: var(--hl-facebook)
}

.hl-family:before {
    content: var(--hl-family)
}

.hl-fax:before {
    content: var(--hl-fax)
}

.hl-gift:before {
    content: var(--hl-gift)
}

.hl-h24:before {
    content: var(--hl-h24)
}

.hl-heart:before {
    content: var(--hl-heart)
}

.hl-heart-active:before {
    content: var(--hl-heart-active)
}

.hl-helicopter:before {
    content: var(--hl-helicopter)
}

.hl-hotel:before {
    content: var(--hl-hotel)
}

.hl-house:before {
    content: var(--hl-house)
}

.hl-house_2:before {
    content: var(--hl-house_2)
}

.hl-info:before {
    content: var(--hl-info)
}

.hl-instagram:before {
    content: var(--hl-instagram)
}

.hl-label:before {
    content: var(--hl-label)
}

.hl-light:before {
    content: var(--hl-light)
}

.hl-location:before {
    content: var(--hl-location)
}

.hl-location-outline:before {
    content: var(--hl-location-outline)
}

.hl-lock:before {
    content: var(--hl-lock)
}

.hl-login:before {
    content: var(--hl-login)
}

.hl-lupe:before {
    content: var(--hl-lupe)
}

.hl-mail:before {
    content: var(--hl-mail)
}

.hl-mountains:before {
    content: var(--hl-mountains)
}

.hl-multiselect:before {
    content: var(--hl-multiselect)
}

.hl-newsletter:before {
    content: var(--hl-newsletter)
}

.hl-openinghours:before {
    content: var(--hl-openinghours)
}

.hl-parasol:before {
    content: var(--hl-parasol)
}

.hl-people:before {
    content: var(--hl-people)
}

.hl-people-3:before {
    content: var(--hl-people-3)
}

.hl-percent:before {
    content: var(--hl-percent)
}

.hl-person:before {
    content: var(--hl-person)
}

.hl-person-female:before {
    content: var(--hl-person-female)
}

.hl-person-male:before {
    content: var(--hl-person-male)
}

.hl-phone:before {
    content: var(--hl-phone)
}

.hl-phone-new:before {
    content: var(--hl-phone-new)
}

.hl-phone1:before {
    content: var(--hl-phone1)
}

.hl-plane-outline:before {
    content: var(--hl-plane-outline)
}

.hl-plane-outline-bold:before {
    content: var(--hl-plane-outline-bold)
}

.hl-plane-outline-mid:before {
    content: var(--hl-plane-outline-mid)
}

.hl-play:before {
    content: var(--hl-play)
}

.hl-plus:before {
    content: var(--hl-plus)
}

.hl-pool:before {
    content: var(--hl-pool)
}

.hl-printer:before {
    content: var(--hl-printer)
}

.hl-profile:before {
    content: var(--hl-profile)
}

.hl-refresh:before {
    content: var(--hl-refresh)
}

.hl-refresh-full:before {
    content: var(--hl-refresh-full)
}

.hl-safety:before {
    content: var(--hl-safety)
}

.hl-satisfactionpromise:before {
    content: var(--hl-satisfactionpromise)
}

.hl-search:before {
    content: var(--hl-search)
}

.hl-share:before {
    content: var(--hl-share)
}

.hl-skype:before {
    content: var(--hl-skype)
}

.hl-smartphone:before {
    content: var(--hl-smartphone)
}

.hl-sport:before {
    content: var(--hl-sport)
}

.hl-star:before {
    content: var(--hl-star)
}

.hl-star-google:before {
    content: var(--hl-star-google)
}

.hl-star-outline:before {
    content: var(--hl-star-outline)
}

.hl-suitcase:before {
    content: var(--hl-suitcase)
}

.hl-suitcase-outline:before {
    content: var(--hl-suitcase-outline)
}

.hl-suitcase-outline2:before {
    content: var(--hl-suitcase-outline2)
}

.hl-sun:before {
    content: var(--hl-sun)
}

.hl-threesixty:before {
    content: var(--hl-threesixty)
}

.hl-thumb:before {
    content: var(--hl-thumb)
}

.hl-thumb-noresize:before {
    content: var(--hl-thumb-noresize)
}

.hl-tiktok:before {
    content: var(--hl-tiktok)
}

.hl-trace:before {
    content: var(--hl-trace)
}

.hl-trash:before {
    content: var(--hl-trash)
}

.hl-traveler:before {
    content: var(--hl-traveler)
}

.hl-triangle-down:before {
    content: var(--hl-triangle-down)
}

.hl-wallet:before {
    content: var(--hl-wallet)
}

.hl-water:before {
    content: var(--hl-water)
}

.hl-wellness:before {
    content: var(--hl-wellness)
}

.hl-whatsapp:before {
    content: var(--hl-whatsapp)
}

.hl-world:before {
    content: var(--hl-world)
}

.hl-world-bold:before {
    content: var(--hl-world-bold)
}

.hl-x:before {
    content: var(--hl-x)
}

.hl-youtube:before {
    content: var(--hl-youtube)
}

.hl-zen:before {
    content: var(--hl-zen)
}

.hl-zoom-in:before {
    content: var(--hl-zoom-in)
}

.hl-zoom-out:before {
    content: var(--hl-zoom-out)
}

/* CacheFile: /core/css/coreIBE.min.css*/
:root {
    --hl-apple: #CADCB5;
    --hl-berlin: #CCCCCC;
    --hl-black: #1A1A1A;
    --hl-blossom: #A76486;
    --hl-border: #ccc;
    --hl-caribean: #009A89;
    --hl-coconut: #ECECEB;
    --hl-grey: #666666;
    --hl-ice: #CEE3E8;
    --hl-icelight: #ECF6F9;
    --hl-light: #FFE763;
    --hl-lightgrey: #FAFAFA;
    --hl-primary: #005971;
    --hl-sea: #1B8C9F;
    --hl-sundown: #E52027;
    --hl-sunny: #FECC00;
    --hl-sunrise: #EF7C00;
    --hl-tree: #006933;
    --hl-white: #fff
}

:root {
    --roboto: "Roboto",Helvetica,Arial,sans-serif;
    --thomasheadline: "Thomas Headline","Roboto",Helvetica,Arial,sans-serif;
    --thomasheadlinelight: "Thomas Headline Light","Roboto",Helvetica,Arial,sans-serif;
    --box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .1)
}

body {
    display: flex;
    flex-direction: column;
    margin: 0
}

body,html {
    height: 100%;
    min-height: 100%
}

header,main,pre {
    flex: 1 0 auto
}

footer,header {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

footer *,header * {
    box-sizing: border-box
}

footer a,header a {
    text-decoration: none
}

footer .hl,header .hl {
    font-family: Holidayland!important;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    speak: never;
    text-transform: none
}

header {
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    header {
        margin-bottom:60px!important
    }
}

.navigation__menu {
    z-index: 99!important
}

@media (min-width: 1024px) {
    .navigation__top__menu {
        padding-right:0!important
    }
}

@media (min-width: 576px) {
    .navigation__bottom__menu,.navigation__top__menu {
        max-width:540px!important
    }
}

@media (min-width: 768px) {
    .navigation__bottom__menu,.navigation__top__menu {
        max-width:720px!important
    }
}

@media (min-width: 992px) {
    .navigation__bottom__menu,.navigation__top__menu {
        max-width:960px!important
    }
}

@media (min-width: 1140px) {
    .navigation__bottom__menu,.navigation__top__menu {
        padding:0 20px!important;
        max-width: 980px!important
    }
}

@media (min-width: 1200px) {
    .navigation__bottom__menu,.navigation__top__menu {
        max-width:1140px!important
    }
}

@media (min-width: 1540px) {
    .navigation__bottom__menu,.navigation__top__menu {
        padding:0;
        max-width: 1520px!important
    }
}

.navigation__item p {
    margin-top: 0;
    margin-bottom: 1rem
}

/* CacheFile: /webAddons/header/css/header.min.css*/
.navigation__top {
    background: var(--hl-primary);
    display: none;
    height: 36px
}

@media (min-width: 1024px) {
    .navigation__top {
        display:block
    }
}

.navigation__top__menu {
    align-items: center;
    display: flex;
    gap: 20px;
    height: 100%;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1110px
}

@media (min-width: 1024px) {
    .navigation__top__menu {
        padding-right:20px
    }
}

@media (min-width: 1140px) {
    .navigation__top__menu {
        padding:0
    }
}

.navigation__top__menu a {
    color: #fff;
    font-size: 14px
}

.navigation__top__item {
    display: none
}

@media (min-width: 1024px) {
    .navigation__top__item {
        align-items:center;
        display: flex
    }
}

.navigation__top__item i {
    margin-right: 5px
}

.navigation__top__item .hl-heart,.navigation__top__item .hl-mail {
    font-size: 16px
}

.navigation__top__item.bookmarkCounter .count {
    padding-left: 5px
}

.navigation__bottom {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
    height: 60px;
    padding: 0 20px
}

@media (min-width: 1140px) {
    .navigation__bottom {
        padding:0
    }
}

.navigation__bottom__menu {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1110px;
    position: relative
}

.navigation__logo {
    display: block;
    height: 100%;
    max-width: 200px;
    margin-right: 20px
}

.navigation__logo picture {
    height: 100%;
    width: 100%
}

.navigation__logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.navigation__items {
    display: none;
    gap: 20px;
    height: 100%
}

@media (min-width: 1024px) {
    .navigation__items {
        display:flex
    }
}

.navigation__item {
    height: 100%;
    position: relative
}

.navigation__item.hasSub:active .navigation__menu__sub,.navigation__item.hasSub:focus .navigation__menu__sub,.navigation__item.hasSub:hover .navigation__menu__sub {
    display: flex;
    flex-wrap: wrap
}

.navigation__item a,.navigation__item p {
    align-items: center;
    color: var(--hl-black);
    display: flex;
    font-family: var(--roboto);
    font-size: 14px;
    height: 100%;
    text-transform: uppercase
}

.navigation__item a:active+.navigation__sub,.navigation__item a:focus+.navigation__sub,.navigation__item a:hover+.navigation__sub,.navigation__item p:active+.navigation__sub,.navigation__item p:focus+.navigation__sub,.navigation__item p:hover+.navigation__sub {
    display: flex
}

.navigation__item p {
    cursor: pointer
}

.navigation__sub {
    background: #fff;
    border-bottom: 2px solid var(--hl-primary);
    box-shadow: var(--box-shadow);
    display: none;
    flex-direction: column;
    justify-content: center;
    min-width: 200px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2
}

.navigation__sub__item {
    border-bottom: 1px solid var(--hl-coconut);
    font-size: 14px;
    padding: 13px 0;
    white-space: nowrap;
    width: 100%
}

.navigation__sub__item:first-of-type {
    padding-top: 0
}

.navigation__sub__item:last-of-type {
    border: none;
    padding-bottom: 0
}

.navigation__sub__item a {
    align-items: flex-start;
    display: flex
}

.navigation__sub__item picture {
    border-radius: 7px;
    margin-bottom: 10px;
    overflow: hidden
}

.navigation__sub__item p {
    font-size: 16px;
    margin: 0
}

@media (min-width: 1024px) {
    .navigation__sub__item p {
        font-size:14px
    }
}

.navigation__burger {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: visible;
    position: relative;
    transition-duration: .15s;
    transition-property: opacity,filter
}

@media (min-width: 1024px) {
    .navigation__burger {
        display:none
    }
}

.navigation__burger.open .navigation__burger__inner {
    transform: translate3d(0,0,0) rotate(45deg);
    width: 23px
}

.navigation__burger.open .navigation__burger__inner:before {
    opacity: 0;
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0)
}

.navigation__burger.open .navigation__burger__inner:after {
    transform: translate3d(0,-6px,0) rotate(-90deg)
}

.navigation__burger__box {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 23px
}

.navigation__burger__inner {
    background: var(--hl-primary);
    border-radius: 5px;
    display: block;
    height: 3px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 18px
}

.navigation__burger__inner:after,.navigation__burger__inner:before {
    background: var(--hl-primary);
    border-radius: 5px;
    content: "";
    display: block;
    height: 3px;
    margin-top: -2px;
    position: absolute;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 23px
}

.navigation__burger__inner:before {
    top: -4px;
    transition-duration: .15s;
    transition-property: transform,opacity;
    transition-timing-function: ease
}

.navigation__burger__inner:after {
    top: 8px
}

.navigation__menu {
    background: #fff;
    height: 100vh;
    opacity: 0;
    padding: 15px;
    position: fixed;
    right: -100%;
    top: 50px;
    transition: all .5s cubic-bezier(.395,.105,0,1.11);
    width: 100vw;
    z-index: 3
}

@media (min-width: 1024px) {
    .navigation__menu {
        display:none;
        height: auto;
        opacity: 1;
        padding: 0;
        position: relative;
        right: auto;
        top: 0;
        width: auto
    }
}

.navigation__menu.open {
    opacity: 1;
    right: 0
}

@media (min-width: 1024px) {
    .navigation__menu__items {
        display:flex;
        gap: 20px
    }
}

.navigation__menu__items hr {
    background: var(--hl-primary);
    height: 2px
}

@media (min-width: 1024px) {
    .navigation__menu__items hr {
        display:none
    }
}

.navigation__menu__item {
    align-items: center;
    display: flex;
    font-family: var(--roboto);
    font-size: 16px;
    min-height: 35px;
    position: relative
}

@media (min-width: 1024px) {
    .navigation__menu__item.bottom {
        display:none
    }
}

@media (min-width: 1024px) {
    .navigation__menu__item.hasSubmenu i {
        display:none
    }
}

@media (min-width: 1024px) {
    .navigation__menu__item.hasSubmenu:active .navigation__menu__sub,.navigation__menu__item.hasSubmenu:focus .navigation__menu__sub,.navigation__menu__item.hasSubmenu:hover .navigation__menu__sub {
        display:block
    }
}

.navigation__menu__item a {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    height: 100%;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.navigation__menu__item a i {
    font-size: 14px;
    margin-right: 7px
}

.navigation__menu__item>i {
    font-size: 14px
}

.navigation__menu__sub {
    background: #fff;
    border-bottom: 2px solid var(--hl-primary);
    height: 100vh;
    padding: 15px;
    position: fixed;
    right: -100%;
    top: 50px;
    transition: all .5s cubic-bezier(.395,.105,0,1.11);
    width: 100vw;
    z-index: 2
}

@media (min-width: 1024px) {
    .navigation__menu__sub {
        box-shadow:var(--box-shadow);
        display: none;
        height: auto;
        position: absolute;
        right: auto;
        top: 100%;
        width: auto
    }
}

.navigation__menu__sub.open {
    right: 0
}

.navigation__back {
    align-items: center;
    display: flex;
    height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .navigation__back {
        display:none
    }
}

.navigation__back i {
    font-size: 12px;
    margin-right: 5px
}

.navigation__back span {
    font-size: 16px
}

.header {
    margin: 0 auto;
    max-height: 580px;
    width: 100%
}

.header__wrapper {
    position: relative
}

.header__container {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.header__image {
    height: 390px
}

@media (min-width: 768px) {
    .header__image {
        height:580px
    }
}

.header__box {
    margin: 0 auto;
    max-width: 1110px;
    width: 100%
}

.header__content {
    padding: 30px 15px 0 15px
}

@media (min-width: 768px) {
    .header__content {
        padding:50px 50px 0 50px
    }
}

@media (min-width: 1024px) {
    .header__content {
        padding:50px 0 0 50px;
        width: 50%
    }
}

@media (min-width: 1366px) {
    .header__content {
        padding:50px 0 0 0
    }
}

.header__content h1 {
    background: var(--hl-white);
    border-radius: 7px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--hl-black);
    display: inline;
    font-family: var(--thomasheadline);
    font-size: 30px;
    line-height: 1.6;
    margin: 0;
    overflow: hidden;
    padding: 0 10px
}

@media (min-width: 768px) {
    .header__content h1 {
        font-size:48px
    }
}

.header__content p {
    background: var(--hl-white);
    border-radius: 7px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    font-family: var(--roboto);
    font-size: 12px;
    line-height: 2.4;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 5px 10px
}

@media (min-width: 768px) {
    .header__content p {
        font-size:16px
    }
}

.header__content .button {
    background: var(--hl-white);
    color: var(--hl-primary);
    margin-top: 10px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.header__title {
    margin-bottom: 5px
}

.header__text,.header__title {
    width: 100%
}

.header picture {
    display: block;
    height: 100%;
    width: 100%
}

.header picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 768px) {
    .header.swiper-initialized .swiper-button-next:not(.swiper-button-lock),.header.swiper-initialized .swiper-button-prev:not(.swiper-button-lock) {
        display:flex
    }
}

.header.swiper .swiper-pagination {
    bottom: 50px
}

@media (min-width: 768px) {
    .header.swiper .swiper-pagination {
        bottom:20px
    }
}

.header.swiper .swiper-pagination-bullet {
    background: var(--hl-white);
    border: 2px solid var(--hl-white);
    height: 10px;
    opacity: 1;
    width: 10px
}

.header.swiper .swiper-pagination-bullet-active {
    background: var(--hl-primary)
}

.header.swiper .swiper-button-next,.header.swiper .swiper-button-prev {
    cursor: pointer;
    display: none;
    height: 100%;
    margin: 0;
    max-height: 600px;
    top: 0;
    width: 7%;
    z-index: 2
}

.header.swiper .swiper-button-next:before,.header.swiper .swiper-button-prev:before {
    background: rgba(255,255,255,.5);
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    width: 30px
}

@media (min-width: 768px) {
    .header.swiper .swiper-button-next:before,.header.swiper .swiper-button-prev:before {
        height:40px;
        width: 40px
    }
}

.header.swiper .swiper-button-next:after,.header.swiper .swiper-button-prev:after {
    color: var(--hl-primary);
    font-family: Holidayland;
    font-size: 12px;
    position: absolute
}

@media (min-width: 768px) {
    .header.swiper .swiper-button-next:after,.header.swiper .swiper-button-prev:after {
        font-size:20px
    }
}

.header.swiper .swiper-button-prev {
    left: 0
}

.header.swiper .swiper-button-prev:before {
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    left: 0
}

.header.swiper .swiper-button-prev:after {
    content: var(--hl-arrow-left);
    left: 9px
}

.header.swiper .swiper-button-next {
    right: 0
}

.header.swiper .swiper-button-next:before {
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    right: 0
}

.header.swiper .swiper-button-next:after {
    content: var(--hl-arrow-right);
    right: 9px
}

/* CacheFile: /webAddons/footer/css/footer.min.css*/
.footer {
    margin-top: 30px
}

@media (min-width: 768px) {
    .footer {
        margin-top:60px
    }
}

.footer__top {
    background-color: var(--hl-primary)
}

.footer__boxes {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    margin: 0 auto;
    max-width: 1110px;
    padding: 15px
}

.footer__box {
    display: flex;
    flex-direction: column
}

.footer__box p {
    margin-bottom: 10px
}

.footer__box span {
    font-family: var(--roboto);
    font-size: 14px;
    margin-bottom: 5px
}

.footer__box a {
    color: var(--hl-white);
    font-family: var(--roboto);
    font-size: 16px;
    font-weight: 400
}

.footer__bottom {
    background-color: var(--hl-sea);
    display: flex;
    height: 60px;
    justify-content: center
}

.footer__socials {
    align-items: center;
    display: flex;
    height: 100%
}

.footer__socials span {
    color: var(--hl-white);
    font-family: var(--roboto);
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px
}

.footer__socials a {
    margin-right: 10px
}

.footer__socials i {
    color: var(--hl-white);
    font-size: 24px
}

.footer__title {
    cursor: default;
    font-size: 20px!important;
    font-weight: 800!important
}
