@charset "UTF-8";
/*$innerPageWidth: 118rem;*/
#mobileNav {
  box-shadow: 0 5px 5px rgba(0, 0, 0, .07);
  *zoom: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 120px;
  width: 100%;
  background: #fff;
  z-index: 1001; }
  #mobileNav:before, #mobileNav:after {
    content: " ";
    display: table; }
  #mobileNav:after {
    clear: both; }
  #mobileNav .menuIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.6s, padding-top 0.4s;
    display: block;
    height: 120px;
    padding: 0 20px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    padding-top: 20px; }
    #mobileNav .menuIcon span {
      transition: all 0.4s;
      position: relative;
      border-radius: 10px;
      display: block;
      height: 3px;
      width: 25px;
      background: #222;
      margin-bottom: 5px; }
      #mobileNav .menuIcon span.x3 {
        margin: 0; }
    #mobileNav .menuIcon.leftMenuIcon {
      left: 0; }
    #mobileNav .menuIcon.rightMenuIcon {
      right: 0; }
  #mobileNav .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    #mobileNav .logo svg {
      margin-top: 1rem;
      height: 4rem; }
  #mobileNav > .right {
    float: right;
    margin-right: 10px; }
  #mobileNav .icon {
    *zoom: 1;
    float: left;
    width: 50px;
    height: 120px;
    line-height: 120px;
    font-size: 20px;
    text-align: center; }
    #mobileNav .icon:before, #mobileNav .icon:after {
      content: " ";
      display: table; }
    #mobileNav .icon:after {
      clear: both; }
    #mobileNav .icon.mobileCart .productCountWrapper {
      font-size: 70%; }

.slidebar {
  border-right: 1px solid #ddd;
  padding-top: 6rem;
  background-color: #fff;
  display: none;
  color: #222;
  z-index: 1000; }
  .slidebar .innerWrapper {
    margin: 40px 30px;
    overflow-y: auto;
    padding: 1px; }
  .slidebar ul.treeMenu li {
    font-family: "Lora", serif;
    font-size: 1.4rem;
    *zoom: 1; }
    .slidebar ul.treeMenu li:before, .slidebar ul.treeMenu li:after {
      content: " ";
      display: table; }
    .slidebar ul.treeMenu li:after {
      clear: both; }
    .slidebar ul.treeMenu li a {
      width: calc(100% - 20px);
      float: left; }
    .slidebar ul.treeMenu li > a span {
      text-transform: uppercase;
      box-sizing: border-box;
      position: relative;
      color: currentColor; }
      .slidebar ul.treeMenu li > a span::before {
        content: "";
        position: absolute;
        top: 100%;
        width: 0%;
        height: 1px;
        background-color: currentColor;
        transition: width 500ms;
        margin-bottom: 1px;
        z-index: 100000; }
    .slidebar ul.treeMenu li > a.active span::before {
      width: 100%; }
    .slidebar ul.treeMenu li .fa {
      float: right;
      margin: 0;
      padding: .5rem 0 0 0; }
    .slidebar ul.treeMenu li ul {
      clear: both; }
      .slidebar ul.treeMenu li ul li {
        margin-left: 0; }
      .slidebar ul.treeMenu li ul a {
        font-family: "Lato", sans-serif;
        display: inline-block !important;
        padding-bottom: .3rem;
        margin-bottom: .3rem;
        width: auto; }
        .slidebar ul.treeMenu li ul a.active {
          color: #aaa; }
          .slidebar ul.treeMenu li ul a.active::before {
            width: 100%;
            background-color: #aaa; }
  .slidebar ul.treeMenu > li:last-of-type {
    margin-top: 2rem;
    border-top: 1px solid #ddd; }
    .slidebar ul.treeMenu > li:last-of-type a {
      margin-left: 2rem;
      position: relative; }
      .slidebar ul.treeMenu > li:last-of-type a span::after {
        display: inline-block;
        font-style: normal;
        font-feature-settings: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        content: "";
        color: inherit;
        margin-right: 16px;
        margin-right: 1rem;
        position: absolute;
        left: -32px;
        left: -2rem; }
  .slidebar ul.treeMenu.language > li {
    margin-top: 0;
    padding-top: .7rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid #ddd; }
    .slidebar ul.treeMenu.language > li > span {
      text-transform: uppercase; }
    .slidebar ul.treeMenu.language > li ul li.active {
      display: none; }
    .slidebar ul.treeMenu.language > li ul li img {
      display: none; }
    .slidebar ul.treeMenu.language > li ul li a {
      margin-left: 0; }
    .slidebar ul.treeMenu.language > li .fa {
      float: right;
      margin: 0;
      padding: 0 0 0 0; }

.canvasContainer {
  width: 100%;
  overflow: hidden; }
  .canvasContainer .pageWrapper,
  .canvasContainer .footer {
    transition: opacity 0.3s; }

html.slidebarsOpening .canvasContainer, html.slidebarsOpened .canvasContainer {
  overflow: hidden; }
  html.slidebarsOpening .canvasContainer .pageWrapper,
  html.slidebarsOpening .canvasContainer .footer, html.slidebarsOpened .canvasContainer .pageWrapper,
  html.slidebarsOpened .canvasContainer .footer {
    overflow: hidden;
    opacity: 0.15; }

html.slidebarsOpening.slidebarMenuOpened #mobileNav .menuIcon span, html.slidebarsOpened.slidebarMenuOpened #mobileNav .menuIcon span {
  margin: 0;
  transform-origin: center;
  width: 30px; }
  html.slidebarsOpening.slidebarMenuOpened #mobileNav .menuIcon span.x1, html.slidebarsOpened.slidebarMenuOpened #mobileNav .menuIcon span.x1 {
    transform: rotate(-45deg);
    bottom: -9px; }
  html.slidebarsOpening.slidebarMenuOpened #mobileNav .menuIcon span.x2, html.slidebarsOpened.slidebarMenuOpened #mobileNav .menuIcon span.x2 {
    opacity: 0; }
  html.slidebarsOpening.slidebarMenuOpened #mobileNav .menuIcon span.x3, html.slidebarsOpened.slidebarMenuOpened #mobileNav .menuIcon span.x3 {
    transform: rotate(45deg);
    bottom: -3px; }
  html.slidebarsOpening.slidebarMenuOpened #mobileNav .menuIcon span.ring, html.slidebarsOpened.slidebarMenuOpened #mobileNav .menuIcon span.ring {
    opacity: 1; }

@media all and (max-width: 1024px) {
  body:not(.startPage) .header-sizer {
    height: 120px; }
  body.startPage .heroContent {
    top: 50%;
    transform: translateY(-60%); }
  body.startPage #mobileNav {
    background: transparent;
    transition: background 500ms;
    box-shadow: none; }
    body.startPage #mobileNav::after {
      transition: background 500ms;
      background: transparent; }
    body.startPage #mobileNav .menuIcon span {
      background: #fff; }
    body.startPage #mobileNav .logo svg * {
      fill: #fff; }
  body.startPage .ctaBoxes {
    margin-top: 10rem; }
  body.startPage.sticky #mobileNav {
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .07); }
    body.startPage.sticky #mobileNav::after {
      background: #fff; }
    body.startPage.sticky #mobileNav .menuIcon span {
      background: #222; }
    body.startPage.sticky #mobileNav .logo svg * {
      fill: #212a52; }
  html.slidebarsOpened body.startPage #mobileNav .menuIcon span {
    background: #222; }
  #mobileNav {
    display: block; }
  .contentWrapper {
    padding-top: 0;
    padding-bottom: 0; }
  .startText {
    padding: 5% 5% 5% 5%; }
  .breadcrumbs {
    margin-bottom: 5%; }
  .lodgingNpackages {
    padding-bottom: 10%; }
  .socialIntegrations {
    margin-top: 5%; }
  .floatingBookingButton {
    position: fixed;
    bottom: 2rem;
    right: 2rem; }
    .floatingBookingButton a {
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      padding: 0; }
      .floatingBookingButton a svg {
        margin-right: 0 !important; }
      .floatingBookingButton a::before {
        display: none; }
      .floatingBookingButton a i.fa::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .floatingBookingButton a span {
        display: none; }
  .paralax .bgCont .bgImage {
    background-attachment: scroll; } }

@media all and (max-width: 768px) {
  body.startPage .paralax .bgCont h1 {
    padding: 0 2rem; }
  body.startPage .header .logo {
    -ms-flex-pack: center;
        justify-content: center;
    padding-right: 0px; }
  .header .logo {
    -ms-flex-pack: right;
        justify-content: right;
    padding-right: 30px; }
    .header .logo svg {
      height: 4rem; }
  .header .back-button {
    font-size: 1.4rem;
    position: absolute;
    z-index: 1002;
    left: 3rem;
    top: 4rem;
    margin-left: 0rem; }
  .start__boxes .packageBox {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    height: auto; }
    .start__boxes .packageBox .imgCont {
      width: 100%;
      height: 300px; }
    .start__boxes .packageBox .imgText {
      width: 100%;
      padding-bottom: 3rem; }
      .start__boxes .packageBox .imgText .imgText-top {
        padding: 3rem 3rem 1rem; }
  .button, .rowTwo .choose ul li a, a.button, .rowTwo .choose ul li a, input[type="submit"], button {
    line-height: 3.5rem;
    font-size: 1.4rem;
    height: 3.5rem;
    padding: 0 2rem; }
  .rowTwo .choose {
    margin-bottom: 12rem; }
    .rowTwo .choose ul {
      list-style: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: center;
          justify-content: center;
      justify-self: center;
      position: relative;
      width: 100%;
      margin: 0 auto !important;
      padding: 0 !important;
      text-align: center !important; }
      .rowTwo .choose ul li {
        margin: 10px;
        list-style: none;
        display: inline-block;
        width: 200px;
        text-align: center; } }

@media all and (max-width: 500px) {
  a.button.big {
    line-height: 5rem;
    height: 5rem;
    font-size: 1.6rem; }
    a.button.big svg {
      height: 2.5rem;
      top: .6rem; }
  .cookiePopup .innerWrapper a.button.cookieBtn {
    margin-bottom: 2rem; }
  .footer .top .newsletterForm {
    border-width: 0; } }

@media all and (max-width: 400px) {
  .header .logo {
    padding-right: 0.5rem; }
  .header .back-button {
    left: 0.5rem; }
  .footer .top {
    padding-top: 5rem; }
  .footer .middle .flexRow .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    .footer .middle .flexRow .left h3, .footer .middle .flexRow .left h4 {
      text-align: center; }
    .footer .middle .flexRow .left .address {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; }
    .footer .middle .flexRow .left .socialIcons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
    .footer .middle .flexRow .left .button.booking {
      margin-top: 3rem; } }

/*# sourceMappingURL=responsive.css.map */