@font-face {
  font-family: "Comfortaa";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Comfortaa"), url("../fonts/comfortaa-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Comfortaa";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Comfortaa"), url("../fonts/comfortaa-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Bitter"), url("../fonts/outfit600.woff2") format("woff2");
}
@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Bitter"), url("../fonts/inter.woff2") format("woff2");
}
@font-face {
  font-family: "Comfortaa";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Comfortaa"), url("../fonts/open-sans-v26-latin_greek-regular.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
:root {
  /*--color-bg-main: #f4f5f8;*/
  --color-bg-main: #f7f7f7;
  --color-bg-white: #fff;
  --color-bg-lightgray: #f9f9f9;
  --color-bg-gray: #f1f1f1;
  --color-bg-dark: #555;
  --color-bg-lightdark: #777;
  --color-bg-green: #9add9a;
  --color-bg-blue: #9bb3fc;
  --color-bg-yellow: #ffe16b;
  --color-bg-purple: #f7a0b0;

  --color-body: #000;
  --color-white: #fff;
  --color-link: #0e65e8;
  --color-link-hover: #068116;
}

html,
body {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: auto;
}
body {
  font: 18px Comfortaa, sans-serif;
  font-weight: 400;
  color: var(--color-body);
  text-align: left;
  background-color: var(--color-bg-main);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  line-height: 1.6;
}
/* COLUMNS */
* {
  box-sizing: border-box;
}
.row {
  display: table;
  width: 100%;
}
[class*="col-"] {
  display: table-cell;
  vertical-align: top;
}
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}
.sticky{
  top: 0;
  position: sticky;
}

.box-col {
  padding: 15px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  background: var(--color-bg-white);
  color: #333;
}
.frame-col {
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
  color: #333;
}
.frame-col hr {
  padding-bottom: 10px;
  border: 0;
}
.image-box {
  position:relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  padding:0;
  min-height:380px;
}
.image-box-info{
  padding: 3%;
}
.image-box-info h3{
  min-height:80px;
}
.image-box a{
color: var(--color-bg-body);
text-decoration: none;
}
.image-box a:hover{
  color: var(--color-white);
  text-decoration: none;
}
.stripe{
  position: absolute;
  top: 15px;
  right: 0;
  padding:7px;
  background: #fff;
  border:1px solid #999;
  border-radius: 3px 0 3px 3px;
  border-right:none;
  color: #222;
  opacity: 0.78;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.width48{
  max-width: 48vw;
}
.width24{
  max-width: 24vw;
}
.width24 .image-box h3{
  height: 70px;
  overflow-y: hidden;
}
.width24 .image-box p{
  height: 100px;
  overflow-y: hidden;
}
.width16{
  max-width: 18vw;
}
.width16 .image-box{
  min-height: auto;
  overflow-y: hidden;
}
.width16 .image-box p{
  height: 80px;
  overflow-y: hidden;
}
.dashed-top {
  background-image: linear-gradient(
    to right,
    #999 33%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 1px;
  background-repeat: repeat-x;
}
.form-box {
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
  background: var(--color-bg-white);
}
.border-box {
  border: 1px solid #ddd;
  border-radius: 8px;
}
.article-box {
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  background: var(--color-bg-white);
  width: 45%;
  max-width: 600px;
  min-height: 540px;
  margin: 15px;
}
.article-box a:hover {
  text-decoration: none;
}
/* GLOBALS */
a {
  color: var(--color-link);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--color-link-hover);
  text-decoration: underline;
}
.anchor {
  display: block;
  position: relative;
  top: -160px;
  visibility: hidden;
}
hr {
  border: 0;
  border-top: 1px solid #ccc;
}
strong {
  font-weight: 700;
}
.slider div {
  width: 100%;
}
.slider div img {
  width: 100%;
  height: auto;
}
.slider-box {
  max-width: 1230px;
  margin: 0 auto;
}
.slider-content {
  padding: 10px 50px 30px 50px;
  height: auto;
}
.image-responsive {
  max-width: 100%;
  height: auto;
}
.aspect15{
  aspect-ratio: 3 / 2;
}
.image-shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline-block-desktop {
  display: inline-block !important;
}
.nodisplay {
  display: none !important;
}
.highlight {
  background: #e57e7e;
  padding: 6px;
  color: var(--color-white);
}
.highlight a {
  color: var(--color-white);
  text-decoration: underline;
}
a.highlight:hover {
  background: #555;
  color: var(--color-white);
  text-decoration: none;
}
.linethrough {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.resize {
  resize: both;
  overflow: auto;
}
s,
strike {
  text-decoration: none;
  position: relative;
}
s::before,
strike::before {
  top: 50%;
  background: #555;
  opacity: 0.7;
  content: "";
  width: 115%;
  position: absolute;
  height: 0.065em;
  border-radius: 0.065em;
  left: -4%;
  white-space: nowrap;
  display: block;
  transform: rotate(-28deg);
}
s.straight::before,
strike.straight::before {
  transform: rotate(0deg);
  left: -1%;
  width: 102%;
}
.f-12 {
  font-size: 12px;
}
.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 24px;
}
.f-26 {
  font-size: 26px;
}
.f-28 {
  font-size: 28px;
}
.f-30 {
  font-size: 30px;
}
.f-32 {
  font-size: 32px;
}
.f-34 {
  font-size: 34px;
}
.f-36 {
  font-size: 36px;
}
.f-38 {
  font-size: 38px;
}
.f-40 {
  font-size: 40px;
}
.f-50 {
  font-size: 50px;
}
.f-60 {
  font-size: 60px;
}
.w-300 {
  font-weight: 400;
}
.w-400 {
  font-weight: 400;
}
.w-600 {
  font-weight: 700;
}
.white {
  color: var(--color-white);
}
.black {
  color: var(--color-body);
}
.green {
  color: #238200;
}
.red {
  color: #e81554;
}
.blue {
  color: #136f91;
}
.silver {
  color: #777;
}
.gold {
  color: #ff8100;
}
.platinum {
  color: #555;
}
.bg-lightgray {
  background-color: var(--color-bg-lightgray);
}
.bg-gray {
  background-color: var(--color-bg-gray);
}
.bg-lightdark {
  background-color: var(--color-bg-lightdark);
}
.bg-dark {
  background-color: var(--color-bg-dark);
}
.bg-dark a {
  color: var(--color-white);
}
.bg-white {
  background-color: var(--color-bg-white);
}
.bg-green {
  background-color: var(--color-bg-green);
}
.bg-blue {
  background-color: var(--color-bg-blue);
}
.bg-yellow {
  background-color: var(--color-bg-yellow);
}
.bg-purple {
  background-color: var(--color-bg-purple);
}
.bitter{
  font-family: Bitter, Comfortaa, sans-serif;
}
h1,
h2,
h3,
h4 {
  font-family: Bitter, Comfortaa, sans-serif;
  margin: 8px 0;
}
h1 {
  font-size: 30px;
  margin-bottom: 16px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 0.5em 0;
}
.padding0 {
  padding: 0;
}
.padding1 {
  padding: 1%;
}
.margin0 {
  margin: 0;
}
.margin1 {
  margin: 1%;
}
.margin2 {
  margin: 2%;
}
.margin3 {
  margin: 3%;
}
.margin5 {
  margin-left: 5%;
  margin-right: 5%;
}
.margin5-left {
  margin-left: 5%;
}
.margin5-right {
  margin-right: 5%;
}
.margin10-left {
  margin-left: 10%;
}
.margin10-right {
  margin-right: 10%;
}
.margin10 {
  margin-left: 10%;
  margin-right: 10%;
}
.spacep {
  padding-top: 30px;
}
.spacep5 {
  padding-top: 5px;
}
.spacep10 {
  padding-top: 10px;
}
.spacep15 {
  padding-top: 15px;
}
.spacep20 {
  padding-top: 20px;
}
.spaceline {
  margin-top: 10px;
}
.minimalbottom {
  margin-bottom: 2px;
}
.minimaltop {
  margin-top: 2px;
}
ul li,
ol li {
  margin-left: 0;
  margin-bottom: 6px;
}
ul.nobullets,
ol.nobullets {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ul.col2,
ol.col2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  line-height: 1.6;
}
ul.col3,
ol.col3 {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  line-height: 1.8;
}
ul.col4,
ol.col4 {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
  line-height: 1.8;
}

/* STRUCTURE */
.skip-nav {
  position: absolute;
  z-index: 11;
  transform: translate(-300px, -100px);
  padding: 5px 10px;
  background-color: #444;
  color: var(--color-white);
  font-size: 14px;
}
.skip-nav:focus,
.skip-nav:hover {
  transform: translate(10px, 10px);
  color: var(--color-white);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: var(--color-bg-main);
  color: #444;
  line-height: 1.1;
  padding: 10px;
  padding-top: 25px;
  text-align: left;
  z-index: 3;
}
.progress-container {
  clear: both;
  width: 99%;
  height: 6px;
  margin: 0;
  margin-top:6px;
  padding: 2px;
}
.progress-bar {
  height: 2px;
  background: #04aa6d;
  width: 0%;
}
.progress-display {
  margin-top:12px;
  margin-left:2px;
  font-size: 12px;
  visibility: hidden;
}
.toprow {
  margin: 0 12px 5px 0;
  text-align: right;
}
#top-date-selector{
  font-size: 14px;
}
.lang {
  margin-left: 80px;
  display: inline-block;
  color: #444;
}
.lang a,
.lang span {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  font-weight: 700;
}
.lang a:hover, .lang a:focus{
  color: #fff!important;
}
.nav {
  position: relative;
  width: 100%;
}
.nav a {
  font-size: 14px;
  font-weight: 400;
  padding: 12px 10px 10px 10px;
}
.top {
  float: right;
  font-size: 22px;
  padding: 0px 25px;
  color: #000;
  font-size: 10px;
  font-weight: 700;
}
.top:hover {
  text-decoration: none;
  color: #999;
}
.menu a,
.menu span {
  display: inline-block;
  margin-right: 2px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #000;
}
.menu a:hover,
.menu a:focus {
  text-decoration: none;
  color: var(--color-white);
  background-color: #444;
  border: 1px solid #eee;
  outline: none;
}
.menu .current {
  color: #222;
  background-color: var(--color-bg-white);
  border: 1px solid #999;
}
.menu .focused {
  border-radius: 5px 5px 0 0;
  text-decoration: none;
  color: var(--color-white);
  background-color: #444;
  border: 1px solid #eee;
  outline: none;
}
.submenu {
  margin-top: 9px;
}
.submenu a {
  display: inline-block;
  margin-left: 10px;
  margin-right: 12px;
  font-size: 16px;
  color: #429d42;
  font-weight: 400;
}
.submenu a:hover {
  text-decoration: none;
  color: #33475b;
}
.inlinemenu a {
  visibility: hidden;
  display: inline-block;
  border: 1px solid transparent;
  padding: 2px 5px;
}
.inlinemenu a:hover {
  text-decoration: none;
}
.inlinemenu ul {
  visibility: hidden;
  margin-top: 20px;
  margin-left: -1px;
  min-width: 280px !important;
}
.inlinemenu ul a {
  display: block;
  padding: 6px 10px 3px 10px;
  font-size: 16px;
  color: #666;
}
.inlinemenu .focused {
  border-radius: 5px 5px 0 0;
  text-decoration: none;
  color: var(--color-white);
  background-color: #444;
  border: 1px solid #444;
  outline: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown ul {
  display: none;
  position: absolute;
  top: 20px;
  left: 1px;
  list-style-type: none;
  padding: 15px 10px;
  background-color: var(--color-bg-white);
  min-width: 400px;
  border-top: 2px solid #555;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.dropdown ol {
list-style-type: none;
padding: 4px;
}
.menugroup{
  padding:8px;
  border:1px dashed #ccc;
  border-radius: 5px;  
}
.menugroup-inline li{
  display:inline;
}
a#mega-nav {
  color: #000;
  font-weight: 700;
  padding: 0;
  padding-right: 12px;
}
a#mega-nav:hover,
a#mega-nav:focus {
  text-decoration: none;
}
a#mega-nav span {
  display: none;
}
.megamenu {
  margin-top: 20px;
}
.megamenu h2 {
  font-size: 22px;
  font-weight: 400;
  color: #444;
  margin-bottom: 10px;
}
.megamenu-sub a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 3px 0px;
}
.megamenu-sub .sub-current {
  color: #444;
  font-weight: 700;
}
.logo {
  text-align: center;
  line-height: 0.8;
}
.logo a {
  color: #444;
}
.logo a:hover {
  color: inherit;
  text-decoration: none;
}
.logo img {
  margin-top: -16px;
  max-width: 140px;
  height: auto;
}
.rate-nav {
  position: relative;
  float: right;
  margin: 1px 20px 10px 10px;
  padding: 14px 16px 12px 16px;
  background: #666;
  color: var(--color-white) !important;
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.rate-nav:hover {
  text-decoration: none;
  color: var(--color-white) !important;
  background-color: #444;
}
.rate-nav .badge {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 7px 8px 4px 8px;
  border-radius: 50%;
  border: 1px solid #666;
  background: var(--color-bg-white);
  color: var(--color-body);
  font-size: 12px;
  font-weight: 600;
}
.counter {
  padding: 4px 7px 2px 7px;
  border-radius: 50%;
  border: 1px solid #666;
  font-size: 12px;
  font-weight: 600;
}
.mobile-nav {
  display: none;
}
.mobile-nav span {
  display: none;
}
.mobilemenutitle {
  margin-left: 15px;
}
.mobilemenu,
.mobilesubmenu {
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}
.mobilemenu {
  margin-top:25px;
}
.mobilesubmenu {
  list-style-type: none;
}
.mobilemenu li {
  margin: 5px 2px;
  font-size: 16px;
  line-height: 1.8;
  list-style-type: none;
}
.mobilemenu a {
  display: block;
  padding: 4px 8px;
  text-decoration: none;
  border-radius: 5px;
}
.mobilemenu a.mobilemenutitle {
  padding: 8px;
  background: var(--color-bg-white);
  border: 1px solid #ccc;
}
.mobilemenu a.current {
  font-weight: 700;
  border: 1px solid #999;
}
.mobilesubmenu li {
  margin: 10px 5px;
  padding-left: 15px;
  font-size: 16px;
  line-height: 1.6;
}
.mobilesubmenu a.subcurrent {
  font-weight: 700;
  border: 1px solid #ccc;
}
.cart-reminder{
  position: absolute;
  top: 180px;
  right: 35vw;
  z-index:2;
  max-width:30vw;
  padding: 20px;
  color: var(--color-body);
  background: var(--color-bg-gray);
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
  animation-name: reveal;
  animation-duration: 0.8s;
}
.audio{
  display: none;
  position: fixed;
  top: 102px;
  left: 148px;
  z-index:3;
  padding: 6px 6px 0 6px;
  color: var(--color-body);
  background: var(--color-bg-lightgray);
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
  animation-name: reveal;
  animation-duration: 0.8s;
}
.audiocloser{
  cursor: pointer;
  padding: 10px 8px;
  font-size: 28px;
}
.audio audio{
  margin: 3px 6px;
}
.rateopener {
  position: fixed;
  right: 5px;
  bottom: 278px;
  z-index: 2;
  width: 96px;
  height: auto;
  padding: 5px 11px;
  background: var(--color-bg-gray);
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
}
.flightopener {
  position: fixed;
  right: 5px;
  bottom: 158px;
  z-index: 2;
  width: 96px;
  height: auto;
  padding: 5px 11px;
  background: var(--color-bg-blue);
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
}
.chatopener {
  position: fixed;
  right: 5px;
  bottom: 36px;
  z-index: 2;
  width: 96px;
  height: auto;
  padding: 5px 10px;
  background: var(--color-bg-green);
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
}
.rateopener:hover,
.rateopener:focus,
.flightopener:hover,
.flightopener:focus,
.chatopener:hover,
.chatopener:focus{
  text-decoration: none;
  background: var(--color-bg-white);
  color:#33475b;
}
.sidefixed {
  position: fixed;
  right: 0;
  top: 50vh;
  transform: translate(0, -50%);
  z-index: 2;
  padding: 10px 14px 4px 14px;
  background: var(--color-bg-white);
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
}
.sidefixed a {
  position: relative;
  display: block;
  padding: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  max-width: 48px;
}
.sidefixed a.frame-col{
  padding: 10px;
  max-width: 100% !important;
}
.sidefixed a img {
  margin-top: 6px;
}
.sidefixed .cartitems {
  position: absolute;
  top: -2px;
  left: 7px;
  font-size: 14px;
  font-weight: 700;
  color: #4ea54e;
}
.sidefixed .tooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 125%;
  visibility: hidden;
  min-width: 140px;
  background: var(--color-bg-dark);
  color: var(--color-white);
  text-align: center;
  padding: 7px 0 5px 0;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
}
.sidefixed a:hover .tooltip,
.sidefixed a:focus .tooltip {
  visibility: visible;
}
.sidefixed .tooltip::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-bg-dark);
}
.inline-menu-box {
  left: 0;
  right: auto;
  animation-name: fadeIn;
  animation-duration: 1s;
  padding: 0;
  max-width:11.5%;
}
.inline-menu-box a {
  max-width: 100% !important;
  padding: 6px 10px 3px 10px;
  border: 0;
  border-top: 1px solid var(--color-bg-white);
  border-bottom: 1px solid var(--color-bg-white);
  border-radius: 0;
  font: 14px Bitter, Comfortaa, sans-serif;
  color: #666;
}
.inline-menu-box .intersected {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  background: var(--color-bg-gray);
  color: #000;
}
.inline-menu-box::before {
  content: "↪";
  display: block;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  background: var(--color-bg-dark);
  color: var(--color-bg-white);
}
.main {
  margin: 0;
  padding-top: 20px;
}
.mainspacing {
  padding-top: 70px;
}
.response {
  margin: 12px 20px;
  text-align: center;
  font-size: 22px;
}
.main-content {
  margin-top: 120px;
}
.footer {
  margin: 0;
  border-top: 1px solid #ddd;
  padding-top: 40px;
  padding-bottom: 80px;
  background: var(--color-bg-lightgray);
  color: #555;
}
.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-bg-white);
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0.5% 5% 0.5% 5%;
  z-index: 10;
}
.row-content {
  margin: 4%;
  padding: 2% 8%;
}
.row-app {
  margin: 1% 4%;
  padding: 2% 8% 2% 8%;
}
.rowspace {
  margin-top: 30px;
  margin-bottom: 30px;
}
.row {
  margin: 0;
  padding: 0;
}
.longrow {
  margin: 0;
  padding: 1% 0;
}
.longrow1 {
  margin: 0;
  padding: 1% 0;
  background: var(--color-bg-white);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.longrow2 {
  margin: 0;
  padding: 1% 0;
  background: var(--color-bg-dark);
  color: var(--color-white);
}
.longrow3 {
  margin: 0;
  padding: 1% 0;
  background-color: var(--color-bg-gray);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.row-text {
  padding: 2% 20%;
  margin: 0 auto;
}
.top-header {
  padding-top: 30px;
}
.top-header + div{
  padding-top: 40px;
}
.login-area {
  text-align: left;
  margin-bottom: 20px;
}
.breadcrumb {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 25px;
}
.newsarea{
background: #f7f7f7;
border-bottom: 1px solid #ddd;
}
.newsarea h2{
  margin-top:0;
}
.row-news{
  margin: 0 4%;
  padding: 0.5% 8% 0.5% 8%;
}
#news-stripe{
  font-family: Bitter, Comfortaa, sans-serif;
  line-height: 1.4;
}
#news{
  margin-top:20px;
}
/* INTRO EFFECT */
.fullpage {
  height: 100vh;
}
.introslider {
  position: relative;
  width: 100%;
  height: 70vh;
  margin: 0;
  overflow: hidden;
}
.intro {
  position: relative;
  width: 100%;
  height: 85vh;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.intro-video {
  object-fit: cover;
}
.intro-hotels {
  background-image: url(../images/geo1-1600.webp);
  background-position: top right;
}
.intro-text {
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
  text-align: left;
  padding: 20px;
}
.intro-text p {
  text-align: center;
}
.intro-text span {
  display: inline-block;
  padding: 10px;
  font-size: 28px;
  text-shadow: 0px 1px 1px #000;
  font-weight: 400;
  color: var(--color-white);
  background-color: rgb(43, 43, 43);
  opacity: 0.6;
  border-radius: 6px;
}

.bg-image {
  width: 100%;
  min-height: 600px;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color: #f4f4f4;
}

.vl {
  border-left: 1px solid #999;
}
.box-icon{
  max-width:28px;
  max-height:28px;
  display: inline-block;
  vertical-align:bottom;
  padding:2px;
}

/* FORMS */
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
form {
  margin: 0;
}
.datepicker{
  line-height:1.8;
}
.datepicker select {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: var(--color-bg-white);
  font-family: Bitter;
  font-size: 16px;
  padding: 12px 0 12px 6px;
  margin-top:5px;
}
.modernform input[type="submit"] {
margin-top:10px;
}
.modernform input[type="text"] {
  border: 1px solid #eee;
  border-radius: 5px;
  background: var(--color-bg-main);
  font-size: 18px;
  font-weight: 400;
  padding: 10px;
}
.modernform input[type="text"],
.modernform input[type="email"],
.modernform input[type="password"],
.modernform input[type="date"],
.modernform input[type="tel"],
.modernform input[type="search"],
.modernform input[type="datetime-local"],
.modernform textarea {
  font-family: Comfortaa, sans-serif;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: var(--color-bg-white);
  padding: 15px;
  min-width: 280px;
  outline: none;
  font-size: 16px;
}
.modernform .range-from,
.modernform .range-till {
  color: #555;
  width: 136px;
  height: 60px;
  vertical-align: middle;
  font-size: 20px !important;
  min-width: 136px !important;
}
.modernform input[type="text"]:focus,
.modernform input[type="email"]:focus,
.modernform input[type="password"]:focus,
.modernform input[type="date"]:focus,
.modernform input[type="tel"]:focus,
.modernform input[type="datetime-local"]:focus,
.modernform textarea:focus {
  border: 1px solid #777;
}
.modernform textarea {
  width: 100%;
  min-height: 80px;
  max-width: 600px;
}
.modernform label {
  display: block;
  line-height: 1.5;
}
.modernform input[type="number"]{
  border: 1px solid #ccc;
  border-radius: 5px;
  background: var(--color-bg-white);
  font-size: 18px;
  font-weight: 400;
  padding: 10px;
  max-width: 90px;
}
.modernform input[type="text"]:disabled {
  background-color: inherit;
}
.modernform input[type="text"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.modernform button {
  border: 1px solid #999;
  border-radius: 5px;
  background: #bbb;
  color: var(--color-bg-white);
  font-size: 18px;
  font-weight: 400;
  padding: 10px;
  width: 40px;
  cursor: pointer;
}
.modernform input[type="submit"] {
  font-family: Comfortaa, sans-serif;
  font-size: 15px;
  font-weight: 400;
  padding: 22px 30px 18px 30px;
  white-space: normal;
}
.date-container {
  display: inline-block;
  text-align: center;
  padding-bottom: 5px;
}
.date-container label {
  margin-left: 12px;
}
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--color-bg-white);
  border: 1px solid #ccc;
  border-radius: 2px;
}
.container:hover input ~ .checkmark {
  background-color: #ccc;
  border: 1px solid #ccc;
}
.container input:checked ~ .checkmark {
  background-color: #777;
  border: 1px solid #ccc;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter-area a {
  display: inline-block;
  padding: 7px 14px 5px 14px;
  margin: 3px;
  border: 1px solid #999;
  border-radius: 15px;
  background: var(--color-bg-white);
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.filter-area a:hover {
  text-decoration: none;
  background: var(--color-bg-green);
  color: var(--color-body);
}
.filter-area a.filter-selected {
  background: var(--color-bg-green);
  color: var(--color-body);
}
.filter-area a.filter-selected:hover {
  background: var(--color-bg-white);
  color: #000;
}
.infotab {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.fulltab {
  padding: 10px 18px;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}
.fulltab a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000;
}
.fulltabbox {
  background: var(--color-bg-white);
  border-top: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
}
.fulltabbox-content {
  padding: 10px 18px;
  text-align: left;
}
.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  border-color: #ccc;
  content: "";
  display: inline-block;
  height: 0.45em;
  transform: rotate(-45deg);
  width: 0.45em;
}
.chevron-right::before {
  transform: rotate(45deg);
}
.chevron-bottom::before {
  transform: rotate(135deg);
}
.chevron-left::before {
  transform: rotate(-135deg);
}
.longbutton {
  display: block;
  padding: 18px 24px 14px 24px;
  text-decoration: none !important;
  border-radius: 4px;
  cursor: pointer;
}
.longbutton-text {
  display: block;
  max-width: 90%;
}
.longbutton .chevron {
  float: right;
}
.longbutton-icon {
  color: #444;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 0;
}
.longbutton-icon:hover,
.longbutton-icon:focus {
  color: var(--color-body);
  background: #ddd;
  text-decoration: none !important;
}
.button {
  display: inline-block;
  padding: 12px 18px 7px 18px;
  border-radius: 6px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  outline: none !important;
  overflow: visible;
  vertical-align: middle;
}
.button-menu {
  box-shadow: none;
  padding: 8px 16px;
}
.button-narrow{
  padding: 12px 8px 10px 8px;
}
.button-green {
  color: var(--color-body);
  background: #5ceb98;
  border: none;
}
.button-blue {
  color: var(--color-body);
  background: #9ed2fb;
  border: none;
}
.button-red {
  color: var(--color-white);
  background: #db593f;
  border: none;
}
.button-red:hover,
.button-red:focus {
  color: var(--color-body);
  background: #16b9f4;
  text-decoration: none;
}
.button-white {
  color: #111;
  background: var(--color-bg-white);
  border: 1px solid #ddd;
}
.button-dark {
  color: var(--color-white);
  background: #666;
  border: 1px solid #666;
}
.button-lightgray {
  color: #444;
  background: #f9f9f9;
  border: 1px solid #ddd;
}
.button-gray {
  color: #444;
  background: #eee;
  border: 1px solid #ddd;
}
.button-brown {
  color: #111;
  background: #ccc;
  border: 1px solid #ddd;
}
.button-blue:hover,
.button-blue:focus,
.button-green:hover,
.button-green:focus,
.button-dark:hover,
.button-dark:focus,
.button-white:hover,
.button-white:focus,
.button-lightgray:hover,
.button-lightgray:focus,
.button-gray:hover,
.button-gray:focus,
.button-brown:hover,
.button-brown:focus {
  color: var(--color-white);
  background: #444;
  text-decoration: none;
}
.rate-square {
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  background: #97be97;
  background: var(--color-bg-purple);
  border: 1px solid #999;
  border-radius: 3px;
  margin-right: 4px;
  padding: 0;
}
.rate-square .r90 {
  display: block;
  float: right;
  width: 12%;
  height: 100%;
  background: var(--color-bg-white);
}
.rate-square .r75 {
  display: block;
  float: right;
  width: 25%;
  height: 100%;
  background: var(--color-bg-white);
}
.rate-square .r50 {
  display: block;
  float: right;
  width: 45%;
  height: 100%;
  background: var(--color-bg-white);
}

/* POPUP */
.popup-container {
  position: relative;
}
.popup {
  display: none;
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 10;
  overflow: auto;
  width: 100%;
}
.popup-content {
  position: relative;
  background-color: var(--color-bg-lightgray);
  max-width: 640px;
  margin: 3%;
  padding: 2px 16px 24px 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
  animation-name: reveal;
  animation-duration: 0.6s;
}
.popup-content .popup-head {
  margin: 0;
  padding: 0;
  padding-bottom: 32px;
}
.popup-content .popupcloser {
  float: right;
  padding-right: 5px;
  font-size: 32px;
  cursor: pointer;
}

.pickerpopup {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.pickerpopup-content {
  position: relative;
  background-color: var(--color-bg-main);
  margin: 3% auto;
  padding: 16px;
  border: 1px solid #888;
  border-radius: 5px;
  max-width: 480px;
  animation-name: reveal;
  animation-duration: 0.6s;
}
.pickerpopup-content .pickerpopup-head {
  padding: 10px;
}
.pickerpopup-content .pickerpopupcloser {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 44px;
  cursor: pointer;
}

.overlay {
  animation-name: fadeIn;
  animation-duration: 1s;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

/* MODAL */
.jmodal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.jmodal-content {
  position: relative;
  background-color: var(--color-bg-main);
  margin: 3% auto;
  padding: 16px;
  border: 1px solid #888;
  border-radius: 5px;
  width: 76%;
  animation-name: reveal;
  animation-duration: 0.6s;
}
.jmodal-content .jmodal-head {
  padding: 10px;
}
.jmodal-content .modalcloser {
  float: right;
  font-size: 44px;
  cursor: pointer;
}
.jmodal-content .jmodal-body {
  margin: 2% 5% 2% 5%;
  text-align: left;
}
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 1s;
}
.reveal {
  animation-name: reveal;
  animation-duration: 0.6s;
}
.unreveal {
  animation-name: unreveal;
  animation-duration: 0.6s;
}
.blink {
  animation-name: blink;
  animation-timing-function: ease-in;
  animation-duration: 2s; 
  animation-iteration-count: infinite;            
}
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.1; }
  100% { opacity: 1; }    
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes reveal {
  from {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }
  to {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
}
@keyframes unreveal {
  from {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
  to {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }
}

.tableStandard {
  border: 0;
}
.tableStandard th {
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.tableStandard tr {
  border: 0;
  border-bottom: 1px solid #999;
}
.tableStandard td {
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.star-icon{
  width:115px;
  height:26px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  text-decoration: none;
}
.star-icon-5{
  background-image: url(../images/stars5.png);
}
.star-icon-4plus{
  background-image: url(../images/stars4plus.png);
}
.star-icon-4{
  background-image: url(../images/stars4.png);
}

.picker-icon{
  width:56px;
  height:56px;
  display: inline-block;
  vertical-align:top;
  background-image: url(../images/icon-calendar.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  text-decoration: none;
}
.picker-icon:hover{
  text-decoration: none;
}
.picker-container{
  text-align: center;
}
.calendar-container{
  display: block;
  padding: 10px;
  min-height: 330px;
  width:100%;
}
.calendar-header{
  padding:10px 5px;
  text-align: center;
  font-family: Bitter, Comfortaa, sans-serif;
  font-size: 20px;
}
.calendar-header button{
  padding:2px 8px 3px 8px;
  text-align: center;
  font-size: 22px;
  background-color: #555;
  color:#fff;
  border: 0;
  cursor: pointer;
}
.calendar-header button:hover{
  background-color: #777;
}
.calendar-header .previous-button{
  float: left;
}
.calendar-header .next-button{
  float: right;
}
.calendar-body table{
  width: 100%;
}
.calendar-body th, .calendar-body td{
  text-align:center;
  min-width: 40px;
  min-height: 40px;
  border:1px solid transparent;
}
.calendar-body th{
  font-size: 14px;
  font-family: Bitter, Comfortaa, sans-serif;
}
.calendar-body .date-cell-disabled{
  cursor: not-allowed;
  text-decoration:line-through;
  color: #999;
}
.calendar-body .date-cell-enabled{
  cursor: pointer;
}
.calendar-body .date-cell-enabled:hover{
  background-color: #42e2a7;
}
.calendar-body .date-cell-current{
  border:1px solid #999;
  background-color: #ddd;
}
.calendar-body .date-cell-stay{
  background-color: #b8dcfa;
}

/* VIDEO */
.video169 {
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative;
}
.video43 {
  width: 100%;
  padding-top: 75%;
  height: 0px;
  position: relative;
}
.video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-player {
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.video-preview {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.play-button {
  position: absolute;
  width: 72px;
  height: 72px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/video/play.png) no-repeat;
}
.relative{
  position: relative;
}
.video-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.nodesktop {
  display: none;
}
.menuline {
  width: 30px;
  height: 3px;
  background-color: #000;
  margin: 8px 0;
}
.menuline-small {
  display: block;
  width: 16px;
  height: 2px;
  background-color: #000;
  margin: 3px 0;
}
.airport {
  display: none;
}
#airportList {
  min-height: 200px;
}
.password {
  position: relative;
  white-space: nowrap;
}
.password input[type="text"],
.password input[type="password"] {
  padding-right: 55px;
}
.password-toggle {
  position: relative;
  left: -50px;
  user-select: none;
  border-left: 1px solid #ccc;
  display: inline-block;
  padding: 10px 10px 7px 10px;
}
.password-toggle img {
  vertical-align: middle;
  opacity: 0.5;
}
.selection{
  user-select: all;
  overflow-wrap: break-word;
}
.bigarrow {
  border: solid #eee;
  border-width: 0 24px 24px 0;
  display: inline-block;
  padding: 120px;
  border-radius:5px 5px 5px 5px;
}
.middlearrow {
  border: solid #eee;
  border-width: 0 16px 16px 0;
  display: inline-block;
  padding: 80px;
  border-radius:5px 5px 5px 5px;
}
.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.splide{
  position: relative;
}
.expandbox{
  position: absolute;
  bottom: 24px;
  right:14px;
  width:48px;
  height:48px;
  background-color: #eee;
  background-image: url("../images/icon-enlarge.webp");
  background-position: center center;
  background-size: cover;
  opacity: 0.64;
  z-index:2;
  cursor: pointer;
  border: 6px solid #eee;
  border-radius: 6px;
}
.audiobox{
  position: absolute;
  bottom: 24px;
  right:74px;
  width:48px;
  height:48px;
  background-color: #eee;
  background-image: url("../images/icon-voice.webp");
  background-position: center center;
  background-size: cover;
  opacity: 0.64;
  z-index:2;
  cursor: pointer;
  border: 6px solid #eee;
  border-radius: 6px;
}

@media only screen and (max-width: 1230px) {
  /* COLUMNS */
  [class*="col-"] {
    display: table-row;
    width: 100%;
  }
  .nomobile {
    display: none;
  }
  .nodesktop {
    display: block;
  }
  .logo {
    text-align: left;
    margin-left: 4px;
  }
  .toprow {
    margin-top: 20px;
    margin-left: 12px;
  }
  .lang {
    margin-left: 20px;
  }
  .toprow .lang{
    display: none;
  }
  .main-content {
    margin-top: 120px;
  }
  .intro {
    height: 85vh;
    background-attachment: scroll;
    background-size: cover;
  }
  .intro-text {
    top: 1%;
  }
  .intro-text span {
    font-size: 22px;
  }
  .inlinemenu a {
    visibility: visible;
  }
  .inlinemenu ul {
    visibility: visible;
  }
  .sidefixed {
    position: fixed;
    right: 0px;
    top: auto;
    bottom: 0px;
    transform: none;
    width: 100%;
    text-align: center;
  }
  .sidefixed a {
    display: inline-block;
    margin: 2px 6px;
    max-width: 40px;
  }
  .sidefixed .tooltip {
    display: none;
  }
  .sidefixed .tooltip::after {
    display: none;
  }
  .cart-reminder{
    max-width:50vw;
    right: 25vw;
  }
  .chatopener {
    width: 72px;
    bottom: 72px;
  }
  .flightopener {
    width: 72px;
    bottom: 164px;
  }
  .rateopener {
    width: 72px;
    bottom: 256px;
  }
  .mobile-nav {
    float: right;
    display: block;
    margin-right: 15px;
    font-size: 12px;
    text-decoration: none;
  }
  .jmodal-content {
    margin: 0 auto;
    padding: 10px;
    border: 0;
    border-radius: 0;
    width: 100%;
    min-height: 100px;
  }
  .jmodal-content .jmodal-head {
    position: fixed;
    width: 95%;
    padding: 10px;
  }
  .jmodal-content .jmodal-body {
    padding: 16px;
    padding-top: 40px;
  }
  .row-content,
  .row-text,
  .row-app {
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .row-news {
    margin-left: 10px;
    padding: 4px 10px 4px 10px;
  }
  .lang {
    margin-left: 10px;
    margin-bottom: 5px;
  }
  .response {
    text-align: left;
  }
  .login-area {
    text-align: left;
    margin-bottom: 20px;
  }
  .width48, .width24, .width16{
    max-width: 90vw;
  }
  .expandbox {
    display: none;
  }
  .audiobox{
    right:14px;
  }
  .image-box-info{
    padding-left: 15px;
  }
  .inline-block-desktop {
    display: block !important;
  }
  .audio{
    top: 90px;
    left: 10px;
  }
}
@media only screen and (max-width: 1230px) and (orientation: landscape) {
  .header {
    padding-top: 10px;
    background: transparent;
  }
  .progress-container {
    display: none;
  }
  .toprow {
    display: none;
  }
  .sidefixed {
    display: none;
  }
  #rate-widget-opener{
    display: none;
  }
  #flight-widget-opener{
    display: none;
  }
  #contact-modal-opener{
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .nosmallscreen {
    display: none;
  }
  .footer {
    padding: 20px 20px 200px 20px;
  }
  .logo-text span {
    font-size: 20px;
  }
  .logo img {
    margin-top: -16x;
    max-width: 130px;
    height: auto;
  }
  .rate-nav {
    padding: 14px 12px 12px 12px;
  }
  .toprow {
    margin-top: 15px;
  }
  .lang {
    margin-left: 3px;
  }
  .lang a,
  .lang span {
    margin-left: 3px;
  }
  #top-date-selector{
    font-size:12px;
  }
  .main-content {
    margin-top: 130px;
  }
  .intro {
    height: 280px;
    background-attachment: scroll;
    background-size: cover;
  }
  .intro-text p {
    text-align: left;
  }
  .intro-text span {
    font-size: 18px;
  }
  .margin5-left,
  .margin10-left {
    margin-left: 15px;
  }
  .margin5-right,
  .margin10-right {
    margin-right: 15px;
  }
  .article-box {
    width: 100%;
    margin-left: 0;
  }
  .dropdown ul {
    max-width: 280px;
  }
  .sidefixed a {
    margin: 2px 4px;
    max-width: 36px;
  }
  .cart-reminder{
    max-width:90vw;
    right:15px;
  }
  .splide{
    width: auto;
    min-height: 60vh !important;
    overflow: hidden;
  }
  .splide__slide{
    min-height: 60vh !important;
    background-size: auto 100% !important;
  }
  .splide__pagination{
    display: none !important;
  }
  .rotatemobilebox{
    position: absolute;
    bottom: 16px;
    right:80px;
    width:56px;
    height:56px;
    background-color: #eee;
    background-image: url("../images/icon-rotatemobile.webp");
    background-position: center center;
    background-size: cover;
    opacity: 0.64;
    z-index:2;
    border: 1px solid #999;
    border-radius: 6px;
  }
  .audiobox{
    position: absolute;
    bottom: 16px;
    right:16px;
    width:56px;
    height:56px;
    background-size: 36px 36px;
    background-repeat: no-repeat;
    border: 1px solid #999;
  }
  .chatopener {
    width: 48px;
    bottom: 68px;
    padding: 5px;
  }
  .flightopener {
    width: 48px;
    bottom: 128px;
    padding: 5px;
  }
  .rateopener {
    width: 48px;
    bottom: 188px;
    padding: 5px;
  }
  .widget-text {
    display: none;
  }
}
@media only screen and (max-width: 399px) {
  .mobile-break {
    display: inline-block;
  }
  #scrollBarContainer{
    display: none;
  }
  .toprow {
    margin-top: 2px;
    padding-top:5px;
  }
  .main-content {
    margin-top: 120px;
  }
  #top-date-selector-text{
    display: none;
  }
  #loginbtn{
    display: none;
  }
  .modernform input[type="text"],
  .modernform input[type="email"],
  .modernform input[type="password"],
  .modernform input[type="date"],
  .modernform input[type="tel"],
  .modernform input[type="search"],
  .modernform input[type="submit"],
  .modernform textarea {
    max-width: 80vw;
  }
  .password input[type="text"],
  .password input[type="password"] {
    padding-right: 10px;
  }
  .jmodal-content .jmodal-body {
    margin: 2%;
    padding-left: 3px;
    padding-right: 3px;
  }
  .popup-content {
    margin: 1%;
  }
}
@media only screen and (max-height: 580px) {
  .sidefixed {
    display: none;
  }
}

@media print {
  @page {
    size: A4;
    margin: 20pt 15pt;
  }
  body {
    background-color: var(--color-bg-white);
  }
  .header {
    position: relative;
    top: 20pt;
    left: 40pt;
    background-color: var(--color-bg-white);
    width: 100%;
    box-shadow: none !important;
    border: 0;
  }
  [class*="col-"] {
    display: table-row;
    width: 100%;
  }
  .pagebreak {
    page-break-before: always;
  }
  .noprint {
    display: none;
  }
  .menu {
    display: none;
  }
  .top {
    display: none;
  }
  .rate-nav {
    display: none;
  }
  .lang {
    display: none;
  }
  #top-date-selector{
    display: none;
  }
  .footer {
    display: none;
  }
  .sidefixed {
    display: none;
  }
  .cookie-consent {
    display: none;
  }
  .mainspacing {
    padding-top: 10pt;
  }
  .main-content {
    margin-top: 20pt;
  }
  .row-content {
    margin: 20pt;
    padding: 10pt;
  }
  .row-app {
    margin: 20pt;
    padding: 10px;
  }
  .row-text {
    margin: 20pt;
    padding: 10pt;
  }
  .form-box {
    box-shadow: none;
    border: 0;
  }
  h1,
  h2,
  h3,
  h4 {
    margin-top: 5pt;
    margin-bottom: 5pt;
  }
  .spacep {
    padding-top: 5pt;
  }
  .spaceline {
    margin-top: 5pt;
  }
  .longrow1 {
    border: 0;
  }
  .logo {
    text-align: left;
  }
  .breadcrumb {
    display: none;
  }
  .top-header {
    display: none;
  }
  .top-header + div{
    padding-top: 5pt;
  }
  .toprow {
    display: none;
  }
  .chatopener, .flightopener {
    display: none;
  }
  .margin1,
  .margin2,
  .margin3,
  .margin5 {
    margin: 5pt;
  }
}