html,
body,
div,
span,
applet,
object,
iframe,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
.small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
.mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
@font-face {
font-family: "walirides";
src: url("../fonts/walirides.woff2") format("woff2"), url("../fonts/walirides.woff") format("woff")
}
@font-face {
font-family: "walirides";
src: url("../fonts/walirides-bold.woff2") format("woff2"), url("../fonts/walirides-bold.woff") format("woff");
font-weight: 700
}
@font-face {
font-family: "Futura-Condensed";
src: url("../fonts/futura-condensed.woff2") format("woff2"), url("../fonts/futura-condensed.woff") format("woff")
}
@font-face {
font-family: "Futura";
src: url("../fonts/futura-light.woff2") format("woff2"), url("../fonts/futura-light.woff") format("woff");
font-weight: 300
}
@font-face {
font-family: "Futura";
src: url("../fonts/futura.woff2") format("woff2"), url("../fonts/futura.woff") format("woff")
}
@font-face {
font-family: "Futura";
src: url("../fonts/futura-medium.woff2") format("woff2"), url("../fonts/futura-medium.woff") format("woff");
font-weight: 500
}
@font-face {
font-family: "Futura";
src: url("../fonts/futura-bold.woff2") format("woff2"), url("../fonts/futura-bold.woff") format("woff");
font-weight: 700
}
@font-face {
font-family: "Futura-Book";
src: url("../fonts/futura-book.woff2") format("woff2"), url("../fonts/futura-book.woff") format("woff");
font-weight: 300
}
@font-face {
font-family: "MrsMonster";
src: url("../fonts/MrsMonster.woff2") format("woff2"), url("../fonts/MrsMonster.woff") format("woff");
font-weight: 400
}
/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 16;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, .75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, .5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, .175);
--bs-border-radius: .375rem;
--bs-border-radius-sm: .25rem;
--bs-border-radius-lg: .5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
--bs-focus-ring-width: .25rem;
--bs-focus-ring-opacity: .25;
--bs-focus-ring-color: rgba(13, 110, 253, .25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, .75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, .5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, .15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f
}
*,
*:before,
*:after {
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: .25
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color)
}
h1,
.h1 {
font-size: 40
}
h2,
.h2 {
font-size: 32
}
h3,
.h3 {
font-size: 28
}
h4,
.h4 {
font-size: 24
}
h5,
.h5 {
font-size: 20
}
h6,
.h6 {
font-size: 16
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small,
.small {
font-size: .875em
}
mark,
.mark {
padding: .1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg)
}
sub,
sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: .875em;
color: var(--bs-code-color);
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .1875rem .375rem;
font-size: .875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: .25rem
}
kbd kbd {
padding: 0;
font-size: 1em
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: var(--bs-secondary-color);
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + .3vw);
line-height: inherit
}
@media (min-width:1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}
.lead {
font-size: 20;
font-weight: 300
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-1 {
font-size: 5rem
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-2 {
font-size: 4.5rem
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-3 {
font-size: 4rem
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-4 {
font-size: 3.5rem
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-5 {
font-size: 3rem
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2
}
@media (min-width:1200px) {
.display-6 {
font-size: 2.5rem
}
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: .875em;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 20
}
.blockquote>:last-child {
margin-bottom: 0
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: .875em;
color: #6c757d
}
.blockquote-footer:before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: .875em;
color: var(--bs-secondary-color)
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x)*.5);
padding-left: calc(var(--bs-gutter-x)*.5);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-sm,
.container-md {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1140px
}
}
@media (min-width:1400px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1*var(--bs-gutter-y));
margin-right: calc(-.5*var(--bs-gutter-x));
margin-left: calc(-.5*var(--bs-gutter-x))
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)*.5);
padding-left: calc(var(--bs-gutter-x)*.5);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: .25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: .25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: .5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: .5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media (min-width:576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: .25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: .25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: .5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: .5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: .25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: .25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: .5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: .5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:992px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: .25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: .25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: .5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: .5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: .25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: .25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: .5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: .5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1400px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.33333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.33333333%
}
.offset-xxl-2 {
margin-left: 16.66666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.33333333%
}
.offset-xxl-5 {
margin-left: 41.66666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.33333333%
}
.offset-xxl-8 {
margin-left: 66.66666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.33333333%
}
.offset-xxl-11 {
margin-left: 91.66666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: .25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: .25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: .5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: .5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color)
}
.table>:not(caption)>*>* {
padding: .5rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}
.table>tbody {
vertical-align: inherit
}
.table>thead {
vertical-align: bottom
}
.table-group-divider {
border-top: calc(var(--bs-border-width)*2) solid currentcolor
}
.caption-top {
caption-side: top
}
.table-sm>:not(caption)>*>* {
padding: .25rem
}
.table-bordered>:not(caption)>* {
border-width: var(--bs-border-width) 0
}
.table-bordered>:not(caption)>*>* {
border-width: 0 var(--bs-border-width)
}
.table-borderless>:not(caption)>*>* {
border-bottom-width: 0
}
.table-borderless>:not(:first-child) {
border-top-width: 0
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg)
}
.table-striped-columns>:not(caption)>tr>:nth-child(even) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg)
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg)
}
.table-hover>tbody>tr:hover>* {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg)
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #cfe2ff;
--bs-table-border-color: #a6b5cc;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e2e3e5;
--bs-table-border-color: #b5b6b7;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: #d1e7dd;
--bs-table-border-color: #a7b9b1;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: #cff4fc;
--bs-table-border-color: #a6c3ca;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fff3cd;
--bs-table-border-color: #ccc2a4;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f8d7da;
--bs-table-border-color: #c6acae;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: #c6c7c8;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: #4d5154;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color)
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media (max-width:575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width:1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
.form-label {
margin-bottom: .5rem
}
.col-form-label {
padding-top: calc(.375rem + var(--bs-border-width));
padding-bottom: calc(.375rem + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + var(--bs-border-width));
padding-bottom: calc(.5rem + var(--bs-border-width));
font-size: 20
}
.col-form-label-sm {
padding-top: calc(.25rem + var(--bs-border-width));
padding-bottom: calc(.25rem + var(--bs-border-width));
font-size: 14
}
.form-text {
margin-top: .25rem;
font-size: .875em;
color: var(--bs-secondary-color)
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 16;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
appearance: none;
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control[type=file] {
overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.5em;
margin: 0
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0
}
.form-control::placeholder {
color: var(--bs-secondary-color);
opacity: 1
}
.form-control:disabled {
background-color: var(--bs-secondary-bg);
opacity: 1
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
margin-inline-end: .75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--bs-secondary-bg)
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: var(--bs-body-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0
}
.form-control-plaintext:focus {
outline: 0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)*2));
padding: .25rem .5rem;
font-size: 14;
border-radius: var(--bs-border-radius-sm)
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
margin-inline-end: .5rem
}
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width)*2));
padding: .5rem 1rem;
font-size: 20;
border-radius: var(--bs-border-radius-lg)
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
margin-inline-end: 1rem
}
textarea.form-control {
min-height: calc(1.5em + .75rem + calc(var(--bs-border-width)*2))
}
textarea.form-control-sm {
min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)*2))
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width)*2))
}
.form-control-color {
width: 3rem;
height: calc(1.5em + .75rem + calc(var(--bs-border-width)*2));
padding: .375rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius)
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius)
}
.form-control-color.form-control-sm {
height: calc(1.5em + .5rem + calc(var(--bs-border-width)*2))
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + calc(var(--bs-border-width)*2))
}
.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: .375rem 2.25rem .375rem .75rem;
font-size: 16;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
appearance: none;
background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-select {
transition: none
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
padding-right: .75rem;
background-image: none
}
.form-select:disabled {
background-color: var(--bs-secondary-bg)
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-body-color)
}
.form-select-sm {
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: 14;
border-radius: var(--bs-border-radius-sm)
}
.form-select-lg {
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 20;
border-radius: var(--bs-border-radius-lg)
}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
.form-check {
display: block;
min-height: 24;
padding-left: 1.5em;
margin-bottom: .125rem
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0
}
.form-check-input {
--bs-form-check-bg: var(--bs-body-bg);
flex-shrink: 0;
width: 1em;
height: 1em;
margin-top: .25em;
vertical-align: top;
appearance: none;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
print-color-adjust: exact
}
.form-check-input[type=checkbox] {
border-radius: .25em
}
.form-check-input[type=radio] {
border-radius: 50%
}
.form-check-input:active {
filter: brightness(90%)
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: .5
}
.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
cursor: default;
opacity: .5
}
.form-switch {
padding-left: 2.5em
}
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width: 2em;
margin-left: -2.5em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
transition: background-position .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
transition: none
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
background-position: right center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0
}
.form-check-inline {
display: inline-block;
margin-right: 1rem
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.btn-check[disabled]+.btn,
.btn-check[disabled]+.button,
.block-contact-form form .btn-check[disabled]+.button,
.block-prices .ticket-dropdown .btn-check[disabled]+.ticket-dropbtn,
.btn-check:disabled+.btn,
.btn-check:disabled+.button,
.block-contact-form form .btn-check:disabled+.button,
.block-prices .ticket-dropdown .btn-check:disabled+.ticket-dropbtn {
pointer-events: none;
filter: none;
opacity: .65
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
appearance: none;
background-color: transparent
}
.form-range:focus {
outline: 0
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range::-moz-focus-outer {
border: 0
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
appearance: none;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
transition: none
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
appearance: none;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
transition: none
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe
}
.form-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem
}
.form-range:disabled {
pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color)
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-secondary-color)
}
.form-floating {
position: relative
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
height: calc(3.5rem + calc(var(--bs-border-width)*2));
min-height: calc(3.5rem + calc(var(--bs-border-width)*2));
line-height: 1.25
}
.form-floating>label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem .75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-floating>label {
transition: none
}
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
padding: 1rem .75rem
}
.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
color: transparent
}
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-select {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
color: rgba(var(--bs-body-color-rgb), .65);
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control:focus~label:after,
.form-floating>.form-control:not(:placeholder-shown)~label:after,
.form-floating>.form-control-plaintext~label:after,
.form-floating>.form-select~label:after {
position: absolute;
inset: 1rem .375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius)
}
.form-floating>.form-control:-webkit-autofill~label {
color: rgba(var(--bs-body-color-rgb), .65);
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control-plaintext~label {
border-width: var(--bs-border-width) 0
}
.form-floating>:disabled~label,
.form-floating>.form-control:disabled~label {
color: #6c757d
}
.form-floating>:disabled~label:after,
.form-floating>.form-control:disabled~label:after {
background-color: var(--bs-secondary-bg)
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0
}
.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
z-index: 5
}
.input-group .btn,
.input-group .button,
.input-group .block-contact-form form .button,
.block-contact-form form .input-group .button,
.input-group .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .input-group .ticket-dropbtn {
position: relative;
z-index: 2
}
.input-group .btn:focus,
.input-group .button:focus,
.input-group .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .input-group .ticket-dropbtn:focus {
z-index: 5
}
.input-group-text {
display: flex;
align-items: center;
padding: .375rem .75rem;
font-size: 16;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius)
}
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn,
.input-group-lg>.button,
.block-contact-form form .input-group-lg>.button,
.block-prices .ticket-dropdown .input-group-lg>.ticket-dropbtn {
padding: .5rem 1rem;
font-size: 20;
border-radius: var(--bs-border-radius-lg)
}
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn,
.input-group-sm>.button,
.block-contact-form form .input-group-sm>.button,
.block-prices .ticket-dropdown .input-group-sm>.ticket-dropbtn {
padding: .25rem .5rem;
font-size: 14;
border-radius: var(--bs-border-radius-sm)
}
.input-group-lg>.form-select,
.input-group-sm>.form-select {
padding-right: 3rem
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width)*-1);
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: var(--bs-form-valid-color)
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: 14;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius)
}
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
display: block
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: var(--bs-form-valid-border-color);
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.was-validated .form-select:valid,
.form-select.is-valid {
border-color: var(--bs-form-valid-border-color)
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
width: calc(3rem + calc(1.5em + .75rem))
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color)
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color)
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
color: var(--bs-form-valid-color)
}
.form-check-inline .form-check-input~.valid-feedback {
margin-left: .5em
}
.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
z-index: 3
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: var(--bs-form-invalid-color)
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: 14;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius)
}
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
display: block
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: var(--bs-form-invalid-border-color);
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color)
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + .75rem))
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color)
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color)
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: var(--bs-form-invalid-color)
}
.form-check-inline .form-check-input~.invalid-feedback {
margin-left: .5em
}
.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
z-index: 4
}
.btn,
.button,
.block-contact-form form .button,
.block-prices .ticket-dropdown .ticket-dropbtn {
--bs-btn-padding-x: .75rem;
--bs-btn-padding-y: .375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 16;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
--bs-btn-disabled-opacity: .65;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn,
.button,
.block-contact-form form .button,
.block-prices .ticket-dropdown .ticket-dropbtn {
transition: none
}
}
.btn:hover,
.button:hover,
.block-contact-form form .button:hover,
.block-prices .ticket-dropdown .ticket-dropbtn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color)
}
.btn-check+.btn:hover,
.btn-check+.button:hover,
.block-contact-form form .btn-check+.button:hover,
.block-prices .ticket-dropdown .btn-check+.ticket-dropbtn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color)
}
.btn:focus-visible,
.button:focus-visible,
.block-contact-form form .button:focus-visible,
.block-prices .ticket-dropdown .ticket-dropbtn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn-check:focus-visible+.btn,
.btn-check:focus-visible+.button,
.block-contact-form form .btn-check:focus-visible+.button,
.block-prices .ticket-dropdown .btn-check:focus-visible+.ticket-dropbtn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,
.btn-check:checked+.button,
.block-contact-form form .btn-check:checked+.button,
.block-prices .ticket-dropdown .btn-check:checked+.ticket-dropbtn,
:not(.btn-check)+.btn:active,
:not(.btn-check)+.button:active,
.block-contact-form form :not(.btn-check)+.button:active,
.block-prices .ticket-dropdown :not(.btn-check)+.ticket-dropbtn:active,
.btn:first-child:active,
.button:first-child:active,
.block-prices .ticket-dropdown .ticket-dropbtn:first-child:active,
.btn.active,
.active.button,
.block-contact-form form .active.button,
.block-prices .ticket-dropdown .active.ticket-dropbtn,
.btn.show,
.show.button,
.block-contact-form form .show.button,
.block-prices .ticket-dropdown .show.ticket-dropbtn {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,
.btn-check:checked+.button:focus-visible,
.block-contact-form form .btn-check:checked+.button:focus-visible,
.block-prices .ticket-dropdown .btn-check:checked+.ticket-dropbtn:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
:not(.btn-check)+.button:active:focus-visible,
.block-contact-form form :not(.btn-check)+.button:active:focus-visible,
.block-prices .ticket-dropdown :not(.btn-check)+.ticket-dropbtn:active:focus-visible,
.btn:first-child:active:focus-visible,
.button:first-child:active:focus-visible,
.block-prices .ticket-dropdown .ticket-dropbtn:first-child:active:focus-visible,
.btn.active:focus-visible,
.active.button:focus-visible,
.block-prices .ticket-dropdown .active.ticket-dropbtn:focus-visible,
.btn.show:focus-visible,
.show.button:focus-visible,
.block-prices .ticket-dropdown .show.ticket-dropbtn:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow)
}
.btn:disabled,
.button:disabled,
.block-contact-form form .button:disabled,
.block-prices .ticket-dropdown .ticket-dropbtn:disabled,
.btn.disabled,
.disabled.button,
.block-contact-form form .disabled.button,
.block-prices .ticket-dropdown .disabled.ticket-dropbtn,
fieldset:disabled .btn,
fieldset:disabled .button,
fieldset:disabled .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown fieldset:disabled .ticket-dropbtn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity)
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0b5ed7;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
--bs-btn-disabled-border-color: #0d6efd
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130, 138, 145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347;
--bs-btn-hover-border-color: #146c43;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43;
--bs-btn-active-border-color: #13653f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424649;
--bs-btn-hover-border-color: #373b3e;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529
}
.btn-outline-primary {
--bs-btn-color: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0d6efd;
--bs-btn-hover-border-color: #0d6efd;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0d6efd;
--bs-btn-active-border-color: #0d6efd;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #0d6efd;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0d6efd;
--bs-gradient: none
}
.btn-outline-secondary {
--bs-btn-color: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #6c757d;
--bs-btn-hover-border-color: #6c757d;
--bs-btn-focus-shadow-rgb: 108, 117, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #6c757d;
--bs-btn-active-border-color: #6c757d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6c757d;
--bs-gradient: none
}
.btn-outline-success {
--bs-btn-color: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #198754;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #198754;
--bs-gradient: none
}
.btn-outline-info {
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none
}
.btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-gradient: none
}
.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none
}
.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none
}
.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
text-decoration: underline
}
.btn-link:focus-visible {
color: var(--bs-btn-color)
}
.btn-link:hover {
color: var(--bs-btn-hover-color)
}
.btn-lg,
.btn-group-lg>.btn,
.btn-group-lg>.button,
.block-contact-form form .btn-group-lg>.button,
.block-prices .ticket-dropdown .btn-group-lg>.ticket-dropbtn {
--bs-btn-padding-y: .5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 20;
--bs-btn-border-radius: var(--bs-border-radius-lg)
}
.btn-sm,
.btn-group-sm>.btn,
.btn-group-sm>.button,
.block-contact-form form .btn-group-sm>.button,
.block-prices .ticket-dropdown .btn-group-sm>.ticket-dropbtn {
--bs-btn-padding-y: .25rem;
--bs-btn-padding-x: .5rem;
--bs-btn-font-size: 14;
--bs-btn-border-radius: var(--bs-border-radius-sm)
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing.collapse-horizontal {
transition: none
}
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty:after {
margin-left: 0
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: .5rem;
--bs-dropdown-spacer: .125rem;
--bs-dropdown-font-size: 16;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: .5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: .25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: .5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius)
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer)
}
.dropdown-menu-start {
--bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-end {
--bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-start {
--bs-position: start
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-sm-end {
--bs-position: end
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-start {
--bs-position: start
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-md-end {
--bs-position: end
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-start {
--bs-position: start
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-lg-end {
--bs-position: end
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-start {
--bs-position: start
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xl-end {
--bs-position: end
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width:1400px) {
.dropdown-menu-xxl-start {
--bs-position: start
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xxl-end {
--bs-position: end
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer)
}
.dropup .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty:after {
margin-left: 0
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer)
}
.dropend .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropend .dropdown-toggle:empty:after {
margin-left: 0
}
.dropend .dropdown-toggle:after {
vertical-align: 0
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer)
}
.dropstart .dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropstart .dropdown-toggle:after {
display: none
}
.dropstart .dropdown-toggle:before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropstart .dropdown-toggle:empty:after {
margin-left: 0
}
.dropstart .dropdown-toggle:before {
vertical-align: 0
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0)
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg)
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg)
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 14;
color: var(--bs-dropdown-header-color);
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color)
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.btn-group>.btn,
.btn-group>.button,
.block-contact-form form .btn-group>.button,
.block-prices .ticket-dropdown .btn-group>.ticket-dropbtn,
.btn-group-vertical>.btn,
.btn-group-vertical>.button,
.block-contact-form form .btn-group-vertical>.button,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn {
position: relative;
flex: 1 1 auto
}
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:checked+.button,
.block-contact-form form .btn-group>.btn-check:checked+.button,
.block-prices .ticket-dropdown .btn-group>.btn-check:checked+.ticket-dropbtn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn-check:focus+.button,
.block-contact-form form .btn-group>.btn-check:focus+.button,
.block-prices .ticket-dropdown .btn-group>.btn-check:focus+.ticket-dropbtn,
.btn-group>.btn:hover,
.btn-group>.button:hover,
.block-contact-form form .btn-group>.button:hover,
.block-prices .ticket-dropdown .btn-group>.ticket-dropbtn:hover,
.btn-group>.btn:focus,
.btn-group>.button:focus,
.block-contact-form form .btn-group>.button:focus,
.block-prices .ticket-dropdown .btn-group>.ticket-dropbtn:focus,
.btn-group>.btn:active,
.btn-group>.button:active,
.block-contact-form form .btn-group>.button:active,
.block-prices .ticket-dropdown .btn-group>.ticket-dropbtn:active,
.btn-group>.btn.active,
.btn-group>.active.button,
.block-contact-form form .btn-group>.active.button,
.block-prices .ticket-dropdown .btn-group>.active.ticket-dropbtn,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:checked+.button,
.block-contact-form form .btn-group-vertical>.btn-check:checked+.button,
.block-prices .ticket-dropdown .btn-group-vertical>.btn-check:checked+.ticket-dropbtn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn-check:focus+.button,
.block-contact-form form .btn-group-vertical>.btn-check:focus+.button,
.block-prices .ticket-dropdown .btn-group-vertical>.btn-check:focus+.ticket-dropbtn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.button:hover,
.block-contact-form form .btn-group-vertical>.button:hover,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.button:focus,
.block-contact-form form .btn-group-vertical>.button:focus,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.button:active,
.block-contact-form form .btn-group-vertical>.button:active,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn:active,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.active.button,
.block-contact-form form .btn-group-vertical>.active.button,
.block-prices .ticket-dropdown .btn-group-vertical>.active.ticket-dropbtn {
z-index: 1
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group {
border-radius: var(--bs-border-radius)
}
.btn-group>:not(.btn-check:first-child)+.btn,
.btn-group>:not(.btn-check:first-child)+.button,
.block-contact-form form .btn-group>:not(.btn-check:first-child)+.button,
.block-prices .ticket-dropdown .btn-group>:not(.btn-check:first-child)+.ticket-dropbtn,
.btn-group>.btn-group:not(:first-child) {
margin-left: calc(var(--bs-border-width)*-1)
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.button:not(:last-child):not(.dropdown-toggle),
.block-contact-form form .btn-group>.button:not(:last-child):not(.dropdown-toggle),
.block-prices .ticket-dropdown .btn-group>.ticket-dropbtn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.dropdown-toggle-split.button:first-child,
.block-contact-form form .btn-group>.dropdown-toggle-split.button:first-child,
.block-prices .ticket-dropdown .btn-group>.dropdown-toggle-split.ticket-dropbtn:first-child,
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn-group:not(:last-child)>.button,
.block-contact-form form .btn-group>.btn-group:not(:last-child)>.button,
.block-prices .ticket-dropdown .btn-group>.btn-group:not(:last-child)>.ticket-dropbtn {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:nth-child(n+3),
.btn-group>.button:nth-child(n+3),
.block-contact-form form .btn-group>.button:nth-child(n+3),
.block-prices .ticket-dropdown .btn-group>.ticket-dropbtn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>:not(.btn-check)+.button,
.block-contact-form form .btn-group>:not(.btn-check)+.button,
.block-prices .ticket-dropdown .btn-group>:not(.btn-check)+.ticket-dropbtn,
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn-group:not(:first-child)>.button,
.block-contact-form form .btn-group>.btn-group:not(:first-child)>.button,
.block-prices .ticket-dropdown .btn-group>.btn-group:not(:first-child)>.ticket-dropbtn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after {
margin-left: 0
}
.dropstart .dropdown-toggle-split:before {
margin-right: 0
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-group-sm>.button+.dropdown-toggle-split,
.block-contact-form form .btn-group-sm>.button+.dropdown-toggle-split,
.block-prices .ticket-dropdown .btn-group-sm>.ticket-dropbtn+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-group-lg>.button+.dropdown-toggle-split,
.block-contact-form form .btn-group-lg>.button+.dropdown-toggle-split,
.block-prices .ticket-dropdown .btn-group-lg>.ticket-dropbtn+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.button,
.block-contact-form form .btn-group-vertical>.button,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.button:not(:first-child),
.block-contact-form form .btn-group-vertical>.button:not(:first-child),
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
margin-top: calc(var(--bs-border-width)*-1)
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.button:not(:last-child):not(.dropdown-toggle),
.block-contact-form form .btn-group-vertical>.button:not(:last-child):not(.dropdown-toggle),
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn-group:not(:last-child)>.button,
.block-contact-form form .btn-group-vertical>.btn-group:not(:last-child)>.button,
.block-prices .ticket-dropdown .btn-group-vertical>.btn-group:not(:last-child)>.ticket-dropbtn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.button~.btn,
.block-contact-form form .btn-group-vertical>.button~.btn,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn~.btn,
.btn-group-vertical>.btn~.button,
.btn-group-vertical>.button~.button,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn~.button,
.block-contact-form form .btn-group-vertical>.btn~.button,
.block-contact-form form .btn-group-vertical>.button~.button,
.block-prices .ticket-dropdown .block-contact-form form .btn-group-vertical>.ticket-dropbtn~.button,
.block-prices .ticket-dropdown .btn-group-vertical>.btn~.ticket-dropbtn,
.block-prices .ticket-dropdown .btn-group-vertical>.button~.ticket-dropbtn,
.block-prices .ticket-dropdown .block-contact-form form .btn-group-vertical>.button~.ticket-dropbtn,
.block-prices .ticket-dropdown .btn-group-vertical>.ticket-dropbtn~.ticket-dropbtn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.button,
.block-contact-form form .btn-group-vertical>.btn-group:not(:first-child)>.button,
.block-prices .ticket-dropdown .btn-group-vertical>.btn-group:not(:first-child)>.ticket-dropbtn {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: .5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: 0 0;
border: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.nav-link {
transition: none
}
}
.nav-link:hover,
.nav-link:focus {
color: var(--bs-nav-link-hover-color)
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.nav-link.disabled,
.nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}
.nav-tabs .nav-link {
margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius)
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color)
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color)
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1*var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius)
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg)
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: .125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap)
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
border-bottom-color: currentcolor
}
.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: .5rem;
--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: -2.5rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 20;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x: .5rem;
--bs-navbar-toggler-padding-y: .25rem;
--bs-navbar-toggler-padding-x: .75rem;
--bs-navbar-toggler-font-size: 20;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: .25rem;
--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap
}
.navbar-brand:hover,
.navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color)
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: .5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color)
}
.navbar-nav .dropdown-menu {
position: static
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem;
color: var(--bs-navbar-color)
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color)
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition)
}
@media (prefers-reduced-motion:reduce) {
.navbar-toggler {
transition: none
}
}
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto
}
@media (min-width:576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width:1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxl .navbar-toggler {
display: none
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand .navbar-nav {
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none
}
.navbar-expand .offcanvas .offcanvas-header {
display: none
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, .55);
--bs-navbar-hover-color: rgba(255, 255, 255, .75);
--bs-navbar-disabled-color: rgba(255, 255, 255, .25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
[data-bs-theme=dark] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: .5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: .5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: .75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius)
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color)
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color)
}
.card-subtitle {
margin-top: calc(-.5*var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color)
}
.card-text:last-child {
margin-bottom: 0
}
.card-link+.card-link {
margin-left: var(--bs-card-spacer-x)
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}
.card-header-tabs {
margin-right: calc(-.5*var(--bs-card-cap-padding-x));
margin-bottom: calc(-1*var(--bs-card-cap-padding-y));
margin-left: calc(-.5*var(--bs-card-cap-padding-x));
border-bottom: 0
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg)
}
.card-header-pills {
margin-right: calc(-.5*var(--bs-card-cap-padding-x));
margin-left: calc(-.5*var(--bs-card-cap-padding-x))
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius)
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius)
}
.card-group>.card {
margin-bottom: var(--bs-card-group-margin)
}
@media (min-width:576px) {
.card-group {
display: flex;
flex-flow: row wrap
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-img-top,
.card-group>.card:not(:last-child) .card-header {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-img-bottom,
.card-group>.card:not(:last-child) .card-footer {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-img-top,
.card-group>.card:not(:first-child) .card-header {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-img-bottom,
.card-group>.card:not(:first-child) .card-footer {
border-bottom-left-radius: 0
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform .2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #86b7fe;
--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 16;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition)
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}
.accordion-button:not(.collapsed):after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform)
}
.accordion-button:after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition)
}
@media (prefers-reduced-motion:reduce) {
.accordion-button:after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-header {
margin-bottom: 0
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}
.accordion-flush .accordion-collapse {
border-width: 0
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.accordion-flush .accordion-item:first-child {
border-top: 0
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0
}
[data-bs-theme=dark] .accordion-button:after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: .5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius)
}
.breadcrumb-item+.breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x)
}
.breadcrumb-item+.breadcrumb-item:before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/")
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color)
}
.pagination {
--bs-pagination-padding-x: .75rem;
--bs-pagination-padding-y: .375rem;
--bs-pagination-font-size: 16;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex;
padding-left: 0;
list-style: none
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.page-link {
transition: none
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color)
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow)
}
.page-link.active,
.active>.page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color)
}
.page-link.disabled,
.disabled>.page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color)
}
.page-item:not(:first-child) .page-link {
margin-left: calc(var(--bs-border-width)*-1)
}
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius)
}
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius)
}
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: .75rem;
--bs-pagination-font-size: 20;
--bs-pagination-border-radius: var(--bs-border-radius-lg)
}
.pagination-sm {
--bs-pagination-padding-x: .5rem;
--bs-pagination-padding-y: .25rem;
--bs-pagination-font-size: 14;
--bs-pagination-border-radius: var(--bs-border-radius-sm)
}
.badge {
--bs-badge-padding-x: .65em;
--bs-badge-padding-y: .35em;
--bs-badge-font-size: .75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius)
}
.badge:empty {
display: none
}
.btn .badge,
.button .badge,
.block-contact-form form .button .badge,
.block-prices .ticket-dropdown .ticket-dropbtn .badge {
position: relative;
top: -1px
}
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius)
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700;
color: var(--bs-alert-link-color)
}
.alert-dismissible {
padding-right: 3rem
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem
}
.alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
--bs-alert-bg: var(--bs-primary-bg-subtle);
--bs-alert-border-color: var(--bs-primary-border-subtle);
--bs-alert-link-color: var(--bs-primary-text-emphasis)
}
.alert-secondary {
--bs-alert-color: var(--bs-secondary-text-emphasis);
--bs-alert-bg: var(--bs-secondary-bg-subtle);
--bs-alert-border-color: var(--bs-secondary-border-subtle);
--bs-alert-link-color: var(--bs-secondary-text-emphasis)
}
.alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
--bs-alert-bg: var(--bs-success-bg-subtle);
--bs-alert-border-color: var(--bs-success-border-subtle);
--bs-alert-link-color: var(--bs-success-text-emphasis)
}
.alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
--bs-alert-bg: var(--bs-info-bg-subtle);
--bs-alert-border-color: var(--bs-info-border-subtle);
--bs-alert-link-color: var(--bs-info-text-emphasis)
}
.alert-warning {
--bs-alert-color: var(--bs-warning-text-emphasis);
--bs-alert-bg: var(--bs-warning-bg-subtle);
--bs-alert-border-color: var(--bs-warning-border-subtle);
--bs-alert-link-color: var(--bs-warning-text-emphasis)
}
.alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle);
--bs-alert-link-color: var(--bs-danger-text-emphasis)
}
.alert-light {
--bs-alert-color: var(--bs-light-text-emphasis);
--bs-alert-bg: var(--bs-light-bg-subtle);
--bs-alert-border-color: var(--bs-light-border-subtle);
--bs-alert-link-color: var(--bs-light-text-emphasis)
}
.alert-dark {
--bs-alert-color: var(--bs-dark-text-emphasis);
--bs-alert-bg: var(--bs-dark-bg-subtle);
--bs-alert-border-color: var(--bs-dark-border-subtle);
--bs-alert-link-color: var(--bs-dark-text-emphasis)
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem
}
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
--bs-progress-font-size: 12;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #0d6efd;
--bs-progress-bar-transition: width .6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius)
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition)
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height)
}
.progress-stacked>.progress {
overflow: visible
}
.progress-stacked>.progress>.progress-bar {
width: 100%
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
animation: none
}
}
.list-group {
--bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: .5rem;
--bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius)
}
.list-group-numbered {
list-style-type: none;
counter-reset: section
}
.list-group-numbered>.list-group-item:before {
content: counters(section, ".") ". ";
counter-increment: section
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg)
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg)
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg)
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color)
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: calc(-1*var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width)
}
.list-group-horizontal {
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
@media (min-width:576px) {
.list-group-horizontal-sm {
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
@media (min-width:1400px) {
.list-group-horizontal-xxl {
flex-direction: row
}
.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.list-group-horizontal-xxl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
margin-left: calc(-1*var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width)
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 var(--bs-list-group-border-width)
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary-text-emphasis);
--bs-list-group-bg: var(--bs-primary-bg-subtle);
--bs-list-group-border-color: var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
--bs-list-group-active-color: var(--bs-primary-bg-subtle);
--bs-list-group-active-bg: var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}
.list-group-item-secondary {
--bs-list-group-color: var(--bs-secondary-text-emphasis);
--bs-list-group-bg: var(--bs-secondary-bg-subtle);
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
--bs-list-group-active-color: var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}
.list-group-item-success {
--bs-list-group-color: var(--bs-success-text-emphasis);
--bs-list-group-bg: var(--bs-success-bg-subtle);
--bs-list-group-border-color: var(--bs-success-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-success-border-subtle);
--bs-list-group-active-color: var(--bs-success-bg-subtle);
--bs-list-group-active-bg: var(--bs-success-text-emphasis);
--bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}
.list-group-item-info {
--bs-list-group-color: var(--bs-info-text-emphasis);
--bs-list-group-bg: var(--bs-info-bg-subtle);
--bs-list-group-border-color: var(--bs-info-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-info-border-subtle);
--bs-list-group-active-color: var(--bs-info-bg-subtle);
--bs-list-group-active-bg: var(--bs-info-text-emphasis);
--bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}
.list-group-item-warning {
--bs-list-group-color: var(--bs-warning-text-emphasis);
--bs-list-group-bg: var(--bs-warning-bg-subtle);
--bs-list-group-border-color: var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
--bs-list-group-active-color: var(--bs-warning-bg-subtle);
--bs-list-group-active-bg: var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}
.list-group-item-danger {
--bs-list-group-color: var(--bs-danger-text-emphasis);
--bs-list-group-bg: var(--bs-danger-bg-subtle);
--bs-list-group-border-color: var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
--bs-list-group-active-color: var(--bs-danger-bg-subtle);
--bs-list-group-active-bg: var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}
.list-group-item-light {
--bs-list-group-color: var(--bs-light-text-emphasis);
--bs-list-group-bg: var(--bs-light-bg-subtle);
--bs-list-group-border-color: var(--bs-light-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-light-border-subtle);
--bs-list-group-active-color: var(--bs-light-bg-subtle);
--bs-list-group-active-bg: var(--bs-light-text-emphasis);
--bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}
.list-group-item-dark {
--bs-list-group-color: var(--bs-dark-text-emphasis);
--bs-list-group-bg: var(--bs-dark-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
--bs-list-group-active-color: var(--bs-dark-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: .5;
--bs-btn-close-hover-opacity: .75;
--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: .25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em;
color: var(--bs-btn-close-color);
background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
border: 0;
border-radius: .375rem;
opacity: var(--bs-btn-close-opacity)
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity)
}
.btn-close:focus {
outline: 0;
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity)
}
.btn-close:disabled,
.btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: var(--bs-btn-close-disabled-opacity)
}
.btn-close-white {
filter: var(--bs-btn-close-white-filter)
}
[data-bs-theme=dark] .btn-close {
filter: var(--bs-btn-close-white-filter)
}
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: .75rem;
--bs-toast-padding-y: .5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: .875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);
--bs-toast-border-width: var(--bs-border-width);
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: var(--bs-border-radius);
--bs-toast-box-shadow: var(--bs-box-shadow);
--bs-toast-header-color: var(--bs-secondary-color);
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);
--bs-toast-header-border-color: var(--bs-border-color-translucent);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius)
}
.toast.showing {
opacity: 0
}
.toast:not(.show) {
display: none
}
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none
}
.toast-container>:not(:last-child) {
margin-bottom: var(--bs-toast-spacing)
}
.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}
.toast-header .btn-close {
margin-right: calc(-.5*var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x)
}
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: .5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-box-shadow: var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: .5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin)*2)
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin)*2)
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: .5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg)
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity)
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius)
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
margin: calc(-.5*var(--bs-modal-header-padding-y)) calc(-.5*var(--bs-modal-header-padding-x)) calc(-.5*var(--bs-modal-header-padding-y)) auto
}
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height)
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding)
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}
.modal-footer>* {
margin: calc(var(--bs-modal-footer-gap)*.5)
}
@media (min-width:576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: var(--bs-box-shadow)
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto
}
.modal-sm {
--bs-modal-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
--bs-modal-width: 1140px
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0
}
.modal-fullscreen .modal-body {
overflow-y: auto
}
@media (max-width:575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto
}
}
@media (max-width:767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto
}
}
@media (max-width:991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto
}
}
@media (max-width:1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto
}
}
@media (max-width:1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: .5rem;
--bs-tooltip-padding-y: .25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 14;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: .9;
--bs-tooltip-arrow-width: .8rem;
--bs-tooltip-arrow-height: .4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity)
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height)
}
.tooltip .tooltip-arrow:before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: calc(-1*var(--bs-tooltip-arrow-height))
}
.bs-tooltip-top .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
border-top-color: var(--bs-tooltip-bg)
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: calc(-1*var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width)
}
.bs-tooltip-end .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
border-right-color: var(--bs-tooltip-bg)
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: calc(-1*var(--bs-tooltip-arrow-height))
}
.bs-tooltip-bottom .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg)
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: calc(-1*var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width)
}
.bs-tooltip-start .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg)
}
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius)
}
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 14;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
--bs-popover-box-shadow: var(--bs-box-shadow);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: .5rem;
--bs-popover-header-font-size: 16;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: var(--bs-body-color);
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: .5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius)
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height)
}
.popover .popover-arrow:before,
.popover .popover-arrow:after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0
}
.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}
.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}
.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border)
}
.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg)
}
.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width)
}
.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}
.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
left: 0;
border-right-color: var(--bs-popover-arrow-border)
}
.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg)
}
.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}
.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}
.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border)
}
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg)
}
.bs-popover-bottom .popover-header:before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-.5*var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}
.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width)
}
.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}
.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
right: 0;
border-left-color: var(--bs-popover-arrow-border)
}
.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg)
}
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color)
}
.carousel {
position: relative
}
.carousel.pointer-event {
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner:after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%)
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none
}
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators [data-bs-target] {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000
}
.carousel-dark .carousel-caption {
color: #000
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
filter: invert(1) grayscale(100)
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color: #000
}
[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
color: #000
}
.spinner-grow,
.spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}
@keyframes spinner-border {
to {
transform: rotate(360deg)
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -.125em;
--bs-spinner-border-width: .25em;
--bs-spinner-animation-speed: .75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent
}
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: .2em
}
@keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1;
transform: none
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -.125em;
--bs-spinner-animation-speed: .75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0
}
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s
}
}
.offcanvas-sm,
.offcanvas-md,
.offcanvas-lg,
.offcanvas-xl,
.offcanvas-xxl,
.offcanvas {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
--bs-offcanvas-transition: transform .3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5
}
@media (max-width:575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-sm {
transition: none
}
}
@media (max-width:575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-sm.showing,
.offcanvas-sm.show:not(.hiding) {
transform: none
}
.offcanvas-sm.showing,
.offcanvas-sm.hiding,
.offcanvas-sm.show {
visibility: visible
}
}
@media (min-width:576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-sm .offcanvas-header {
display: none
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-md {
transition: none
}
}
@media (max-width:767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-md.showing,
.offcanvas-md.show:not(.hiding) {
transform: none
}
.offcanvas-md.showing,
.offcanvas-md.hiding,
.offcanvas-md.show {
visibility: visible
}
}
@media (min-width:768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-md .offcanvas-header {
display: none
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-lg {
transition: none
}
}
@media (max-width:991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-lg.showing,
.offcanvas-lg.show:not(.hiding) {
transform: none
}
.offcanvas-lg.showing,
.offcanvas-lg.hiding,
.offcanvas-lg.show {
visibility: visible
}
}
@media (min-width:992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-lg .offcanvas-header {
display: none
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-xl {
transition: none
}
}
@media (max-width:1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-xl.showing,
.offcanvas-xl.show:not(.hiding) {
transform: none
}
.offcanvas-xl.showing,
.offcanvas-xl.hiding,
.offcanvas-xl.show {
visibility: visible
}
}
@media (min-width:1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-xl .offcanvas-header {
display: none
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width:1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-xxl {
transition: none
}
}
@media (max-width:1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas-xxl.showing,
.offcanvas-xxl.show:not(.hiding) {
transform: none
}
.offcanvas-xxl.showing,
.offcanvas-xxl.hiding,
.offcanvas-xxl.show {
visibility: visible
}
}
@media (min-width:1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.offcanvas-xxl .offcanvas-header {
display: none
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
@media (prefers-reduced-motion:reduce) {
.offcanvas {
transition: none
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
transform: none
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
visibility: visible
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.offcanvas-backdrop.fade {
opacity: 0
}
.offcanvas-backdrop.show {
opacity: .5
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
margin-top: calc(-.5*var(--bs-offcanvas-padding-y));
margin-right: calc(-.5*var(--bs-offcanvas-padding-x));
margin-bottom: calc(-.5*var(--bs-offcanvas-padding-y))
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--bs-offcanvas-title-line-height)
}
.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: .5
}
.placeholder.btn:before,
.placeholder.button:before,
.block-prices .ticket-dropdown .placeholder.ticket-dropbtn:before {
display: inline-block;
content: ""
}
.placeholder-xs {
min-height: .6em
}
.placeholder-sm {
min-height: .8em
}
.placeholder-lg {
min-height: 1.2em
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite
}
@keyframes placeholder-glow {
50% {
opacity: .2
}
}
.placeholder-wave {
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite
}
@keyframes placeholder-wave {
100% {
mask-position: -200% 0%
}
}
.clearfix:after {
display: block;
clear: both;
content: ""
}
.text-bg-primary {
color: #fff !important;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-secondary {
color: #fff !important;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-success {
color: #fff !important;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-info {
color: #000 !important;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-warning {
color: #000 !important;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-danger {
color: #fff !important;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-light {
color: #000 !important;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}
.text-bg-dark {
color: #fff !important;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}
.link-primary {
color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-primary:hover,
.link-primary:focus {
color: rgba(10, 88, 202, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}
.link-secondary {
color: rgba(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-secondary:hover,
.link-secondary:focus {
color: rgba(86, 94, 100, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}
.link-success {
color: rgba(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-success:hover,
.link-success:focus {
color: rgba(20, 108, 67, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}
.link-info {
color: rgba(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-info:hover,
.link-info:focus {
color: rgba(61, 213, 243, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}
.link-warning {
color: rgba(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-warning:hover,
.link-warning:focus {
color: rgba(255, 205, 57, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}
.link-danger {
color: rgba(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-danger:hover,
.link-danger:focus {
color: rgba(176, 42, 55, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}
.link-light {
color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-light:hover,
.link-light:focus {
color: rgba(249, 250, 251, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}
.link-dark {
color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-dark:hover,
.link-dark:focus {
color: rgba(26, 30, 33, var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}
.link-body-emphasis {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}
.icon-link {
display: inline-flex;
gap: .375rem;
align-items: center;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
text-underline-offset: .25em;
backface-visibility: hidden
}
.icon-link>.bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: .2s ease-in-out transform
}
@media (prefers-reduced-motion:reduce) {
.icon-link>.bi {
transition: none
}
}
.icon-link-hover:hover>.bi,
.icon-link-hover:focus-visible>.bi {
transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}
.ratio {
position: relative;
width: 100%
}
.ratio:before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
.ratio>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio-1x1 {
--bs-aspect-ratio: 100%
}
.ratio-4x3 {
--bs-aspect-ratio: calc(3/4*100%)
}
.ratio-16x9 {
--bs-aspect-ratio: calc(9/16*100%)
}
.ratio-21x9 {
--bs-aspect-ratio: calc(9/21*100%)
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
@media (min-width:576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width:1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important
}
.stretched-link:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vr {
display: inline-block;
align-self: stretch;
width: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: .25
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.float-start {
float: left !important
}
.float-end {
float: right !important
}
.float-none {
float: none !important
}
.object-fit-contain {
object-fit: contain !important
}
.object-fit-cover {
object-fit: cover !important
}
.object-fit-fill {
object-fit: fill !important
}
.object-fit-scale {
object-fit: scale-down !important
}
.object-fit-none {
object-fit: none !important
}
.opacity-0 {
opacity: 0 !important
}
.opacity-25 {
opacity: .25 !important
}
.opacity-50 {
opacity: .5 !important
}
.opacity-75 {
opacity: .75 !important
}
.opacity-100 {
opacity: 1 !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-visible {
overflow: visible !important
}
.overflow-scroll {
overflow: scroll !important
}
.overflow-x-auto {
overflow-x: auto !important
}
.overflow-x-hidden {
overflow-x: hidden !important
}
.overflow-x-visible {
overflow-x: visible !important
}
.overflow-x-scroll {
overflow-x: scroll !important
}
.overflow-y-auto {
overflow-y: auto !important
}
.overflow-y-hidden {
overflow-y: hidden !important
}
.overflow-y-visible {
overflow-y: visible !important
}
.overflow-y-scroll {
overflow-y: scroll !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-inline-grid {
display: inline-grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.shadow {
box-shadow: var(--bs-box-shadow) !important
}
.shadow-sm {
box-shadow: var(--bs-box-shadow-sm) !important
}
.shadow-lg {
box-shadow: var(--bs-box-shadow-lg) !important
}
.shadow-none {
box-shadow: none !important
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-success {
--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-info {
--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light {
--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: sticky !important
}
.top-0 {
top: 0 !important
}
.top-50 {
top: 50% !important
}
.top-100 {
top: 100% !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
.start-100 {
left: 100% !important
}
.end-0 {
right: 0 !important
}
.end-50 {
right: 50% !important
}
.end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-0 {
border: 0 !important
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-top-0 {
border-top: 0 !important
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-end-0 {
border-right: 0 !important
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-start-0 {
border-left: 0 !important
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !important
}
.border-1 {
border-width: 1px !important
}
.border-2 {
border-width: 2px !important
}
.border-3 {
border-width: 3px !important
}
.border-4 {
border-width: 4px !important
}
.border-5 {
border-width: 5px !important
}
.border-opacity-10 {
--bs-border-opacity: .1
}
.border-opacity-25 {
--bs-border-opacity: .25
}
.border-opacity-50 {
--bs-border-opacity: .5
}
.border-opacity-75 {
--bs-border-opacity: .75
}
.border-opacity-100 {
--bs-border-opacity: 1
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.mw-100 {
max-width: 100% !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mh-100 {
max-height: 100% !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
.gap-0 {
gap: 0 !important
}
.gap-1 {
gap: .25rem !important
}
.gap-2 {
gap: .5rem !important
}
.gap-3 {
gap: 1rem !important
}
.gap-4 {
gap: 1.5rem !important
}
.gap-5 {
gap: 3rem !important
}
.row-gap-0 {
row-gap: 0 !important
}
.row-gap-1 {
row-gap: .25rem !important
}
.row-gap-2 {
row-gap: .5rem !important
}
.row-gap-3 {
row-gap: 1rem !important
}
.row-gap-4 {
row-gap: 1.5rem !important
}
.row-gap-5 {
row-gap: 3rem !important
}
.column-gap-0 {
column-gap: 0 !important
}
.column-gap-1 {
column-gap: .25rem !important
}
.column-gap-2 {
column-gap: .5rem !important
}
.column-gap-3 {
column-gap: 1rem !important
}
.column-gap-4 {
column-gap: 1.5rem !important
}
.column-gap-5 {
column-gap: 3rem !important
}
.font-monospace {
font-family: var(--bs-font-monospace) !important
}
.fs-1 {
font-size: 40 !important
}
.fs-2 {
font-size: 32 !important
}
.fs-3 {
font-size: 28 !important
}
.fs-4 {
font-size: 24 !important
}
.fs-5 {
font-size: 20 !important
}
.fs-6 {
font-size: 16 !important
}
.fst-italic {
font-style: italic !important
}
.fst-normal {
font-style: normal !important
}
.fw-lighter {
font-weight: lighter !important
}
.fw-light {
font-weight: 300 !important
}
.fw-normal {
font-weight: 400 !important
}
.fw-medium {
font-weight: 500 !important
}
.fw-semibold {
font-weight: 600 !important
}
.fw-bold {
font-weight: 700 !important
}
.fw-bolder {
font-weight: bolder !important
}
.lh-1 {
line-height: 1 !important
}
.lh-sm {
line-height: 1.25 !important
}
.lh-base {
line-height: 1.5 !important
}
.lh-lg {
line-height: 2 !important
}
.text-start {
text-align: left !important
}
.text-end {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-decoration-none {
text-decoration: none !important
}
.text-decoration-underline {
text-decoration: underline !important
}
.text-decoration-line-through {
text-decoration: line-through !important
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important
}
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, .5) !important
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important
}
.text-opacity-25 {
--bs-text-opacity: .25
}
.text-opacity-50 {
--bs-text-opacity: .5
}
.text-opacity-75 {
--bs-text-opacity: .75
}
.text-opacity-100 {
--bs-text-opacity: 1
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important
}
.link-opacity-10 {
--bs-link-opacity: .1
}
.link-opacity-10-hover:hover {
--bs-link-opacity: .1
}
.link-opacity-25 {
--bs-link-opacity: .25
}
.link-opacity-25-hover:hover {
--bs-link-opacity: .25
}
.link-opacity-50 {
--bs-link-opacity: .5
}
.link-opacity-50-hover:hover {
--bs-link-opacity: .5
}
.link-opacity-75 {
--bs-link-opacity: .75
}
.link-opacity-75-hover:hover {
--bs-link-opacity: .75
}
.link-opacity-100 {
--bs-link-opacity: 1
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1
}
.link-offset-1 {
text-underline-offset: .125em !important
}
.link-offset-1-hover:hover {
text-underline-offset: .125em !important
}
.link-offset-2 {
text-underline-offset: .25em !important
}
.link-offset-2-hover:hover {
text-underline-offset: .25em !important
}
.link-offset-3 {
text-underline-offset: .375em !important
}
.link-offset-3-hover:hover {
text-underline-offset: .375em !important
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-success {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-info {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-light {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}
.link-underline {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: .1
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: .1
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: .25
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: .25
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: .5
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: .5
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: .75
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: .75
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity: 1
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-opacity-10 {
--bs-bg-opacity: .1
}
.bg-opacity-25 {
--bs-bg-opacity: .25
}
.bg-opacity-50 {
--bs-bg-opacity: .5
}
.bg-opacity-75 {
--bs-bg-opacity: .75
}
.bg-opacity-100 {
--bs-bg-opacity: 1
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important
}
.bg-gradient {
background-image: var(--bs-gradient) !important
}
.user-select-all {
user-select: all !important
}
.user-select-auto {
user-select: auto !important
}
.user-select-none {
user-select: none !important
}
.pe-none {
pointer-events: none !important
}
.pe-auto {
pointer-events: auto !important
}
.rounded {
border-radius: var(--bs-border-radius) !important
}
.rounded-0 {
border-radius: 0 !important
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
.z-n1 {
z-index: -1 !important
}
.z-0 {
z-index: 0 !important
}
.z-1 {
z-index: 1 !important
}
.z-2 {
z-index: 2 !important
}
.z-3 {
z-index: 3 !important
}
@media (min-width:576px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.object-fit-sm-contain {
object-fit: contain !important
}
.object-fit-sm-cover {
object-fit: cover !important
}
.object-fit-sm-fill {
object-fit: fill !important
}
.object-fit-sm-scale {
object-fit: scale-down !important
}
.object-fit-sm-none {
object-fit: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-inline-grid {
display: inline-grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-sm-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-sm-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: .25rem !important
}
.mt-sm-2 {
margin-top: .5rem !important
}
.mt-sm-3 {
margin-top: 1rem !important
}
.mt-sm-4 {
margin-top: 1.5rem !important
}
.mt-sm-5 {
margin-top: 3rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: .25rem !important
}
.me-sm-2 {
margin-right: .5rem !important
}
.me-sm-3 {
margin-right: 1rem !important
}
.me-sm-4 {
margin-right: 1.5rem !important
}
.me-sm-5 {
margin-right: 3rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: .25rem !important
}
.mb-sm-2 {
margin-bottom: .5rem !important
}
.mb-sm-3 {
margin-bottom: 1rem !important
}
.mb-sm-4 {
margin-bottom: 1.5rem !important
}
.mb-sm-5 {
margin-bottom: 3rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: .25rem !important
}
.ms-sm-2 {
margin-left: .5rem !important
}
.ms-sm-3 {
margin-left: 1rem !important
}
.ms-sm-4 {
margin-left: 1.5rem !important
}
.ms-sm-5 {
margin-left: 3rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-sm-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-sm-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: .25rem !important
}
.pt-sm-2 {
padding-top: .5rem !important
}
.pt-sm-3 {
padding-top: 1rem !important
}
.pt-sm-4 {
padding-top: 1.5rem !important
}
.pt-sm-5 {
padding-top: 3rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: .25rem !important
}
.pe-sm-2 {
padding-right: .5rem !important
}
.pe-sm-3 {
padding-right: 1rem !important
}
.pe-sm-4 {
padding-right: 1.5rem !important
}
.pe-sm-5 {
padding-right: 3rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: .25rem !important
}
.pb-sm-2 {
padding-bottom: .5rem !important
}
.pb-sm-3 {
padding-bottom: 1rem !important
}
.pb-sm-4 {
padding-bottom: 1.5rem !important
}
.pb-sm-5 {
padding-bottom: 3rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: .25rem !important
}
.ps-sm-2 {
padding-left: .5rem !important
}
.ps-sm-3 {
padding-left: 1rem !important
}
.ps-sm-4 {
padding-left: 1.5rem !important
}
.ps-sm-5 {
padding-left: 3rem !important
}
.gap-sm-0 {
gap: 0 !important
}
.gap-sm-1 {
gap: .25rem !important
}
.gap-sm-2 {
gap: .5rem !important
}
.gap-sm-3 {
gap: 1rem !important
}
.gap-sm-4 {
gap: 1.5rem !important
}
.gap-sm-5 {
gap: 3rem !important
}
.row-gap-sm-0 {
row-gap: 0 !important
}
.row-gap-sm-1 {
row-gap: .25rem !important
}
.row-gap-sm-2 {
row-gap: .5rem !important
}
.row-gap-sm-3 {
row-gap: 1rem !important
}
.row-gap-sm-4 {
row-gap: 1.5rem !important
}
.row-gap-sm-5 {
row-gap: 3rem !important
}
.column-gap-sm-0 {
column-gap: 0 !important
}
.column-gap-sm-1 {
column-gap: .25rem !important
}
.column-gap-sm-2 {
column-gap: .5rem !important
}
.column-gap-sm-3 {
column-gap: 1rem !important
}
.column-gap-sm-4 {
column-gap: 1.5rem !important
}
.column-gap-sm-5 {
column-gap: 3rem !important
}
.text-sm-start {
text-align: left !important
}
.text-sm-end {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.object-fit-md-contain {
object-fit: contain !important
}
.object-fit-md-cover {
object-fit: cover !important
}
.object-fit-md-fill {
object-fit: fill !important
}
.object-fit-md-scale {
object-fit: scale-down !important
}
.object-fit-md-none {
object-fit: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-inline-grid {
display: inline-grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: .25rem !important
}
.gap-md-2 {
gap: .5rem !important
}
.gap-md-3 {
gap: 1rem !important
}
.gap-md-4 {
gap: 1.5rem !important
}
.gap-md-5 {
gap: 3rem !important
}
.row-gap-md-0 {
row-gap: 0 !important
}
.row-gap-md-1 {
row-gap: .25rem !important
}
.row-gap-md-2 {
row-gap: .5rem !important
}
.row-gap-md-3 {
row-gap: 1rem !important
}
.row-gap-md-4 {
row-gap: 1.5rem !important
}
.row-gap-md-5 {
row-gap: 3rem !important
}
.column-gap-md-0 {
column-gap: 0 !important
}
.column-gap-md-1 {
column-gap: .25rem !important
}
.column-gap-md-2 {
column-gap: .5rem !important
}
.column-gap-md-3 {
column-gap: 1rem !important
}
.column-gap-md-4 {
column-gap: 1.5rem !important
}
.column-gap-md-5 {
column-gap: 3rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.object-fit-lg-contain {
object-fit: contain !important
}
.object-fit-lg-cover {
object-fit: cover !important
}
.object-fit-lg-fill {
object-fit: fill !important
}
.object-fit-lg-scale {
object-fit: scale-down !important
}
.object-fit-lg-none {
object-fit: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-inline-grid {
display: inline-grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: .25rem !important
}
.gap-lg-2 {
gap: .5rem !important
}
.gap-lg-3 {
gap: 1rem !important
}
.gap-lg-4 {
gap: 1.5rem !important
}
.gap-lg-5 {
gap: 3rem !important
}
.row-gap-lg-0 {
row-gap: 0 !important
}
.row-gap-lg-1 {
row-gap: .25rem !important
}
.row-gap-lg-2 {
row-gap: .5rem !important
}
.row-gap-lg-3 {
row-gap: 1rem !important
}
.row-gap-lg-4 {
row-gap: 1.5rem !important
}
.row-gap-lg-5 {
row-gap: 3rem !important
}
.column-gap-lg-0 {
column-gap: 0 !important
}
.column-gap-lg-1 {
column-gap: .25rem !important
}
.column-gap-lg-2 {
column-gap: .5rem !important
}
.column-gap-lg-3 {
column-gap: 1rem !important
}
.column-gap-lg-4 {
column-gap: 1.5rem !important
}
.column-gap-lg-5 {
column-gap: 3rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.object-fit-xl-contain {
object-fit: contain !important
}
.object-fit-xl-cover {
object-fit: cover !important
}
.object-fit-xl-fill {
object-fit: fill !important
}
.object-fit-xl-scale {
object-fit: scale-down !important
}
.object-fit-xl-none {
object-fit: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-inline-grid {
display: inline-grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: .25rem !important
}
.gap-xl-2 {
gap: .5rem !important
}
.gap-xl-3 {
gap: 1rem !important
}
.gap-xl-4 {
gap: 1.5rem !important
}
.gap-xl-5 {
gap: 3rem !important
}
.row-gap-xl-0 {
row-gap: 0 !important
}
.row-gap-xl-1 {
row-gap: .25rem !important
}
.row-gap-xl-2 {
row-gap: .5rem !important
}
.row-gap-xl-3 {
row-gap: 1rem !important
}
.row-gap-xl-4 {
row-gap: 1.5rem !important
}
.row-gap-xl-5 {
row-gap: 3rem !important
}
.column-gap-xl-0 {
column-gap: 0 !important
}
.column-gap-xl-1 {
column-gap: .25rem !important
}
.column-gap-xl-2 {
column-gap: .5rem !important
}
.column-gap-xl-3 {
column-gap: 1rem !important
}
.column-gap-xl-4 {
column-gap: 1.5rem !important
}
.column-gap-xl-5 {
column-gap: 3rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media (min-width:1400px) {
.float-xxl-start {
float: left !important
}
.float-xxl-end {
float: right !important
}
.float-xxl-none {
float: none !important
}
.object-fit-xxl-contain {
object-fit: contain !important
}
.object-fit-xxl-cover {
object-fit: cover !important
}
.object-fit-xxl-fill {
object-fit: fill !important
}
.object-fit-xxl-scale {
object-fit: scale-down !important
}
.object-fit-xxl-none {
object-fit: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-inline-grid {
display: inline-grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: .25rem !important
}
.mt-xxl-2 {
margin-top: .5rem !important
}
.mt-xxl-3 {
margin-top: 1rem !important
}
.mt-xxl-4 {
margin-top: 1.5rem !important
}
.mt-xxl-5 {
margin-top: 3rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: .25rem !important
}
.me-xxl-2 {
margin-right: .5rem !important
}
.me-xxl-3 {
margin-right: 1rem !important
}
.me-xxl-4 {
margin-right: 1.5rem !important
}
.me-xxl-5 {
margin-right: 3rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: .25rem !important
}
.mb-xxl-2 {
margin-bottom: .5rem !important
}
.mb-xxl-3 {
margin-bottom: 1rem !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxl-5 {
margin-bottom: 3rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: .25rem !important
}
.ms-xxl-2 {
margin-left: .5rem !important
}
.ms-xxl-3 {
margin-left: 1rem !important
}
.ms-xxl-4 {
margin-left: 1.5rem !important
}
.ms-xxl-5 {
margin-left: 3rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: .25rem !important
}
.pt-xxl-2 {
padding-top: .5rem !important
}
.pt-xxl-3 {
padding-top: 1rem !important
}
.pt-xxl-4 {
padding-top: 1.5rem !important
}
.pt-xxl-5 {
padding-top: 3rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: .25rem !important
}
.pe-xxl-2 {
padding-right: .5rem !important
}
.pe-xxl-3 {
padding-right: 1rem !important
}
.pe-xxl-4 {
padding-right: 1.5rem !important
}
.pe-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: .25rem !important
}
.pb-xxl-2 {
padding-bottom: .5rem !important
}
.pb-xxl-3 {
padding-bottom: 1rem !important
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxl-5 {
padding-bottom: 3rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: .25rem !important
}
.ps-xxl-2 {
padding-left: .5rem !important
}
.ps-xxl-3 {
padding-left: 1rem !important
}
.ps-xxl-4 {
padding-left: 1.5rem !important
}
.ps-xxl-5 {
padding-left: 3rem !important
}
.gap-xxl-0 {
gap: 0 !important
}
.gap-xxl-1 {
gap: .25rem !important
}
.gap-xxl-2 {
gap: .5rem !important
}
.gap-xxl-3 {
gap: 1rem !important
}
.gap-xxl-4 {
gap: 1.5rem !important
}
.gap-xxl-5 {
gap: 3rem !important
}
.row-gap-xxl-0 {
row-gap: 0 !important
}
.row-gap-xxl-1 {
row-gap: .25rem !important
}
.row-gap-xxl-2 {
row-gap: .5rem !important
}
.row-gap-xxl-3 {
row-gap: 1rem !important
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important
}
.row-gap-xxl-5 {
row-gap: 3rem !important
}
.column-gap-xxl-0 {
column-gap: 0 !important
}
.column-gap-xxl-1 {
column-gap: .25rem !important
}
.column-gap-xxl-2 {
column-gap: .5rem !important
}
.column-gap-xxl-3 {
column-gap: 1rem !important
}
.column-gap-xxl-4 {
column-gap: 1.5rem !important
}
.column-gap-xxl-5 {
column-gap: 3rem !important
}
.text-xxl-start {
text-align: left !important
}
.text-xxl-end {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-inline-grid {
display: inline-grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: #fff url("/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/./ajax-loader.gif") center center no-repeat
}
@font-face {
font-family: "slick";
src: url("../fonts/slick.eot");
src: url("../fonts/slick.eot#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../images/slick.svg#slick") format("svg");
font-weight: 400;
font-style: normal
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0px;
cursor: pointer;
background: 0 0;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: 0 0;
color: transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
[dir=rtl] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→"
}
[dir=rtl] .slick-next:before {
content: "←"
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: 0 0;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
.slick-loading .slick-list {
background: #fff url("../images/ajax-loader.gif") center center no-repeat
}
.slick-dotted.slick-slider {
margin: 0
}
.slick-slide {
outline: none
}
.slick-prev,
.slick-next {
width: 45px;
height: 45px;
z-index: 3;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: 10px 15px;
box-shadow: 0 4px 6px rgba(0, 0, 0, .08);
border: 1px solid #e9e9e9;
border-radius: 50%;
transition: all .25s
}
.slick-prev:before,
.slick-next:before {
content: ""
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: 10px 15px
}
.dj-no-touch .slick-prev:hover,
.dj-no-touch .slick-prev:focus,
.dj-no-touch .slick-next:hover,
.dj-no-touch .slick-next:focus {
background-color: #f81700;
background-repeat: no-repeat;
background-position: center;
background-size: 10px 15px;
border-color: #f81700
}
.slick-prev {
left: -23px;
background-image: url(../images/arrow-left.svg)
}
.slick-prev:hover,
.slick-prev:focus {
background-image: url(../images/arrow-left.svg)
}
.slick-next {
right: -23px;
background-image: url(../images/arrow-right-3.svg)
}
.slick-next:hover,
.slick-next:focus {
background-image: url(../images/arrow-right-3.svg)
}
.slick-dots {
font-size: 0
}
.slick-dots li {
width: 10px;
height: 10px;
margin: 0 6px;
vertical-align: middle
}
.slick-dots li button {
width: 10px;
height: 10px;
padding: 0
}
.slick-dots li button:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #dedddd;
border: none;
border-radius: 5px;
opacity: 1;
transition: all .1s linear
}
.slick-dots li.slick-active {
width: 20px
}
.slick-dots li.slick-active button:before {
background-color: #f81700;
opacity: 1
}
.slick-vertical .slick-slide {
border: none
}
.slick-vertical .slick-prev,
.slick-vertical .slick-next {
transform: rotate(90deg)
}
.slick-vertical .slick-dots {
position: absolute;
top: 55.5%;
right: 82px;
bottom: auto;
transform-origin: 50% 0%;
transform: translateX(50%) rotate(90deg)
}
.slick-controls-together .slick-prev,
.slick-controls-together .slick-next {
top: auto;
left: auto;
right: auto;
transform: none
}
.slick-controls-together.slick-vertical .slick-prev,
.slick-controls-together.slick-vertical .slick-next {
transform: rotate(90deg)
}
.dj-no-touch .theme-aqualibi .slick-prev:hover,
.dj-no-touch .theme-aqualibi .slick-prev:focus,
.dj-no-touch .theme-aqualibi .slick-next:hover,
.dj-no-touch .theme-aqualibi .slick-next:focus {
background-color: #13b5ea;
border-color: #13b5ea
}
.theme-aqualibi .slick-dots li.slick-active button:before {
background-color: #13b5ea
}
.tablesaw-btn.btn,
.tablesaw-btn.button,
.block-contact-form form .tablesaw-btn.button,
.block-prices .ticket-dropdown .tablesaw-btn.ticket-dropbtn {
min-width: 0
}
@media (max-width:1023px) {
.tablesaw-btn.btn,
.tablesaw-btn.button,
.block-contact-form form .tablesaw-btn.button,
.block-prices .ticket-dropdown .tablesaw-btn.ticket-dropbtn {
min-width: 0
}
}
.dj-no-touch .tablesaw-btn.btn:hover,
.dj-no-touch .tablesaw-btn.button:hover,
.dj-no-touch .block-prices .ticket-dropdown .tablesaw-btn.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .tablesaw-btn.ticket-dropbtn:hover,
.dj-no-touch .tablesaw-btn.btn:focus,
.dj-no-touch .tablesaw-btn.button:focus,
.dj-no-touch .block-prices .ticket-dropdown .tablesaw-btn.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .tablesaw-btn.ticket-dropbtn:focus {
transform: none
}
.tablesaw-btn:focus,
.tablesaw-btn:active {
background: 0 0
}
.tablesaw-advance {
margin-bottom: 7px
}
.tablesaw-advance a.tablesaw-nav-btn {
width: 30px;
height: 30px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
outline: none;
box-shadow: none !important
}
.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before {
content: "";
display: block;
width: 17px;
height: 17px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: none;
background-repeat: no-repeat;
background-size: 100% 100%
}
.tablesaw-advance a.tablesaw-nav-btn.left:before {
background-image: url(../images/arrow-left-3.svg)
}
.tablesaw-advance a.tablesaw-nav-btn.right:before {
background-image: url(../images/arrow-right-2.svg)
}
.tablesaw-advance a.tablesaw-nav-btn.btn-micro {
padding: 0
}
.tablesaw {
margin-bottom: 1em;
clear: both;
font: 300 12px/16px "Futura-Book", "Futura", Arial, sans-serif;
letter-spacing: -.12px;
color: #26313a;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06)
}
.tablesaw th,
.tablesaw td {
padding: 20px 32px;
border: 1px solid #e5e5e5;
text-align: center
}
@media (max-width:1023px) {
.tablesaw th,
.tablesaw td {
padding: 14px 20px
}
}
.tablesaw th {
font: 500 10px "Futura", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.1px;
background: #fff
}
.tablesaw td {
background: #f5f9fd
}
.tablesaw thead th {
font-weight: 700;
letter-spacing: normal;
text-align: center;
color: #f81700
}
.tablesaw thead.empty-head th {
height: 0;
padding: 0;
border: none
}
.tablesaw tbody th {
text-align: left
}
.browser-ie .tablesaw,
.browser-edge .tablesaw {
border-collapse: separate
}
.browser-ie .tablesaw th,
.browser-ie .tablesaw td,
.browser-edge .tablesaw th,
.browser-edge .tablesaw td {
border-right-width: 0;
border-bottom-width: 0
}
.browser-ie .tablesaw th:last-child,
.browser-ie .tablesaw td:last-child,
.browser-edge .tablesaw th:last-child,
.browser-edge .tablesaw td:last-child {
border-right-width: 1px
}
.browser-ie .tablesaw tr:last-child td,
.browser-edge .tablesaw tr:last-child td {
border-bottom-width: 1px
}
.tablesaw-bar.tablesaw-all-cols-visible {
display: none
}
.tablesaw-swipe .tablesaw-swipe-cellpersist {
border-right: 1px solid #e5e5e5
}
.leaflet-popup-pane {
width: 100%
}
.close {
opacity: 1;
font-size: 2rem;
color: #f81700
}
@media (min-width:992px) {
.modal-lg {
max-width: 700px
}
}
.modal-title {
color: #f81700
}
.modal-content {
border: none
}
.modal-header {
padding: .5rem;
border-bottom: none
}
@media (min-width:992px) {
.modal-header {
padding: 1rem 1rem .25rem
}
}
.modal-header .close {
margin: -.5rem -.5rem -.5rem auto;
padding: .5rem
}
@media (min-width:992px) {
.modal-header .close {
margin: -1rem -1rem -1rem auto
}
}
.modal-body {
padding: .5rem
}
@media (min-width:992px) {
.modal-body {
padding: .25rem 1.5rem 1rem 1rem
}
}
.theme-aqualibi .close,
.theme-aqualibi .modal-title {
color: #13b5ea
}
.jcf-list .jcf-option {
white-space: initial
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: none
}
.popover-header {
font-size: 16px
}
.popover {
z-index: 9999;
white-space: initial
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.screen-reader {
position: absolute;
display: block;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.svg-icon {
display: block;
width: 100%;
height: 100%;
vertical-align: top;
fill: currentColor
}
.only-mob {
display: none !important
}
@media (max-width:1023px) {
.only-mob {
display: block !important
}
}
@media (max-width:1023px) {
.only-desktop {
display: none !important
}
}
@media (max-width:959px) {
.container {
padding-left: 0;
padding-right: 0
}
.container .row {
margin-left: 0;
margin-right: 0
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-bottom: .5em
}
h1,
.h1 {
letter-spacing: -.5px;
font: 700 50px/1.2 "walirides", Arial, sans-serif
}
@media (max-width:1023px) {
h1,
.h1 {
letter-spacing: -.3px;
font-size: 30px
}
}
h2,
.h2 {
margin-bottom: .33em;
font: 400 30px/1.6 "walirides", Arial, sans-serif
}
h3,
.h3 {
margin-bottom: .9em;
font: 700 20px/1.5 "Futura", Arial, sans-serif
}
h4,
.h4 {
margin-bottom: .63em;
font: 400 19px/1.42 "walirides", Arial, sans-serif
}
h5,
.h5 {
margin-bottom: .63em;
font: 700 14px/1.42 "Futura", Arial, sans-serif
}
h6,
.h6 {
margin-bottom: .63em;
font: 300 14px/1.42 "Futura", Arial, sans-serif
}
a {
color: #353633;
text-decoration: underline;
transition: all .25s
}
.dj-no-touch a:hover,
.dj-no-touch a:focus {
text-decoration: none
}
ol,
ul {
margin: 0 0 1em;
padding-left: 10px
}
ol {
list-style: decimal inside
}
ul {
list-style: disc inside
}
p {
margin-bottom: 1em
}
small,
.small {
font-size: .5em
}
b,
strong {
font-weight: 700
}
i,
em {
font-style: italic
}
u {
text-decoration: underline
}
sup {
vertical-align: super
}
sub {
vertical-align: sub;
font-size: smaller
}
.table-prices {
max-width: 896px;
margin: 20px auto;
table-layout: fixed
}
.table-prices tbody th {
width: 380px
}
@media (max-width:1023px) {
.table-prices tbody th {
width: 105px
}
}
.table-prices tr:last-child td {
background: #fff
}
.btn,
.button,
.block-contact-form form .button,
.block-prices .ticket-dropdown .ticket-dropbtn {
min-width: 236px;
max-width: 100%;
white-space: normal;
padding: 7px 2.5rem 6px;
position: relative;
text-decoration: none;
font: 700 14px/37px walirides;
letter-spacing: normal;
border: none;
outline: none;
transition: all .25s
}
@media (max-width:1023px) {
.btn,
.button,
.block-contact-form form .button,
.block-prices .ticket-dropdown .ticket-dropbtn {
min-width: 256px;
margin: 20px auto;
padding-right: 10px;
padding-left: 10px
}
}
.btn:focus,
.button:focus,
.block-contact-form form .button:focus,
.block-prices .ticket-dropdown .ticket-dropbtn:focus {
box-shadow: none
}
.dj-no-touch .btn:hover,
.dj-no-touch .button:hover,
.dj-no-touch .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .ticket-dropbtn:hover,
.dj-no-touch .btn:focus,
.dj-no-touch .button:focus,
.dj-no-touch .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .ticket-dropbtn:focus {
outline: none;
transform: translateY(-10px);
text-decoration: none
}
.btn .icon,
.button .icon,
.block-contact-form form .button .icon,
.block-prices .ticket-dropdown .ticket-dropbtn .icon {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 12px
}
.btn.btn-small,
.btn-small.button,
.block-contact-form form .btn-small.button,
.block-prices .ticket-dropdown .btn-small.ticket-dropbtn {
padding: 10px 1.25rem;
font-size: 11px;
font-weight: 700;
line-height: 15px;
box-shadow: 0 4px 7px rgba(0, 0, 0, .08)
}
.btn.btn-outline,
.btn-outline.button,
.block-contact-form form .btn-outline.button,
.block-prices .ticket-dropdown .btn-outline.ticket-dropbtn {
background: 0 0
}
.btn.btn-outline--white,
.btn-outline--white.button,
.block-contact-form form .btn-outline--white.button,
.block-prices .ticket-dropdown .btn-outline--white.ticket-dropbtn {
background: #fff;
border: #f4f7fa 2px solid
}
.btn.btn-white,
.button,
.block-contact-form form .button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .button,
.block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .button,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .button,
.block-contact-form form .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-red,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .btn-red.button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .button.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.button[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.button[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions input.btn[type=submit],
.block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .ticket-dropbtn,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.btn[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-red,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn-red.button,
.block-prices .ticket-dropdown .btn-white.ticket-dropbtn,
.block-prices .ticket-dropdown .ticket-dropbtn.button {
background: #fff;
color: #f81700
}
.btn.btn-red,
.btn-red.button,
.block-contact-form form .button,
.block-contact-form form .form-actions input.button[type=submit],
.block-offers .offers-list .offers-item-2 .button.btn-book,
.block-prices .ticket-dropdown .button.ticket-dropbtn,
.block-request-brochure form input.button[type=submit],
.block-contact-form form .form-actions input.btn[type=submit],
.block-contact-form form .form-actions .block-prices .ticket-dropdown input.ticket-dropbtn[type=submit],
.block-prices .ticket-dropdown .block-contact-form form .form-actions input.ticket-dropbtn[type=submit],
.block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-offers .offers-list .offers-item-2 .block-contact-form form .btn-book.button,
.block-contact-form form .block-offers .offers-list .offers-item-2 .btn-book.button,
.block-offers .offers-list .offers-item-2 .block-prices .ticket-dropdown .btn-book.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers .offers-list .offers-item-2 .btn-book.ticket-dropbtn,
.block-prices .ticket-dropdown .ticket-dropbtn,
.block-request-brochure form input.btn[type=submit],
.block-request-brochure .block-contact-form form input.button[type=submit],
.block-contact-form .block-request-brochure form input.button[type=submit],
.block-request-brochure form .block-prices .ticket-dropdown input.ticket-dropbtn[type=submit],
.block-prices .ticket-dropdown .block-request-brochure form input.ticket-dropbtn[type=submit] {
color: #fff;
background: #f81700
}
.btn.btn-red:active,
.btn-red.button:active,
.block-contact-form form .button:active,
.block-contact-form form .form-actions input.button:active[type=submit],
.block-offers .offers-list .offers-item-2 .button.btn-book:active,
.block-request-brochure form input.button:active[type=submit],
.block-contact-form form .form-actions input.btn:active[type=submit],
.block-offers .offers-list .offers-item-2 .btn.btn-book:active,
.block-prices .ticket-dropdown .ticket-dropbtn:active,
.block-request-brochure form input.btn:active[type=submit] {
background-color: #dc1400
}
.btn.btn-red.btn-red--reverce,
.btn-red.btn-red--reverce.button,
.block-contact-form form .btn-red--reverce.button,
.block-contact-form form .form-actions input.btn-red--reverce.button[type=submit],
.block-offers .offers-list .offers-item-2 .btn-red--reverce.button.btn-book,
.block-request-brochure form input.btn-red--reverce.button[type=submit],
.block-contact-form form .form-actions input.btn.btn-red--reverce[type=submit],
.block-offers .offers-list .offers-item-2 .btn.btn-red--reverce.btn-book,
.block-prices .ticket-dropdown .btn-red--reverce.ticket-dropbtn,
.block-request-brochure form input.btn.btn-red--reverce[type=submit] {
color: #f81700;
border: 1px solid #f81700;
background: #fff
}
.btn.btn-red.btn-red--reverce:focus,
.btn-red.btn-red--reverce.button:focus,
.block-contact-form form .btn-red--reverce.button:focus,
.block-offers .offers-list .offers-item-2 .btn-red--reverce.button.btn-book:focus,
.block-request-brochure form input.btn-red--reverce.button:focus[type=submit],
.block-contact-form form .form-actions input.btn.btn-red--reverce:focus[type=submit],
.block-offers .offers-list .offers-item-2 .btn.btn-red--reverce.btn-book:focus,
.block-prices .ticket-dropdown .btn-red--reverce.ticket-dropbtn:focus,
.block-request-brochure form input.btn.btn-red--reverce:focus[type=submit],
.btn.btn-red.btn-red--reverce:active,
.btn-red.btn-red--reverce.button:active,
.block-contact-form form .btn-red--reverce.button:active,
.block-offers .offers-list .offers-item-2 .btn-red--reverce.button.btn-book:active,
.block-request-brochure form input.btn-red--reverce.button:active[type=submit],
.block-contact-form form .form-actions input.btn.btn-red--reverce:active[type=submit],
.block-offers .offers-list .offers-item-2 .btn.btn-red--reverce.btn-book:active,
.block-prices .ticket-dropdown .btn-red--reverce.ticket-dropbtn:active,
.block-request-brochure form input.btn.btn-red--reverce:active[type=submit],
.btn.btn-red.btn-red--reverce:hover,
.btn-red.btn-red--reverce.button:hover,
.block-contact-form form .btn-red--reverce.button:hover,
.block-offers .offers-list .offers-item-2 .btn-red--reverce.button.btn-book:hover,
.block-request-brochure form input.btn-red--reverce.button:hover[type=submit],
.block-contact-form form .form-actions input.btn.btn-red--reverce:hover[type=submit],
.block-offers .offers-list .offers-item-2 .btn.btn-red--reverce.btn-book:hover,
.block-prices .ticket-dropdown .btn-red--reverce.ticket-dropbtn:hover,
.block-request-brochure form input.btn.btn-red--reverce:hover[type=submit] {
color: #f81700;
border: 1px solid #f81700;
background-color: #fff
}
.btn.btn-round,
.button,
.block-contact-form form .button,
.block-prices .ticket-dropdown .ticket-dropbtn {
overflow: hidden;
border-radius: 30px
}
.btn.btn-shadow,
.btn-shadow.button,
.block-prices .ticket-dropdown .button.ticket-dropbtn,
.block-contact-form form .btn-shadow.button,
.block-contact-form form .block-prices .ticket-dropdown .button.ticket-dropbtn,
.block-prices .ticket-dropdown .block-contact-form form .button.ticket-dropbtn,
.block-prices .ticket-dropdown .ticket-dropbtn {
box-shadow: -1px 3px 11px 0px rgba(50, 50, 50, .3)
}
.btn.btn-circle,
.btn-circle.button,
.block-contact-form form .btn-circle.button,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn {
display: inline-block;
min-width: 0;
width: 46px;
height: 46px;
padding: 5px;
position: relative;
background: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, .08);
border: 1px solid #e9e9e9;
border-radius: 50%;
vertical-align: middle;
color: #384550;
line-height: normal
}
@media (max-width:1023px) {
.btn.btn-circle,
.btn-circle.button,
.block-contact-form form .btn-circle.button,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn {
margin: 0
}
}
.btn.btn-circle .svg-icon,
.btn-circle.button .svg-icon,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.btn.btn-circle .svg-icon.svg-icon-arrow-left,
.btn-circle.button .svg-icon.svg-icon-arrow-left,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon.svg-icon-arrow-left {
width: 11px;
height: 17px
}
.btn.btn-circle .svg-icon.svg-icon-arrow-right,
.btn-circle.button .svg-icon.svg-icon-arrow-right,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon.svg-icon-arrow-right {
width: 11px;
height: 17px
}
.btn.btn-circle .svg-icon.svg-icon-heart,
.btn-circle.button .svg-icon.svg-icon-heart,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon.svg-icon-heart {
width: 16px;
height: 15px
}
.btn.btn-circle .svg-icon.svg-icon-share,
.btn-circle.button .svg-icon.svg-icon-share,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon.svg-icon-share {
width: 18px;
height: 20px
}
.btn.btn-circle .svg-icon.svg-icon-close,
.btn-circle.button .svg-icon.svg-icon-close,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon.svg-icon-close {
width: 18px;
height: 17px
}
.btn.btn-circle .svg-icon.svg-icon-hover,
.btn-circle.button .svg-icon.svg-icon-hover,
.block-prices .ticket-dropdown .btn-circle.ticket-dropbtn .svg-icon.svg-icon-hover {
display: none
}
.btn.btn-circle.btn-circle-small,
.btn-circle.btn-circle-small.button,
.block-prices .ticket-dropdown .btn-circle.btn-circle-small.ticket-dropbtn {
width: 38px;
height: 38px
}
.btn.btn-circle.btn-circle-small.svg-icon-arrow-left,
.btn-circle.btn-circle-small.svg-icon-arrow-left.button,
.block-prices .ticket-dropdown .btn-circle.btn-circle-small.svg-icon-arrow-left.ticket-dropbtn {
width: 9px;
height: 13px
}
.btn.btn-circle.btn-circle-small.svg-icon-arrow-right,
.btn-circle.btn-circle-small.svg-icon-arrow-right.button,
.block-prices .ticket-dropdown .btn-circle.btn-circle-small.svg-icon-arrow-right.ticket-dropbtn {
width: 9px;
height: 13px
}
.btn.btn-circle.btn-circle-small.svg-icon-heart,
.btn-circle.btn-circle-small.svg-icon-heart.button,
.block-prices .ticket-dropdown .btn-circle.btn-circle-small.svg-icon-heart.ticket-dropbtn {
width: 14px;
height: 13px
}
.btn.btn-circle.btn-circle-small.svg-icon-share,
.btn-circle.btn-circle-small.svg-icon-share.button,
.block-prices .ticket-dropdown .btn-circle.btn-circle-small.svg-icon-share.ticket-dropbtn {
width: 16px;
height: 18px
}
.dj-no-touch .btn.btn-circle:hover,
.dj-no-touch .btn-circle.button:hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-circle.ticket-dropbtn:hover,
.dj-no-touch .btn.btn-circle:focus,
.dj-no-touch .btn-circle.button:focus,
.dj-no-touch .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .btn-circle.ticket-dropbtn:focus {
background: #f81700;
border-color: #f81700;
color: #fff;
transform: none
}
.dj-no-touch .btn.btn-circle:hover.btn-circle-has-hover-icon .svg-icon,
.dj-no-touch .btn-circle.button:hover.btn-circle-has-hover-icon .svg-icon,
.dj-no-touch .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:hover.btn-circle-has-hover-icon .svg-icon,
.block-prices .ticket-dropdown .dj-no-touch .btn-circle.ticket-dropbtn:hover.btn-circle-has-hover-icon .svg-icon,
.dj-no-touch .btn.btn-circle:focus.btn-circle-has-hover-icon .svg-icon,
.dj-no-touch .btn-circle.button:focus.btn-circle-has-hover-icon .svg-icon,
.dj-no-touch .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:focus.btn-circle-has-hover-icon .svg-icon,
.block-prices .ticket-dropdown .dj-no-touch .btn-circle.ticket-dropbtn:focus.btn-circle-has-hover-icon .svg-icon {
display: none
}
.dj-no-touch .btn.btn-circle:hover.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.dj-no-touch .btn-circle.button:hover.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:hover.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-circle.ticket-dropbtn:hover.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.dj-no-touch .btn.btn-circle:focus.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.dj-no-touch .btn-circle.button:focus.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:focus.btn-circle-has-hover-icon .svg-icon.svg-icon-hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-circle.ticket-dropbtn:focus.btn-circle-has-hover-icon .svg-icon.svg-icon-hover {
display: block
}
.btn.btn-back,
.btn-back.button,
.block-contact-form form .btn-back.button,
.block-prices .ticket-dropdown .btn-back.ticket-dropbtn {
visibility: hidden
}
.dj-no-touch .btn.btn-back:hover,
.dj-no-touch .btn-back.button:hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-back.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-back.ticket-dropbtn:hover,
.dj-no-touch .btn.btn-back:focus,
.dj-no-touch .btn-back.button:focus,
.dj-no-touch .block-prices .ticket-dropdown .btn-back.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .btn-back.ticket-dropbtn:focus {
transform: none
}
.btn.btn-colored,
.btn-colored.button,
.block-contact-form form .btn-colored.button,
.block-prices .ticket-dropdown .btn-colored.ticket-dropbtn {
border: none;
color: #fff
}
.btn.btn-i,
.btn-i.button,
.block-contact-form form .btn-i.button,
.block-prices .ticket-dropdown .btn-i.ticket-dropbtn {
display: block;
min-width: 0;
width: 19px;
height: 19px;
padding: 0;
border: none;
color: #384550;
line-height: normal
}
.dj-no-touch .btn.btn-i:hover,
.dj-no-touch .btn-i.button:hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-i.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-i.ticket-dropbtn:hover,
.dj-no-touch .btn.btn-i:focus,
.dj-no-touch .btn-i.button:focus,
.dj-no-touch .block-prices .ticket-dropdown .btn-i.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .btn-i.ticket-dropbtn:focus {
color: #f81700;
transform: none
}
@media (max-width:1023px) {
.btn.btn-i,
.btn-i.button,
.block-contact-form form .btn-i.button,
.block-prices .ticket-dropdown .btn-i.ticket-dropbtn {
margin: 0
}
}
.btn.btn-download,
.btn-download.button,
.block-contact-form form .btn-download.button,
.block-prices .ticket-dropdown .btn-download.ticket-dropbtn {
padding-left: 3.125rem;
padding-right: 5.375rem;
box-shadow: 0 4px 7px rgba(0, 0, 0, .08)
}
.btn.btn-download .icon,
.btn-download.button .icon,
.block-prices .ticket-dropdown .btn-download.ticket-dropbtn .icon {
display: block;
width: 54px;
height: 100%;
margin: 0;
position: absolute;
top: 0;
right: 0;
background: #d21b08
}
.btn.btn-download .icon svg,
.btn-download.button .icon svg,
.block-prices .ticket-dropdown .btn-download.ticket-dropbtn .icon svg {
width: 13px;
height: 15px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: #fff
}
.btn.btn-share,
.btn-share.button,
.block-contact-form form .btn-share.button,
.block-prices .ticket-dropdown .btn-share.ticket-dropbtn {
color: #384550;
background: #e3e3e3
}
@media (min-width:1024px) {
.btn.btn-share,
.btn-share.button,
.block-contact-form form .btn-share.button,
.block-prices .ticket-dropdown .btn-share.ticket-dropbtn {
min-width: auto;
padding-left: 1.125rem;
padding-right: 1.625rem
}
}
.btn.btn-share .icon,
.btn-share.button .icon,
.block-prices .ticket-dropdown .btn-share.ticket-dropbtn .icon {
width: 22px;
height: 14px
}
.btn.btn-tickets,
.btn-tickets.button,
.block-contact-form form .btn-tickets.button,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn {
display: flex;
width: 200px;
min-width: 3;
padding: 5px;
font-size: 20px;
line-height: normal;
align-items: center;
justify-content: center;
flex-wrap: wrap;
text-decoration: none;
border-radius: 0
}
@media (max-width:1279px) {
.btn.btn-tickets,
.btn-tickets.button,
.block-contact-form form .btn-tickets.button,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn {
width: 160px;
font-size: 16px
}
}
@media (max-width:1023px) {
.btn.btn-tickets,
.btn-tickets.button,
.block-contact-form form .btn-tickets.button,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn {
width: auto;
margin: 0;
padding: 5px;
font-size: 18px;
flex: 1 0 0;
border: 1px solid #c01a09
}
}
.btn.btn-tickets .icon,
.btn-tickets.button .icon,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .icon {
width: 43px;
height: 37px;
margin-right: 18px
}
@media (max-width:1279px) {
.btn.btn-tickets .icon,
.btn-tickets.button .icon,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .icon {
width: 29px;
height: 25px
}
}
@media (max-width:1023px) {
.btn.btn-tickets .icon,
.btn-tickets.button .icon,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .icon {
width: 34px;
height: 31px;
margin-right: 11px
}
}
.btn.btn-tickets b,
.btn-tickets.button b,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn b,
.btn.btn-tickets small,
.btn-tickets.button small,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn small,
.btn.btn-tickets .small,
.btn-tickets.button .small,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .small {
display: block
}
.btn.btn-tickets small,
.btn-tickets.button small,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn small,
.btn.btn-tickets .small,
.btn-tickets.button .small,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .small {
display: none;
font-size: 9px
}
@media (max-width:1023px) {
.btn.btn-tickets small,
.btn-tickets.button small,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn small,
.btn.btn-tickets .small,
.btn-tickets.button .small,
.block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .small {
display: block
}
}
.dj-no-touch .btn.btn-tickets:hover,
.dj-no-touch .btn-tickets.button:hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-tickets.ticket-dropbtn:hover,
.dj-no-touch .btn.btn-tickets:focus,
.dj-no-touch .btn-tickets.button:focus,
.dj-no-touch .block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .btn-tickets.ticket-dropbtn:focus {
background-color: #dc1400;
text-decoration: none;
transform: none
}
.btn.btn-hover,
.btn-hover.button,
.block-contact-form form .btn-hover.button,
.block-prices .ticket-dropdown .btn-hover.ticket-dropbtn {
position: absolute
}
.dj-no-touch .btn.btn-hover:hover,
.dj-no-touch .btn-hover.button:hover,
.dj-no-touch .block-prices .ticket-dropdown .btn-hover.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .btn-hover.ticket-dropbtn:hover,
.dj-no-touch .btn.btn-hover:focus,
.dj-no-touch .btn-hover.button:focus,
.dj-no-touch .block-prices .ticket-dropdown .btn-hover.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .btn-hover.ticket-dropbtn:focus {
transform: translateY(-10px)
}
.btn.dropdown-toggle:hover,
.dropdown-toggle.button:hover,
.block-prices .ticket-dropdown .dropdown-toggle.ticket-dropbtn:hover {
transform: none !important
}
.theme-aqualibi .btn.btn-white,
.theme-aqualibi .button,
.theme-aqualibi .block-contact-form form .button,
.block-contact-form form .theme-aqualibi .button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .theme-aqualibi .button,
.theme-aqualibi .block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .button,
.block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi .button,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .button,
.block-contact-form form .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi .btn.btn-red,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi .btn-red.button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .theme-aqualibi .button.btn-book,
.theme-aqualibi .block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .button.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi .button.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form .theme-aqualibi input.button[type=submit],
.theme-aqualibi .block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.button[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi input.button[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions .theme-aqualibi input.btn[type=submit],
.theme-aqualibi .block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi input.btn[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .theme-aqualibi .btn.btn-book,
.theme-aqualibi .block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi .btn.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .theme-aqualibi .ticket-dropbtn,
.theme-aqualibi .block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .ticket-dropbtn,
.block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi .ticket-dropbtn,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form .theme-aqualibi input.btn[type=submit],
.theme-aqualibi .block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta .theme-aqualibi input.btn[type=submit],
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-red,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn-red.button,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-offers .offers-list .offers-item-2 .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .button.btn-book,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.button[type=submit],
.block-request-brochure form .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta input.button[type=submit],
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions input.btn[type=submit],
.block-contact-form form .form-actions .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-offers .offers-list .offers-item-2 .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-book,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .ticket-dropbtn,
.theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.btn[type=submit],
.block-request-brochure form .theme-aqualibi .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.theme-aqualibi .block-prices .ticket-dropdown .btn-white.ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .btn-white.ticket-dropbtn,
.theme-aqualibi .block-prices .ticket-dropdown .ticket-dropbtn.button,
.block-prices .ticket-dropdown .theme-aqualibi .ticket-dropbtn.button {
color: #13b5ea
}
.theme-aqualibi .btn.btn-red,
.theme-aqualibi .btn-red.button,
.theme-aqualibi .block-contact-form form .button,
.block-contact-form form .theme-aqualibi .button,
.theme-aqualibi .block-contact-form form .form-actions input.button[type=submit],
.block-contact-form form .form-actions .theme-aqualibi input.button[type=submit],
.theme-aqualibi .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-offers .offers-list .offers-item-2 .theme-aqualibi .button.btn-book,
.theme-aqualibi .block-prices .ticket-dropdown .button.ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .button.ticket-dropbtn,
.theme-aqualibi .block-request-brochure form input.button[type=submit],
.block-request-brochure form .theme-aqualibi input.button[type=submit],
.theme-aqualibi .block-contact-form form .form-actions input.btn[type=submit],
.block-contact-form form .form-actions .theme-aqualibi input.btn[type=submit],
.theme-aqualibi .block-contact-form form .form-actions .block-prices .ticket-dropdown input.ticket-dropbtn[type=submit],
.block-contact-form form .form-actions .block-prices .ticket-dropdown .theme-aqualibi input.ticket-dropbtn[type=submit],
.theme-aqualibi .block-prices .ticket-dropdown .block-contact-form form .form-actions input.ticket-dropbtn[type=submit],
.block-prices .ticket-dropdown .block-contact-form form .form-actions .theme-aqualibi input.ticket-dropbtn[type=submit],
.theme-aqualibi .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-offers .offers-list .offers-item-2 .theme-aqualibi .btn.btn-book,
.theme-aqualibi .block-offers .offers-list .offers-item-2 .block-prices .ticket-dropdown .btn-book.ticket-dropbtn,
.block-offers .offers-list .offers-item-2 .block-prices .ticket-dropdown .theme-aqualibi .btn-book.ticket-dropbtn,
.theme-aqualibi .block-prices .ticket-dropdown .block-offers .offers-list .offers-item-2 .btn-book.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers .offers-list .offers-item-2 .theme-aqualibi .btn-book.ticket-dropbtn,
.theme-aqualibi .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .ticket-dropbtn,
.theme-aqualibi .block-request-brochure form input.btn[type=submit],
.block-request-brochure form .theme-aqualibi input.btn[type=submit],
.theme-aqualibi .block-request-brochure .block-contact-form form input.button[type=submit],
.block-request-brochure .block-contact-form form .theme-aqualibi input.button[type=submit],
.theme-aqualibi .block-contact-form .block-request-brochure form input.button[type=submit],
.block-contact-form .block-request-brochure form .theme-aqualibi input.button[type=submit],
.theme-aqualibi .block-request-brochure form .block-prices .ticket-dropdown input.ticket-dropbtn[type=submit],
.block-request-brochure form .block-prices .ticket-dropdown .theme-aqualibi input.ticket-dropbtn[type=submit],
.theme-aqualibi .block-prices .ticket-dropdown .block-request-brochure form input.ticket-dropbtn[type=submit],
.block-prices .ticket-dropdown .block-request-brochure form .theme-aqualibi input.ticket-dropbtn[type=submit] {
background: #13b5ea
}
.dj-no-touch .theme-aqualibi .btn.btn-red:hover,
.dj-no-touch .theme-aqualibi .btn-red.button:hover,
.dj-no-touch .theme-aqualibi .block-contact-form form .button:hover,
.block-contact-form form .dj-no-touch .theme-aqualibi .button:hover,
.dj-no-touch .theme-aqualibi .block-offers .offers-list .offers-item-2 .button.btn-book:hover,
.block-offers .offers-list .offers-item-2 .dj-no-touch .theme-aqualibi .button.btn-book:hover,
.dj-no-touch .theme-aqualibi .block-request-brochure form input.button:hover[type=submit],
.block-request-brochure form .dj-no-touch .theme-aqualibi input.button:hover[type=submit],
.dj-no-touch .theme-aqualibi .block-contact-form form .form-actions input.btn:hover[type=submit],
.block-contact-form form .form-actions .dj-no-touch .theme-aqualibi input.btn:hover[type=submit],
.dj-no-touch .theme-aqualibi .block-offers .offers-list .offers-item-2 .btn.btn-book:hover,
.block-offers .offers-list .offers-item-2 .dj-no-touch .theme-aqualibi .btn.btn-book:hover,
.dj-no-touch .theme-aqualibi .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .theme-aqualibi .ticket-dropbtn:hover,
.dj-no-touch .theme-aqualibi .block-request-brochure form input.btn:hover[type=submit],
.block-request-brochure form .dj-no-touch .theme-aqualibi input.btn:hover[type=submit],
.dj-no-touch .theme-aqualibi .btn.btn-red:focus,
.dj-no-touch .theme-aqualibi .btn-red.button:focus,
.dj-no-touch .theme-aqualibi .block-contact-form form .button:focus,
.block-contact-form form .dj-no-touch .theme-aqualibi .button:focus,
.dj-no-touch .theme-aqualibi .block-offers .offers-list .offers-item-2 .button.btn-book:focus,
.block-offers .offers-list .offers-item-2 .dj-no-touch .theme-aqualibi .button.btn-book:focus,
.dj-no-touch .theme-aqualibi .block-request-brochure form input.button:focus[type=submit],
.block-request-brochure form .dj-no-touch .theme-aqualibi input.button:focus[type=submit],
.dj-no-touch .theme-aqualibi .block-contact-form form .form-actions input.btn:focus[type=submit],
.block-contact-form form .form-actions .dj-no-touch .theme-aqualibi input.btn:focus[type=submit],
.dj-no-touch .theme-aqualibi .block-offers .offers-list .offers-item-2 .btn.btn-book:focus,
.block-offers .offers-list .offers-item-2 .dj-no-touch .theme-aqualibi .btn.btn-book:focus,
.dj-no-touch .theme-aqualibi .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .theme-aqualibi .ticket-dropbtn:focus,
.dj-no-touch .theme-aqualibi .block-request-brochure form input.btn:focus[type=submit],
.block-request-brochure form .dj-no-touch .theme-aqualibi input.btn:focus[type=submit] {
background: #00538a
}
.dj-no-touch .theme-aqualibi .btn.btn-circle:hover,
.dj-no-touch .theme-aqualibi .btn-circle.button:hover,
.dj-no-touch .theme-aqualibi .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .theme-aqualibi .btn-circle.ticket-dropbtn:hover,
.dj-no-touch .theme-aqualibi .btn.btn-circle:focus,
.dj-no-touch .theme-aqualibi .btn-circle.button:focus,
.dj-no-touch .theme-aqualibi .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .theme-aqualibi .btn-circle.ticket-dropbtn:focus {
border-color: #13b5ea;
background: #13b5ea
}
.dj-no-touch .theme-aqualibi .btn.btn-i:hover,
.dj-no-touch .theme-aqualibi .btn-i.button:hover,
.dj-no-touch .theme-aqualibi .block-prices .ticket-dropdown .btn-i.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .theme-aqualibi .btn-i.ticket-dropbtn:hover,
.dj-no-touch .theme-aqualibi .btn.btn-i:focus,
.dj-no-touch .theme-aqualibi .btn-i.button:focus,
.dj-no-touch .theme-aqualibi .block-prices .ticket-dropdown .btn-i.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .theme-aqualibi .btn-i.ticket-dropbtn:focus {
color: #13b5ea
}
@media (max-width:1023px) {
.theme-aqualibi .btn.btn-tickets,
.theme-aqualibi .btn-tickets.button,
.theme-aqualibi .block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .btn-tickets.ticket-dropbtn {
border-color: #00538a
}
}
.theme-aqualibi .btn.btn-tickets .icon,
.theme-aqualibi .btn-tickets.button .icon,
.theme-aqualibi .block-prices .ticket-dropdown .btn-tickets.ticket-dropbtn .icon,
.block-prices .ticket-dropdown .theme-aqualibi .btn-tickets.ticket-dropbtn .icon {
background: 0 0
}
.theme-aqualibi .btn.btn-download .icon,
.theme-aqualibi .btn-download.button .icon,
.theme-aqualibi .block-prices .ticket-dropdown .btn-download.ticket-dropbtn .icon,
.block-prices .ticket-dropdown .theme-aqualibi .btn-download.ticket-dropbtn .icon {
background-color: #2cadd8
}
.video-controls,
.audio-controls {
position: relative
}
@media (max-width:1023px) {
.video-controls,
.audio-controls {
display: none
}
}
.video-controls .control-btn,
.audio-controls .control-btn {
display: block;
width: 60px;
height: 60px;
border: 4px solid #fff;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
text-decoration: none
}
.video-controls .control-btn-fullscreen,
.audio-controls .control-btn-fullscreen {
display: none
}
.video-controls .control-btn-pause,
.audio-controls .control-btn-pause {
width: 103px;
height: 103px;
border: none;
background-image: url(../images/icon-pause.svg)
}
.video-controls .control-btn-pause:before,
.audio-controls .control-btn-pause:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(../images/round-border.svg) no-repeat;
background-size: 100%
}
.video-controls .control-btn-pause.is-pause,
.audio-controls .control-btn-pause.is-pause {
background-image: url(../images/icon-play.svg)
}
.video-controls .control-btn-sound,
.audio-controls .control-btn-sound {
position: absolute;
top: -20px;
right: -32px;
background-image: url(../images/icon-sound.svg)
}
.video-controls .control-btn-sound.is-mute,
.audio-controls .control-btn-sound.is-mute {
background-image: url(../images/icon-mute.svg)
}
.audio-controls {
position: absolute;
top: 62px;
right: 85px;
z-index: 2
}
@media (max-width:1023px) {
.audio-controls {
display: block;
bottom: 40px;
top: auto;
left: 50%;
right: auto;
margin-left: -50px
}
}
.social {
text-align: center
}
.social ul {
display: inline-block;
margin: 0
}
.social li {
display: inline-block
}
.icon-social {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
transition: color .15s linear
}
.dropdown-toggle:after {
display: inline-block;
background-image: url(../images/spritesheet.png);
background-position: -265px -168px;
width: 9px;
height: 5px;
border: none
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.dropdown-toggle:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.dropdown-toggle[aria-expanded=true]:after {
transform: rotate(180deg)
}
.dropup .dropdown-toggle:after {
background-image: url(../images/spritesheet.png);
background-position: -265px -168px;
width: 9px;
height: 5px;
transform: rotate(0);
border: none
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.dropup .dropdown-toggle:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.dropup .dropdown-toggle[aria-expanded=true]:after {
transform: rotate(180deg)
}
.accordion-mobile>button {
display: block;
color: #f81700;
font-family: Futura;
font-size: 18px;
font-weight: 700;
border-color: #f4f7fa;
border-width: 2px;
padding: 14px 21px;
border-radius: 4px;
width: 100%;
margin-bottom: 20px;
text-decoration: none
}
.dj-no-touch .accordion-mobile>button:hover,
.dj-no-touch .accordion-mobile>button:focus {
color: #f81700;
text-decoration: none
}
.accordion-mobile>button .focus {
border-color: #f4f7fa;
text-decoration: none
}
.accordion-mobile>button:after {
display: inline-block;
background-image: url(../images/spritesheet.png);
background-position: -265px -168px;
width: 9px;
height: 5px;
border: none;
content: '';
margin-left: 20px
}
.accordion-mobile>button[aria-expanded=true]:after {
transform: rotate(180deg)
}
@media (min-width:1024px) {
.accordion-mobile>button {
display: none
}
}
@media (max-width:1023px) {
.dropdown--mobile .dropdown-menu .dropdown-item.active,
.dropdown--mobile .dropdown-menu .dropdown-item:active {
background-color: #f5f5f5;
color: #212529
}
}
@media (min-width:1024px) {
.dropdown--mobile:not(.dropdown--wrap) .dropdown-toggle {
display: none !important
}
.dropdown--mobile:not(.dropdown--wrap) .dropdown-menu {
display: flex;
position: relative;
top: auto;
left: auto;
z-index: 1;
padding: 0;
margin: 0;
border-radius: 0;
background: 0 0;
float: none;
border: none;
transform: none !important;
justify-content: center
}
}
@media (max-width:1023px) {
.dropdown--mobile.dropdown--scroll .dropdown-toggle {
text-decoration: none
}
.dropdown--mobile.dropdown--scroll .dropdown-toggle:after {
background-image: url(../images/spritesheet.png);
background-position: -316px -229px;
width: 7px;
height: 12px;
transform: rotate(0);
border: none
}
.dropdown--mobile.dropdown--scroll .dropdown-toggle[aria-expanded=true]:after {
transform: rotate(0)
}
.dropdown--mobile.dropdown--scroll .dropdown-menu {
margin-top: 10px;
max-height: 240px;
overflow-y: scroll;
padding: 20px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
width: 100%
}
}
legend {
font-family: walirides;
font-size: 19px;
font-weight: 400;
letter-spacing: -.18px;
margin-bottom: 30px
}
label {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: -.1px
}
label.form-required {
color: #384550
}
label.form-required:after {
content: '*';
display: inline-block;
margin-left: 5px
}
.form-control,
.form-text,
textarea {
width: 100%;
min-height: 45px;
padding-right: 1.25rem;
padding-left: 1.25rem;
border-radius: .25rem;
color: #000;
font: 300 14px "Futura", Arial, sans-serif
}
.form-control::-webkit-input-placeholder,
.form-text::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #b3b3b3 !important
}
.form-control:-moz-placeholder,
.form-text:-moz-placeholder,
textarea:-moz-placeholder {
color: #b3b3b3 !important
}
.form-control::-moz-placeholder,
.form-text::-moz-placeholder,
textarea::-moz-placeholder {
color: #b3b3b3 !important
}
.form-control:-ms-input-placeholder,
.form-text:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #b3b3b3 !important
}
.form-control::placeholder,
.form-text::placeholder,
textarea::placeholder {
color: #b3b3b3 !important
}
.form-control:focus,
.form-text:focus,
textarea:focus {
outline: none;
box-shadow: none;
border-color: #4d4d4d;
color: #000
}
textarea {
resize: vertical
}
.form-item.error {
position: relative;
background: 0 0
}
.form-item.error label {
color: #d44d28 !important
}
.form-item.error .jcf-checkbox {
overflow: visible
}
.form-item.error .jcf-checkbox span.error__message {
width: auto;
height: auto;
margin: 0;
transform: none
}
.form-item .form-control.error,
.form-item .form-text.error,
.form-item textarea.error {
border: 1px solid #d44d28
}
.form-item span.error__message {
min-width: 190px;
min-height: 45px;
box-shadow: 0 5px 9px rgba(0, 0, 0, .13);
border: 1px solid #d44d28;
background-color: #fff;
padding: 10px 15px;
border-radius: 5px;
position: absolute;
display: inline-block;
top: auto;
bottom: -63px;
left: 0;
z-index: 3;
color: #d44d28;
font: 300 14px "Futura", Arial, sans-serif
}
@media (max-width:1023px) {
.form-item span.error__message {
display: block;
min-width: 0;
width: 100%
}
}
.form-item span.error__message:before {
content: '';
display: block;
position: absolute;
top: -6px;
width: 10px;
height: 10px;
background: #fff;
border-left: 1px solid #d44d28;
border-top: 1px solid #d44d28;
transform: rotate(45deg)
}
.captcha-error-message {
color: #d44d28
}
select.form-control:not([size]):not([multiple]) {
height: auto
}
.password-field {
position: relative
}
.password-field .form-control,
.password-field .form-text {
padding-right: 75px
}
.password-field .toggle-visibility {
display: block;
padding: 5px;
position: absolute;
top: 11px;
right: 24px;
color: #384550
}
.password-field .toggle-visibility:before {
content: "";
display: block;
background-image: url(../images/spritesheet.png);
background-position: -286px -246px;
width: 22px;
height: 13px
}
.jcf-radio,
.jcf-checkbox,
input,
textarea,
.form-control,
.form-text {
border: 1px solid #e9eff4;
background-color: #fff;
cursor: pointer
}
.jcf-radio {
width: 19px;
height: 19px
}
.jcf-radio span {
width: 11px;
height: 11px;
background-color: #f81700
}
.jcf-checkbox {
width: 20px;
height: 20px;
border-radius: 4px
}
.jcf-checkbox span {
height: 5px;
width: 8px;
border-color: #f81700
}
.theme-aqualibi .jcf-radio span {
background-color: #13b5ea
}
.theme-aqualibi .jcf-checkbox span {
border-color: #13b5ea
}
.jcf-focus {
border: 1px solid #e9eff4 !important
}
.jcf-select {
display: block;
width: 100%;
border: 1px solid #e9eff4;
background-color: #fff;
height: 45px;
border-radius: .25rem
}
.jcf-select .jcf-select-text {
margin-left: 20px;
line-height: 43px;
color: var(--bs-secondary-color)
}
.jcf-select .jcf-select-opener {
background-color: #fff;
background-image: url(../images/spritesheet.png);
background-position: -316px -229px;
width: 7px;
height: 12px;
top: 50%;
right: 20px;
transform: translateY(-50%)
}
.jcf-select.jcf-focus .jcf-select-text {
color: #384550
}
.jcf-select-drop {
border: 1px solid #e9eff4;
background-color: #fff;
border-radius: .25rem
}
.jcf-select-drop .jcf-select-drop-content {
border: none
}
.radio-group-inline {
margin-top: 20px
}
@media (min-width:1024px) {
.radio-group-inline {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center
}
}
.radio-group-inline .radio-style {
margin-right: 40px
}
.radio-group-inline .radio-style>label {
font-family: Futura;
font-size: 14px;
font-weight: 400;
text-transform: none
}
.checkbox-style,
.radio-style {
display: flex;
align-items: center
}
.checkbox-style>label,
.radio-style>label {
order: 2
}
.checkbox-style>span,
.radio-style>span {
flex: none;
order: 1;
margin-right: 13px;
line-height: normal
}
.radio-mobile-select {
margin-top: 0
}
.radio-mobile-select .radio-style {
display: none
}
@media (min-width:1024px) {
.radio-mobile-select .jcf-select,
.radio-mobile-select select {
display: none !important
}
.radio-mobile-select .radio-style {
display: flex
}
}
input {
-webkit-appearance: none
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
pointer-events: none
}
.g-recaptcha,
.js-form-type-checkbox {
margin-bottom: 12px
}
.js-form-type-checkbox {
margin-top: 12px
}
@media (max-width:1023px) {
.js-form-type-checkbox label {
width: calc(100% - 30px)
}
}
.custom-date__wrapper {
position: relative;
display: inline-block;
width: 100%
}
.custom-date__wrapper:after {
background: url(../images/Calendar.svg) no-repeat center center;
position: absolute;
right: 12px;
top: calc(50% - 12px);
width: 30px;
height: 24px;
content: ' ';
display: inline-block;
pointer-events: none;
background-position: center;
background-size: cover
}
.ui-datepicker {
width: 320px;
padding: 4px;
display: none;
background-color: #fff;
border: 1px solid #e9eff4;
box-shadow: -1px 3px 11px 0px rgba(50, 50, 50, .3)
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
font-weight: 700;
background: #f81700;
border: none
}
.theme-aqualibi-blue .ui-datepicker .ui-datepicker-header {
background: #13b5ea
}
.ui-datepicker .ui-datepicker-prev {
left: 12px;
background-image: url(../images/arrow-left-fn-over.svg);
display: block;
width: 25px;
height: 25px;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
transform: translate(0, -50%)
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
border: none;
background-color: transparent
}
.ui-datepicker .ui-datepicker-next {
right: 12px;
background-image: url(../images/arrow-right-fn-over.svg);
display: block;
width: 25px;
height: 25px;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
transform: translate(0, -50%)
}
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
border: none;
background-color: transparent
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: none;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 30px;
text-align: center;
color: #fff
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px;
cursor: pointer;
text-decoration: none;
text-align: center;
font-weight: 400
}
.ui-datepicker td.ui-datepicker-today {
border: 1px solid #b3b3b3
}
.ui-datepicker td.ui-state-disabled {
cursor: default;
text-decoration: none;
font-weight: 300
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: center;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em
}
.form-item input {
height: 45px;
padding: 0 20px;
width: 100%;
border-radius: .25rem
}
.js-webform-radios {
margin: 0 0 35px
}
.js-webform-radios .radio-style {
margin: 10px 0
}
.form-item-date {
position: relative
}
.form-item-date .ui-datepicker-trigger {
position: absolute;
right: 20px;
bottom: 15px
}
.popup {
display: none;
position: absolute;
z-index: 9999;
perspective: 500px
}
.popup .pop-wrap {
box-shadow: 0 2px 6px rgba(0, 0, 0, .22);
background-color: #fff;
transform-origin: 50% 0;
transform: rotateX(-7deg) rotateY(2deg)
}
@media (max-width:1023px) {
.popup .pop-wrap {
transform: rotateX(-7deg)
}
}
.popup .pop-inner {
transform-origin: 50% 0;
transform: rotateX(7deg) rotateY(2deg)
}
@media (max-width:1023px) {
.popup .pop-inner {
transform: rotateX(7deg)
}
}
.popup .pop-head {
position: relative;
background-color: #384550;
color: #fff;
font: 400 11px "walirides", Arial, sans-serif;
letter-spacing: -.1px;
perspective: 500px
}
.popup .pop-head .pop-inner {
padding: 20px 50px 20px 18px
}
@media (max-width:1023px) {
.popup .pop-head .pop-inner {
padding-right: 18px
}
}
.popup .pop-head .pop-title {
display: block
}
.popup .pop-head .pop-close {
display: block;
width: 14px;
height: 13px;
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
color: #fff
}
@media (max-width:1023px) {
.popup .pop-head .pop-close {
display: none
}
}
.popup .pop-content {
font: 400 9px "walirides", Arial, sans-serif;
letter-spacing: -.04px;
perspective: 500px
}
.popup .pop-content .pop-inner {
padding: 14px 20px
}
.popup-size {
width: 240px;
right: -30px;
bottom: 60px
}
@media (max-width:1023px) {
.popup-size {
width: auto;
position: relative;
right: auto;
bottom: auto
}
}
*,
*:before,
*:after {
box-sizing: border-box
}
html {
height: 100%
}
body {
display: flex;
margin: 0 auto;
padding-top: 108px;
flex-direction: column;
min-height: 100vh;
font: 300 16px/1.875 "Futura", Arial, sans-serif;
color: #384550;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
overflow-wrap: break-word;
word-wrap: break-word
}
body.adminimal-admin-toolbar,
body.contextualToolbar-init-processed {
padding-top: 147px !important
}
body.adminimal-admin-toolbar.toolbar-tray-open,
body.contextualToolbar-init-processed.toolbar-tray-open {
padding-top: 187px !important
}
@media (max-width:1023px) {
body {
padding-top: 69px
}
body.adminimal-admin-toolbar,
body.contextualToolbar-init-processed {
padding-top: 103px !important
}
body.adminimal-admin-toolbar.toolbar-tray-open,
body.contextualToolbar-init-processed.toolbar-tray-open {
padding-top: 103px !important
}
}
.browser-ie body {
height: 100%
}
.browser-ie .page {
overflow: hidden
}
img,
video {
height: auto;
max-width: 100%;
max-height: 100%
}
.object-fit-processed {
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.object-fit-processed>img {
visibility: hidden
}
hr {
margin: 2em 0;
border: none;
background: #4b5660
}
.page {
flex: 1 0 auto;
position: relative
}
@media (max-width:1023px) {
.page {
padding-bottom: 15px
}
}
.dialog-off-canvas-main-canvas {
display: flex;
flex: 1 0 auto;
height: 100%;
flex-direction: column
}
@media (max-width:1023px) {
.dialog-off-canvas-main-canvas {
display: block;
height: auto
}
}
.share {
margin: 20px 0;
font: 400 10px "walirides", Arial, sans-serif;
letter-spacing: -.1px;
text-align: center;
display: none
}
@media (max-width:1023px) {
.share {
font-size: 14px
}
}
.share li {
display: inline-block;
max-width: 75px;
margin: 0 4px
}
@media (max-width:1023px) {
.share li {
margin: 0 20px
}
}
.share li span {
display: block;
margin-top: 7px
}
@media (max-width:1023px) {
.share li span {
margin-top: 20px
}
}
.page-nav {
max-width: 280px;
margin: 27px auto;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
font: 400 10px "walirides", Arial, sans-serif;
letter-spacing: -.1px
}
.page-nav li {
width: 50%
}
.page-nav li:first-child {
border-right: 1px solid #5e5e5e
}
.page-nav li a {
display: block;
position: relative;
color: inherit;
text-decoration: none
}
.page-nav li a .svg-icon {
width: 8px;
height: 12px;
position: absolute;
top: 50%;
fill: #384550;
transform: translateY(-50%)
}
.page-nav li a.prev {
padding: 0 30px 0 35px
}
.page-nav li a.prev .svg-icon {
left: 0
}
.page-nav li a.next {
padding: 0 35px 0 30px
}
.page-nav li a.next .svg-icon {
right: 0
}
.skew-bg {
width: 100%;
height: 200px;
position: absolute;
left: 0;
z-index: 2
}
.skew-bg .inner-bg-wrap {
height: 100%;
position: relative;
overflow: hidden;
transform-origin: 0 0;
transform: skewY(-3deg)
}
.skew-bg .inner-bg-wrap .inner-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform-origin: 100% 0;
transform: skewY(3deg);
background: #f81700 url(../images/pattern_entryworld_red.png)
}
.scroll-tip {
position: absolute;
bottom: 30px;
z-index: 2;
text-shadow: 0 2px 12px rgba(0, 0, 0, .5);
color: #fff;
font-weight: 700;
line-height: 25px;
letter-spacing: -.16px;
margin: 0 auto;
text-align: center;
width: 100%;
font: 12px "walirides", Arial, sans-serif
}
.scroll-tip:before {
content: '';
width: 1px;
height: 41px;
background: #fff;
display: inline-block;
margin-bottom: 40px;
position: absolute;
bottom: 0;
left: 50%
}
@media (min-width:1024px) {
.scroll-tip {
display: none
}
}
.admin-map-widget {
max-width: 100%;
height: auto
}
.yt-video {
width: 100%;
min-height: 500px;
position: relative;
overflow: hidden;
background: 0 0
}
.yt-video .ytplayer-container {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
overflow: hidden
}
.yt-video[data-recommended="0"] .ytp-pause-overlay {
display: none !important
}
.yt-video:before {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 80px;
height: 80px;
background: url(../images/play-icon.png) no-repeat center/cover
}
.yt-video.loaded:before {
display: none
}
.yt-video iframe {
position: absolute
}
@media (max-width:1023px) {
.yt-video {
min-height: 320px
}
}
#load-more {
text-align: center;
margin-top: -5px;
color: #c0cbdf;
font: 400 12px "walirides", Arial, sans-serif;
letter-spacing: -.12px
}
#load-more svg {
width: 38px;
height: 33px;
margin: 0 auto 20px;
fill: currentColor
}
#load-more p {
margin-bottom: 0
}
.visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal
}
.css-content,
.offer-ticket .image:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.disabled-add-widget-button {
background: #d3d3d3;
border: #d3d3d3;
pointer-events: none
}
.language-selector {
display: block
}
@media (min-width:960px) {
.language-selector {
display: inline-block
}
}
.language-selector .btn,
.language-selector .button,
.language-selector .block-contact-form form .button,
.block-contact-form form .language-selector .button,
.language-selector .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .language-selector .ticket-dropbtn {
min-width: 75px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
background: 0 0;
border: none
}
.dj-no-touch .language-selector .btn:hover,
.dj-no-touch .language-selector .button:hover,
.dj-no-touch .language-selector .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .language-selector .ticket-dropbtn:hover,
.dj-no-touch .language-selector .btn:focus,
.dj-no-touch .language-selector .button:focus,
.dj-no-touch .language-selector .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .language-selector .ticket-dropbtn:focus {
transform: none
}
.language-selector .btn:after,
.language-selector .button:after,
.language-selector .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .language-selector .ticket-dropbtn:after {
vertical-align: 2px;
background-image: url(../images/spritesheet.png);
background-position: -138px -128px;
width: 11px;
height: 7px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.language-selector .btn:after,
.language-selector .button:after,
.language-selector .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .language-selector .ticket-dropbtn:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.language-selector .icon-lang {
display: inline-block;
color: #f81700;
font: 900 14px "Futura", Arial, sans-serif;
text-transform: uppercase
}
.language-selector .dropdown-menu {
min-width: 75px;
overflow: hidden;
width: 75px
}
.language-selector .dropdown-menu a {
text-align: center;
padding: .75rem 0;
text-transform: uppercase;
text-decoration: none;
font-size: 13px
}
.language-selector .dropdown-menu a .icon-lang {
font: inherit;
color: inherit
}
.theme-aqualibi .skew-bg .inner-bg-wrap .inner-bg {
background: #13b5ea url(../images/pattern-aqualibi-oceanblue.png)
}
.theme-aqualibi .language-selector .btn:after,
.theme-aqualibi .language-selector .button:after,
.theme-aqualibi .language-selector .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .theme-aqualibi .language-selector .ticket-dropbtn:after {
background-image: url(../images/spritesheet.png);
background-position: -213px -127px;
width: 11px;
height: 7px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.theme-aqualibi .language-selector .btn:after,
.theme-aqualibi .language-selector .button:after,
.theme-aqualibi .language-selector .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .theme-aqualibi .language-selector .ticket-dropbtn:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.theme-aqualibi .language-selector .icon-lang {
color: #13b5ea
}
.block-banner {
max-height: 300px;
overflow: hidden
}
.block-banner img {
display: block;
width: 100%;
height: auto
}
.grecaptcha-badge {
display: none !important
}
.theme-walirides-red.editorial-page .page,
.theme-walirides-red.editorial-page .main-footer,
.theme-walirides-red.editorial-page .page-generic_entertainment,
.theme-walirides-wbe.editorial-page .page,
.theme-walirides-wbe.editorial-page .main-footer,
.theme-walirides-wbe.editorial-page .page-generic_entertainment {
background: #fff
}
.editorial-bg {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-repeat: repeat
}
.language-selector {
min-width: 56px;
padding: 0 6px
}
.theme-bellewaerde .language-selector .icon-lang,
.theme-bellewaerde-aquapark .language-selector .icon-lang,
.theme-bellewaerde-halloween-new .language-selector .icon-lang,
.theme-walirides-wbe .language-selector .icon-lang,
.theme-aqualibi .language-selector .icon-lang,
.theme-walirides-wra .language-selector .icon-lang,
.walirides_who .language-selector .icon-lang {
text-transform: none;
position: relative;
min-height: 13px;
vertical-align: middle
}
.theme-bellewaerde .language-selector .icon-lang:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang:before,
.theme-walirides-wbe .language-selector .icon-lang:before,
.theme-aqualibi .language-selector .icon-lang:before,
.theme-walirides-wra .language-selector .icon-lang:before,
.walirides_who .language-selector .icon-lang:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 19px;
height: 13px
}
.theme-bellewaerde .language-selector .icon-lang--en:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--en:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--en:before,
.theme-walirides-wbe .language-selector .icon-lang--en:before,
.theme-aqualibi .language-selector .icon-lang--en:before,
.theme-walirides-wra .language-selector .icon-lang--en:before,
.walirides_who .language-selector .icon-lang--en:before {
background-image: url(../images/spritesheet.png);
background-position: -84px -263px;
width: 19px;
height: 13px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.theme-bellewaerde .language-selector .icon-lang--en:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--en:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--en:before,
.theme-walirides-wbe .language-selector .icon-lang--en:before,
.theme-aqualibi .language-selector .icon-lang--en:before,
.theme-walirides-wra .language-selector .icon-lang--en:before,
.walirides_who .language-selector .icon-lang--en:before {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.theme-bellewaerde .language-selector .icon-lang--fr:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--fr:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--fr:before,
.theme-walirides-wbe .language-selector .icon-lang--fr:before,
.theme-aqualibi .language-selector .icon-lang--fr:before,
.theme-walirides-wra .language-selector .icon-lang--fr:before,
.walirides_who .language-selector .icon-lang--fr:before {
background-image: url(../images/spritesheet.png);
background-position: -168px -263px;
width: 19px;
height: 13px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.theme-bellewaerde .language-selector .icon-lang--fr:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--fr:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--fr:before,
.theme-walirides-wbe .language-selector .icon-lang--fr:before,
.theme-aqualibi .language-selector .icon-lang--fr:before,
.theme-walirides-wra .language-selector .icon-lang--fr:before,
.walirides_who .language-selector .icon-lang--fr:before {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.theme-bellewaerde .language-selector .icon-lang--nl:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--nl:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--nl:before,
.theme-walirides-wbe .language-selector .icon-lang--nl:before,
.theme-aqualibi .language-selector .icon-lang--nl:before,
.theme-walirides-wra .language-selector .icon-lang--nl:before,
.walirides_who .language-selector .icon-lang--nl:before {
background-image: url(../images/spritesheet.png);
background-position: -189px -263px;
width: 19px;
height: 13px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.theme-bellewaerde .language-selector .icon-lang--nl:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--nl:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--nl:before,
.theme-walirides-wbe .language-selector .icon-lang--nl:before,
.theme-aqualibi .language-selector .icon-lang--nl:before,
.theme-walirides-wra .language-selector .icon-lang--nl:before,
.walirides_who .language-selector .icon-lang--nl:before {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.theme-bellewaerde .language-selector .icon-lang--du:before,
.theme-bellewaerde .language-selector .icon-lang--de:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--du:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--de:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--du:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--de:before,
.theme-walirides-wbe .language-selector .icon-lang--du:before,
.theme-walirides-wbe .language-selector .icon-lang--de:before,
.theme-aqualibi .language-selector .icon-lang--du:before,
.theme-aqualibi .language-selector .icon-lang--de:before,
.theme-walirides-wra .language-selector .icon-lang--du:before,
.theme-walirides-wra .language-selector .icon-lang--de:before,
.walirides_who .language-selector .icon-lang--du:before,
.walirides_who .language-selector .icon-lang--de:before {
background-image: url(../images/spritesheet.png);
background-position: -63px -263px;
width: 19px;
height: 13px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.theme-bellewaerde .language-selector .icon-lang--du:before,
.theme-bellewaerde .language-selector .icon-lang--de:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--du:before,
.theme-bellewaerde-aquapark .language-selector .icon-lang--de:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--du:before,
.theme-bellewaerde-halloween-new .language-selector .icon-lang--de:before,
.theme-walirides-wbe .language-selector .icon-lang--du:before,
.theme-walirides-wbe .language-selector .icon-lang--de:before,
.theme-aqualibi .language-selector .icon-lang--du:before,
.theme-aqualibi .language-selector .icon-lang--de:before,
.theme-walirides-wra .language-selector .icon-lang--du:before,
.theme-walirides-wra .language-selector .icon-lang--de:before,
.walirides_who .language-selector .icon-lang--du:before,
.walirides_who .language-selector .icon-lang--de:before {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
@media (min-width:1024px) {
.theme-bellewaerde .language-selector .icon-lang,
.theme-bellewaerde-aquapark .language-selector .icon-lang,
.theme-bellewaerde-halloween-new .language-selector .icon-lang,
.theme-walirides-wbe .language-selector .icon-lang,
.theme-aqualibi .language-selector .icon-lang,
.theme-walirides-wra .language-selector .icon-lang,
.walirides_who .language-selector .icon-lang {
font-size: 0;
line-height: 0;
color: transparent;
padding-left: 19px
}
}
.main-header .header-side.active .logo.logo-baq {
background-color: #1d4178
}
.main-header .header-side.active .logo.logo-bwp {
background-color: #00733c
}
.main-header .header-side.active .logo.logo-wbe {
background-color: #f81700
}
.main-header .header-side.active .logo.logo-wra {
background-color: #f81700
}
.main-header .header-side.active .logo.logo-aqa {
background-color: #13b5ea
}
.theme-bellewaerde .main-header .header-side .logo,
.theme-bellewaerde-halloween-new .main-header .header-side .logo,
.theme-bellewaerde-aquapark .main-header .header-side .logo,
.theme-walirides-wbe .main-header .header-side .logo,
.theme-aqualibi .main-header .header-side .logo,
.theme-bellewaerde-winter .main-header .header-side .logo,
.theme-walirides .main-header .header-side .logo {
width: 158px;
height: 60px;
border-bottom: 1px solid #d8d8d8;
border-right: none;
padding: 14px;
position: relative;
transition: .4s
}
.theme-bellewaerde .main-header .header-side .logo .main-logo,
.theme-bellewaerde-halloween-new .main-header .header-side .logo .main-logo,
.theme-bellewaerde-aquapark .main-header .header-side .logo .main-logo,
.theme-walirides-wbe .main-header .header-side .logo .main-logo,
.theme-aqualibi .main-header .header-side .logo .main-logo,
.theme-bellewaerde-winter .main-header .header-side .logo .main-logo,
.theme-walirides .main-header .header-side .logo .main-logo {
opacity: 1;
transition: .4s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width:1024px) {
.theme-bellewaerde .main-header .header-side .logo .main-logo,
.theme-bellewaerde-halloween-new .main-header .header-side .logo .main-logo,
.theme-bellewaerde-aquapark .main-header .header-side .logo .main-logo,
.theme-walirides-wbe .main-header .header-side .logo .main-logo,
.theme-aqualibi .main-header .header-side .logo .main-logo,
.theme-bellewaerde-winter .main-header .header-side .logo .main-logo,
.theme-walirides .main-header .header-side .logo .main-logo {
width: 90%
}
}
.theme-bellewaerde .main-header .header-side .logo .main-logo-hover,
.theme-bellewaerde-halloween-new .main-header .header-side .logo .main-logo-hover,
.theme-bellewaerde-aquapark .main-header .header-side .logo .main-logo-hover,
.theme-walirides-wbe .main-header .header-side .logo .main-logo-hover,
.theme-aqualibi .main-header .header-side .logo .main-logo-hover,
.theme-bellewaerde-winter .main-header .header-side .logo .main-logo-hover,
.theme-walirides .main-header .header-side .logo .main-logo-hover {
opacity: 0;
transition: .4s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width:1024px) {
.theme-bellewaerde .main-header .header-side .logo .main-logo-hover,
.theme-bellewaerde-halloween-new .main-header .header-side .logo .main-logo-hover,
.theme-bellewaerde-aquapark .main-header .header-side .logo .main-logo-hover,
.theme-walirides-wbe .main-header .header-side .logo .main-logo-hover,
.theme-aqualibi .main-header .header-side .logo .main-logo-hover,
.theme-bellewaerde-winter .main-header .header-side .logo .main-logo-hover,
.theme-walirides .main-header .header-side .logo .main-logo-hover {
width: 90%
}
}
.theme-bellewaerde .main-header .header-side .logo:hover .main-logo,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover .main-logo,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover .main-logo,
.theme-walirides-wbe .main-header .header-side .logo:hover .main-logo,
.theme-aqualibi .main-header .header-side .logo:hover .main-logo,
.theme-bellewaerde-winter .main-header .header-side .logo:hover .main-logo,
.theme-walirides .main-header .header-side .logo:hover .main-logo {
opacity: 0
}
.theme-bellewaerde .main-header .header-side .logo:hover .main-logo-hover,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover .main-logo-hover,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover .main-logo-hover,
.theme-walirides-wbe .main-header .header-side .logo:hover .main-logo-hover,
.theme-aqualibi .main-header .header-side .logo:hover .main-logo-hover,
.theme-bellewaerde-winter .main-header .header-side .logo:hover .main-logo-hover,
.theme-walirides .main-header .header-side .logo:hover .main-logo-hover {
opacity: 1
}
.theme-bellewaerde .main-header .header-side .logo:hover.logo-baq,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover.logo-baq,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover.logo-baq,
.theme-walirides-wbe .main-header .header-side .logo:hover.logo-baq,
.theme-aqualibi .main-header .header-side .logo:hover.logo-baq,
.theme-bellewaerde-winter .main-header .header-side .logo:hover.logo-baq,
.theme-walirides .main-header .header-side .logo:hover.logo-baq {
background-color: #1d4178
}
.theme-bellewaerde .main-header .header-side .logo:hover.logo-bwp,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover.logo-bwp,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover.logo-bwp,
.theme-walirides-wbe .main-header .header-side .logo:hover.logo-bwp,
.theme-aqualibi .main-header .header-side .logo:hover.logo-bwp,
.theme-bellewaerde-winter .main-header .header-side .logo:hover.logo-bwp,
.theme-walirides .main-header .header-side .logo:hover.logo-bwp {
background-color: #00733c
}
.theme-bellewaerde .main-header .header-side .logo:hover.logo-wbe,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover.logo-wbe,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover.logo-wbe,
.theme-walirides-wbe .main-header .header-side .logo:hover.logo-wbe,
.theme-aqualibi .main-header .header-side .logo:hover.logo-wbe,
.theme-bellewaerde-winter .main-header .header-side .logo:hover.logo-wbe,
.theme-walirides .main-header .header-side .logo:hover.logo-wbe {
background-color: #f81700
}
.theme-bellewaerde .main-header .header-side .logo:hover.logo-wra,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover.logo-wra,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover.logo-wra,
.theme-walirides-wbe .main-header .header-side .logo:hover.logo-wra,
.theme-aqualibi .main-header .header-side .logo:hover.logo-wra,
.theme-bellewaerde-winter .main-header .header-side .logo:hover.logo-wra,
.theme-walirides .main-header .header-side .logo:hover.logo-wra {
background-color: #f81700
}
.theme-bellewaerde .main-header .header-side .logo:hover.logo-aqa,
.theme-bellewaerde-halloween-new .main-header .header-side .logo:hover.logo-aqa,
.theme-bellewaerde-aquapark .main-header .header-side .logo:hover.logo-aqa,
.theme-walirides-wbe .main-header .header-side .logo:hover.logo-aqa,
.theme-aqualibi .main-header .header-side .logo:hover.logo-aqa,
.theme-bellewaerde-winter .main-header .header-side .logo:hover.logo-aqa,
.theme-walirides .main-header .header-side .logo:hover.logo-aqa {
background-color: #13b5ea
}
@media (max-width:1023px) {
.theme-bellewaerde .main-header .header-side .logo,
.theme-bellewaerde-halloween-new .main-header .header-side .logo,
.theme-bellewaerde-aquapark .main-header .header-side .logo,
.theme-walirides-wbe .main-header .header-side .logo,
.theme-aqualibi .main-header .header-side .logo,
.theme-bellewaerde-winter .main-header .header-side .logo,
.theme-walirides .main-header .header-side .logo {
width: auto;
height: 54px;
border: none
}
}
.theme-bellewaerde .main-header .header-side .logo span,
.theme-bellewaerde-halloween-new .main-header .header-side .logo span,
.theme-bellewaerde-aquapark .main-header .header-side .logo span,
.theme-walirides-wbe .main-header .header-side .logo span,
.theme-aqualibi .main-header .header-side .logo span,
.theme-bellewaerde-winter .main-header .header-side .logo span,
.theme-walirides .main-header .header-side .logo span {
display: none
}
@media (min-width:1024px) {
.theme-bellewaerde .main-header .header-side .logo span,
.theme-bellewaerde-halloween-new .main-header .header-side .logo span,
.theme-bellewaerde-aquapark .main-header .header-side .logo span,
.theme-walirides-wbe .main-header .header-side .logo span,
.theme-aqualibi .main-header .header-side .logo span,
.theme-bellewaerde-winter .main-header .header-side .logo span,
.theme-walirides .main-header .header-side .logo span {
display: block
}
}
.theme-bellewaerde .main-header .header-side .logo img,
.theme-bellewaerde-halloween-new .main-header .header-side .logo img,
.theme-bellewaerde-aquapark .main-header .header-side .logo img,
.theme-walirides-wbe .main-header .header-side .logo img,
.theme-aqualibi .main-header .header-side .logo img,
.theme-bellewaerde-winter .main-header .header-side .logo img,
.theme-walirides .main-header .header-side .logo img {
display: block;
max-height: 50px
}
.theme-bellewaerde .main-header .header-side .logo-aqa img,
.theme-bellewaerde-halloween-new .main-header .header-side .logo-aqa img,
.theme-bellewaerde-aquapark .main-header .header-side .logo-aqa img,
.theme-walirides-wbe .main-header .header-side .logo-aqa img,
.theme-aqualibi .main-header .header-side .logo-aqa img,
.theme-bellewaerde-winter .main-header .header-side .logo-aqa img,
.theme-walirides .main-header .header-side .logo-aqa img {
max-height: 30px
}
@media (min-width:1024px) {
.theme-bellewaerde .main-header .header-side .logo-aqa img,
.theme-bellewaerde-halloween-new .main-header .header-side .logo-aqa img,
.theme-bellewaerde-aquapark .main-header .header-side .logo-aqa img,
.theme-walirides-wbe .main-header .header-side .logo-aqa img,
.theme-aqualibi .main-header .header-side .logo-aqa img,
.theme-bellewaerde-winter .main-header .header-side .logo-aqa img,
.theme-walirides .main-header .header-side .logo-aqa img {
max-height: 50px
}
}
.theme-bellewaerde .main-header .header-side.active .logo .main-logo,
.theme-bellewaerde-halloween-new .main-header .header-side.active .logo .main-logo,
.theme-bellewaerde-aquapark .main-header .header-side.active .logo .main-logo,
.theme-walirides-wbe .main-header .header-side.active .logo .main-logo,
.theme-aqualibi .main-header .header-side.active .logo .main-logo,
.theme-bellewaerde-winter .main-header .header-side.active .logo .main-logo,
.theme-walirides .main-header .header-side.active .logo .main-logo {
opacity: 0
}
.theme-bellewaerde .main-header .header-side.active .logo .main-logo-hover,
.theme-bellewaerde-halloween-new .main-header .header-side.active .logo .main-logo-hover,
.theme-bellewaerde-aquapark .main-header .header-side.active .logo .main-logo-hover,
.theme-walirides-wbe .main-header .header-side.active .logo .main-logo-hover,
.theme-aqualibi .main-header .header-side.active .logo .main-logo-hover,
.theme-bellewaerde-winter .main-header .header-side.active .logo .main-logo-hover,
.theme-walirides .main-header .header-side.active .logo .main-logo-hover {
opacity: 1
}
.page-entertainments .progress {
height: 0
}
body .main-header .row>*:not(.btn-tickets) {
width: auto;
padding-left: 0;
padding-right: 0
}
@media (max-width:1023px) {
body .main-header .row>.header-side {
width: 100%
}
}
.widget-seo-block {
padding: 30px 65px 15px;
position: relative;
width: 92%;
margin: 0 auto 30px auto
}
.widget-seo-block .block-paragraph {
padding-top: 0 !important
}
.widget-seo-block .block-paragraph .content {
padding: 0
}
.widget-seo-block h2,
.widget-seo-block .h2 {
text-align: left;
font: 600 14px/1.2 "Futura", Arial, sans-serif;
line-height: 1.2
}
.widget-seo-block p {
font-size: 12px;
line-height: 1.2
}
.widget-seo-block-dropdown--closed {
overflow: hidden
}
.widget-seo-block-dropdown--closed p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.widget-seo-block-arrow {
width: 30px;
height: 30px;
border-radius: 50%;
box-shadow: 0 3px 9px rgba(0, 0, 0, .26);
border: 1px solid #e5e5e5;
position: absolute;
right: 25px;
top: 25px;
bottom: 0;
cursor: pointer;
content: ""
}
.widget-seo-block-arrow:before {
content: "";
width: 7px;
height: 7px;
transform: rotate(-135deg);
border-left: 2px solid #505050;
border-top: 2px solid #505050;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
display: inline-block
}
.widget-seo-block-arrow--opened:before {
transform: rotate(45deg);
transition: .4s
}
.widget-seo-block--bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
transition: all .2s linear
}
html {
overflow-x: hidden
}
body {
max-width: 100%;
padding-top: 93px
}
.dialog-off-canvas-main-canvas {
margin: 0 auto;
width: 100%
}
.christmas-decor {
position: absolute;
width: 100%;
z-index: -1
}
.christmas-decor .pattern-1 {
width: 160px;
display: inline-block;
left: 35px;
top: 65px;
position: absolute
}
@media (max-width:1023px) {
.christmas-decor .pattern-1 {
left: -37px;
top: 30px
}
}
.christmas-decor .pattern-1 svg {
transform: scale(1.4)
}
@media (max-width:1023px) {
.christmas-decor .pattern-1 svg {
transform: none
}
}
.christmas-decor .pattern-1 svg.display-desktop-only {
display: inline-block
}
@media (max-width:1023px) {
.christmas-decor .pattern-1 svg.display-desktop-only {
display: none
}
}
.christmas-decor .pattern-1 svg.display-tablet-only {
display: none
}
@media (max-width:1023px) {
.christmas-decor .pattern-1 svg.display-tablet-only {
display: inline-block;
height: 125px
}
}
.christmas-decor .pattern-2 {
display: inline-block;
position: absolute;
right: -90px;
width: 260px;
top: 0;
transform: rotate(-95deg)
}
@media (max-width:1023px) {
.christmas-decor .pattern-2 {
top: 15px;
right: -145px
}
}
.christmas-decor .pattern-2 svg {
transform: scale(2)
}
@media (max-width:1023px) {
.christmas-decor .pattern-2 svg {
transform: scale(1.3)
}
}
.christmas-decor .pattern-middle-stars {
position: absolute;
width: 50px;
height: 80px;
z-index: 1;
pointer-events: none;
right: 15.5%;
bottom: -190px
}
.christmas-decor .pattern-middle-stars svg {
fill: transparent
}
.christmas-decor .pattern-middle-stars svg.big-star {
height: 25px
}
.christmas-decor .pattern-middle-stars svg.small-star {
height: 13px;
position: absolute;
right: -30px
}
#snowCanvas {
pointer-events: none;
z-index: 2;
position: absolute;
top: 0
}
.main-header .header-content .language-selector .dropdown-item .icon-lang {
text-indent: inherit !important
}
.christmas-animation-tooltip {
width: 200px;
height: 160px;
position: fixed;
right: 0;
bottom: 10px;
display: inline-block;
z-index: 60
}
.christmas-animation-tooltip h5,
.christmas-animation-tooltip .h5 {
font-size: 14px
}
.christmas-animation-tooltip-footer {
display: flex;
align-items: center;
justify-content: space-around;
width: 70px;
margin: 20px auto
}
.christmas-animation-tooltip-wrapper {
display: none
}
.christmas-animation-tooltip.show .christmas-animation-tooltip-wrapper {
display: inline-block;
max-width: 250px;
height: 100px;
position: absolute;
right: 0;
top: -30px;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
padding: 10px
}
.christmas-animation-tooltip button {
border: 0;
padding: 0;
background: 0 0
}
.christmas-animation-tooltip .snowCanvasHideTooltip {
width: 50px;
position: relative;
margin: 10px auto
}
.christmas-animation-tooltip #snowCanvasHide {
width: 20px;
height: 20px;
position: relative;
top: -9px
}
.christmas-animation-tooltip #snowCanvasHide:before,
.christmas-animation-tooltip #snowCanvasHide:after {
content: '';
width: 12px;
height: 2px;
display: block;
background-color: #f81700;
top: 9px;
position: absolute
}
.christmas-animation-tooltip #snowCanvasHide:before {
left: 0;
transform: rotate(45deg)
}
.christmas-animation-tooltip #snowCanvasHide:after {
right: 0;
transform: rotate(-45deg)
}
.christmas-animation-tooltip #closeCanvasTooltip {
color: #f81700;
width: 20px;
height: 20px;
position: relative;
overflow: hidden;
top: -9px
}
.christmas-animation-tooltip #closeCanvasTooltip:before {
content: '+';
font-size: 30px;
position: absolute;
left: 0;
top: -20px;
transform: rotate(-45deg)
}
#snowCanvasShow {
width: 60px;
height: 60px;
position: absolute;
right: 20px;
bottom: 20px;
border: none;
background: 0 0;
animation: linear snowAnimation 8s infinite;
z-index: 10
}
@media (max-width:1023px) {
#snowCanvasShow {
bottom: 55px
}
}
@keyframes snowAnimation {
0% {
transform: scale(1) rotate(0deg)
}
50% {
transform: scale(1.2) rotate(180deg)
}
100% {
transform: scale(1) rotate(360deg)
}
}
.snowflake {
position: absolute;
width: 16px;
height: 16px;
background: url(../images/etoile.svg);
opacity: 1 !important
}
#snow {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 40;
pointer-events: none
}
@media (max-width:767px) {
#snow {
position: fixed
}
}
@media (max-width:1023px) {
#snow {
position: fixed
}
}
.alert-message {
font-size: 19px;
font-size: 1.1875rem;
line-height: 27px;
line-height: 1.6875rem;
min-height: 75px;
display: none;
background: #fab700;
color: #fff;
font-family: "walirides", Arial, sans-serif;
text-align: center;
justify-content: space-between;
align-content: center;
align-items: center;
padding: 0 20px;
position: fixed;
top: 0;
width: 100%;
z-index: 102;
transition: transform .35s cubic-bezier(.4, .01, .165, .99)
}
@media (max-width:1023px) {
.alert-message {
font-size: 16px;
font-size: 1rem
}
}
@media (max-width:1023px) {
.alert-message {
line-height: 22px;
line-height: 1.375rem
}
}
.alert-message:after {
content: "";
min-height: inherit;
font-size: 0
}
@media (min-width:960px) {
.alert-message {
padding: 0 40px 0 85px
}
}
.alert-message.show {
display: flex
}
.alert-message p {
margin: 0;
flex: 1;
text-align: center
}
@media (min-width:960px) {
.alert-message p {
padding-left: 50px
}
}
.alert-message a {
color: #fff;
cursor: pointer
}
.alert-message a:hover {
color: #000;
text-decoration: underline
}
.alert-message .close {
display: inline-block;
width: 32px;
height: 32px;
min-width: 32px;
margin-left: 10px
}
@media (min-width:960px) {
.alert-message .close {
width: 46px;
min-width: 46px;
height: 46px
}
}
.alert-message .close svg {
width: 19px;
height: 19px;
fill: #384550
}
.dj-no-touch .alert-message .close:hover,
.dj-no-touch .alert-message .close:focus {
background: #384550;
border-color: #384550
}
.dj-no-touch .alert-message .close:hover svg,
.dj-no-touch .alert-message .close:focus svg {
fill: #fff
}
@media (min-width:1024px) {
.alert-message.is-hidden {
transform: translateY(-100%)
}
}
body.show-alert-message {
padding-top: 183px
}
body.show-alert-message.page-homepage {
padding-top: 144px
}
@media (max-width:1023px) {
body.show-alert-message {
padding-top: 75px
}
body.show-alert-message.page-homepage {
padding-top: 75px
}
}
@media (min-width:1024px) {
body.show-alert-message .main-header {
top: 75px
}
}
.main-header .logo,
.block-footer-copyrights .logo {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
width: 200px;
height: 69px;
padding: 10px;
border-right: 1px solid #e5e5e5;
font: 700 7px "walirides", Arial, sans-serif;
color: #f81700;
text-align: center;
text-decoration: none
}
@media (max-width:1023px) {
.main-header .logo,
.block-footer-copyrights .logo {
width: auto;
padding: 15px
}
}
.main-header .logo img,
.block-footer-copyrights .logo img {
display: block;
max-height: 34px
}
@media (max-width:1023px) {
.main-header .logo img,
.block-footer-copyrights .logo img {
max-height: 30px
}
}
.main-header .logo span,
.block-footer-copyrights .logo span {
display: block;
margin: 3px 0 0 10px
}
@media (max-width:1023px) {
.main-header .logo span,
.block-footer-copyrights .logo span {
margin-left: 0
}
}
@media (max-width:1023px) {
.block-footer-copyrights .logo {
height: auto
}
}
.schedule {
padding: 11px 18px 5px;
border-right: 1px solid #e5e5e5
}
@media (max-width:1023px) {
.schedule {
padding: 13px 5px;
text-align: right;
border-right: none
}
}
.schedule .days {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: bottom;
text-align: center
}
@media (max-width:1023px) {
.schedule .days {
width: 50%;
vertical-align: middle;
text-align: right
}
}
.schedule .days li {
display: inline-block;
margin-right: 17px;
vertical-align: top;
opacity: .3
}
.schedule .days li:last-child {
margin-right: 0
}
@media (max-width:1023px) {
.schedule .days li:last-child {
display: none
}
}
@media (max-width:1279px) {
.schedule .days li {
display: inline-block
}
.schedule .days li:not(.active) {
display: none
}
}
@media (max-width:1023px) {
.schedule .days li {
display: block;
margin: 0
}
}
.schedule .days li a {
display: block;
color: #4a4a4a;
text-decoration: none
}
@media (max-width:1023px) {
.schedule .days li a {
display: flex;
justify-content: flex-end
}
}
.schedule .days li a>span {
display: block
}
.schedule .days li a .date {
font: 400 16px/1.875 "walirides", Arial, sans-serif
}
@media (max-width:1023px) {
.schedule .days li a .date {
padding-right: 9px;
line-height: 1.6875
}
}
.schedule .days li a .time {
font-size: 10px;
line-height: normal;
color: #b3b3b3
}
@media (max-width:1023px) {
.schedule .days li a .time {
width: 66.3%;
padding-left: 7px;
border-left: 1px solid #e5e5e5;
font: 400 16px/1.6875 "walirides", Arial, sans-serif;
color: inherit;
text-align: left
}
.dj-browser-safari.dj-touch .schedule .days li a .time {
border-color: #d3d3d3
}
}
.dj-no-touch .schedule .days li a:hover,
.dj-no-touch .schedule .days li a:focus {
opacity: 1;
text-decoration: none
}
.schedule .days li.active {
opacity: 1
}
.schedule {
display: flex;
align-items: center;
justify-content: flex-end
}
.barometer {
vertical-align: middle;
width: 80px;
height: 32px;
overflow: hidden;
margin-top: 5px;
margin-left: -16px
}
@media (max-width:1023px) {
.barometer {
vertical-align: middle
}
}
.barometer tspan {
display: none
}
.barometer svg {
top: 0 !important
}
.barometer #barometer {
height: 32px
}
.weather {
display: inline-block;
margin-right: 24px;
vertical-align: bottom
}
@media (max-width:1023px) {
.weather {
margin-right: 21px;
vertical-align: middle
}
}
.weather>* {
display: inline-block;
vertical-align: bottom
}
@media (max-width:1023px) {
.weather>* {
vertical-align: middle
}
}
.weather .icon {
width: 52px;
height: 42px;
margin-right: 12px
}
@media (max-width:1023px) {
.weather .icon {
width: 40px;
height: 40px
}
}
.weather .temperature .val {
margin-bottom: 2px;
font: 700 22px "walirides", Arial, sans-serif;
color: #fab700
}
.weather .temperature .val.hidden {
visibility: hidden
}
@media (max-width:1023px) {
.weather .temperature .val {
display: inline-block;
margin: 0
}
}
.weather .temperature .unit {
margin: 0;
padding: 0;
font-size: 10px;
line-height: normal
}
@media (max-width:1023px) {
.weather .temperature .unit {
display: inline-block
}
}
.weather .temperature .unit li {
display: inline-block;
text-transform: uppercase
}
.weather .temperature .unit li:after {
content: "";
display: inline-block;
width: 2px;
height: 9px;
margin: 0 5px;
background: #ececec;
vertical-align: middle
}
.weather .temperature .unit li:last-child:after {
content: none
}
.weather .temperature .unit li a {
color: #b3b3b3;
text-decoration: none
}
.dj-no-touch .weather .temperature .unit li a:hover,
.dj-no-touch .weather .temperature .unit li a:focus {
color: #484848;
text-decoration: none
}
.weather .temperature .unit li a:before {
content: "°"
}
@media (max-width:1023px) {
.weather .temperature .unit li a:before {
content: none
}
}
.weather .temperature .unit li.active a {
color: #484848
}
@media (max-width:1023px) {
.weather .temperature .unit li:after {
content: none
}
.weather .temperature .unit li:not(.active) {
display: none
}
}
.main-nav {
flex: 1
}
@media (max-width:1023px) {
.main-nav {
overflow: hidden
}
}
.main-nav ul {
display: flex;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
flex-wrap: wrap;
text-align: center;
font: 400 10px "Walibi", Arial, sans-serif
}
@media (max-width:1279px) {
.main-nav ul {
font-size: 8px
}
}
@media (max-width:1023px) {
.main-nav ul {
height: auto;
margin-right: -1px;
font-size: 10px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5
}
.dj-browser-safari.dj-touch .main-nav ul {
border-color: #d3d3d3
}
}
.main-nav ul li {
flex: 1
}
.dj-browser-safari.dj-touch .main-nav ul li {
border-color: #d3d3d3
}
.dj-browser-safari.dj-touch .main-nav ul li {
border-color: #d3d3d3
}
@media (max-width:1023px) {
.main-nav ul li {
max-width: 33.33%;
min-width: 25%;
flex: 1 0 25%
}
.main-nav ul li:nth-child(n+5) {
max-width: 25%
}
.main-nav ul li.active {
display: none
}
}
.main-nav ul li a {
display: block;
height: 100%;
padding: 11px 5px 5px;
color: #353633;
text-decoration: none;
border-right: 1px solid #e5e5e5
}
@media (max-width:1023px) {
.main-nav ul li a {
padding: 10px 5px
}
}
.main-nav ul li a .icon {
display: flex;
width: 30px;
height: 30px;
margin: 0 auto;
margin-bottom: 4px;
align-items: flex-start
}
.main-nav ul li a .icon img,
.main-nav ul li a .icon .svg-icon {
display: block;
margin: 0 auto
}
.main-nav ul li a .icon .svg-icon {
fill: #f81700
}
.main-nav ul li .opening-hours-menu-link {
padding: 0;
transition: none;
display: inline-block;
opacity: .75;
text-decoration: none;
background: 0 0
}
.main-nav ul li .opening-hours-menu-link:hover {
opacity: 1 !important
}
.main-nav ul li .opening-hours-menu-link:after {
background-color: transparent;
position: relative;
transition: none !important;
width: 15px !important
}
.main-nav ul li .opening-hours-menu-link:hover:after {
width: 15px !important
}
.menu {
position: relative;
margin-top: -1px
}
@media (max-width:1023px) {
.menu {
margin: 0;
padding: 24px 0;
background-color: #f5f8fd
}
.dj-browser-safari.dj-touch .menu {
background-color: #e0e9f9
}
}
.menu .toggle {
display: flex;
height: 40px;
padding: 5px 5px 5px 53px;
border: 1px solid #c01a09;
background-color: #f81700;
color: #fff;
font: 700 14px "walirides", Arial, sans-serif;
align-items: center;
flex-wrap: wrap;
text-decoration: none
}
.menu .toggle .svg-icon {
width: 15px;
height: 14px;
margin-right: 21px
}
.menu .toggle .svg-icon.svg-icon-close {
display: none;
width: 14px;
height: 13px
}
.dj-no-touch .menu .toggle:hover,
.dj-no-touch .menu .toggle:focus {
background-color: #dc1400;
text-decoration: none;
color: #fff
}
.menu .list {
display: none;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
font: 400 12px "walirides", Arial, sans-serif;
list-style: none
}
@media (max-width:1023px) {
.menu .list {
display: flex !important;
margin: auto;
flex-wrap: wrap;
position: static;
box-shadow: none;
font-size: 10px
}
}
@media (min-width:1024px) {
.menu .list li+li {
margin-top: -1px
}
.browser-edge .menu .list li,
.browser-ie .menu .list li {
display: flex;
align-items: stretch;
font-size: 0
}
}
.dj-no-touch .menu .list li:hover,
.dj-no-touch .menu .list li:focus {
position: relative
}
@media (max-width:1023px) {
.menu .list li {
width: 85px;
margin: 6px
}
}
.menu .list li a {
display: flex;
align-items: center;
padding: 15px 20px 15px 32px;
background: #fff;
color: #f81700;
border: 1px solid #e5e5e5;
text-decoration: none
}
@media (min-width:1024px) {
.browser-edge .menu .list li a,
.browser-ie .menu .list li a {
width: 100%;
font-size: 12px
}
}
.dj-no-touch .menu .list li a:hover,
.dj-no-touch .menu .list li a:focus {
background: #f5f9fd;
text-decoration: none
}
@media (max-width:1023px) {
.menu .list li a {
flex-direction: column;
height: 100%;
padding: 12px 8px;
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
border-radius: 10px;
text-align: center
}
}
.menu .list li a .icon {
width: 35px;
height: 40px;
margin-right: 20px
}
@media (max-width:1023px) {
.menu .list li a .icon {
width: 30px;
height: 30px;
margin: 0 auto 8px
}
}
.menu .list li a .icon img,
.menu .list li a .icon .svg-icon {
display: block;
margin: 0 auto
}
.menu .list li a .icon .svg-icon {
fill: currentColor
}
.menu .list li a .text {
flex: 1
}
@media (max-width:1023px) {
.menu .list li a .text {
display: flex;
flex-direction: column;
justify-content: center
}
}
.menu .list li a.active {
background: #f5f9fd
}
.menu .list li a.other-site-link {
display: block;
padding: 15px 10px;
color: #fff;
text-align: center
}
@media (max-width:1023px) {
.menu .list li a.other-site-link {
display: flex;
justify-content: center;
font-size: 11px
}
}
.menu .list li a.other-site-link img,
.menu .list li a.other-site-link svg {
display: block;
margin: 0 auto 2px
}
@media (max-width:1023px) {
.menu .list li a.other-site-link img,
.menu .list li a.other-site-link svg {
height: 13px;
margin-bottom: 11px
}
}
.menu .list li a.other-site-link .text {
flex: none
}
.menu .list li a.other-site-link.other-site-link-aqualibi {
border: 1px solid #138fb8;
background: #13b5ea
}
.dj-no-touch .menu .list li a.other-site-link.other-site-link-aqualibi:hover,
.dj-no-touch .menu .list li a.other-site-link.other-site-link-aqualibi:focus {
background: #13b5ea
}
.menu .list li a.other-site-link.other-site-link-walirides {
border: 1px solid #c01a09;
background: #f81700
}
.dj-no-touch .menu .list li a.other-site-link.other-site-link-walirides:hover,
.dj-no-touch .menu .list li a.other-site-link.other-site-link-walirides:focus {
background: #f81700
}
@media (min-width:1024px) {
.menu.active .toggle {
border-color: #921d11;
background-color: #c01a09
}
}
.menu.active .toggle .svg-icon {
display: none
}
.menu.active .toggle .svg-icon.svg-icon-close {
display: inline-block
}
.main-header {
width: 100%;
position: fixed;
top: 0;
z-index: 101;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
transition: transform .35s cubic-bezier(.4, .01, .165, .99)
}
.adminimal-admin-toolbar .main-header,
.contextualToolbar-init-processed .main-header {
top: 39px
}
.adminimal-admin-toolbar.toolbar-tray-open .main-header,
.contextualToolbar-init-processed.toolbar-tray-open .main-header {
top: 79px
}
@media (max-width:1023px) {
.adminimal-admin-toolbar.toolbar-tray-open .main-header,
.contextualToolbar-init-processed.toolbar-tray-open .main-header {
top: 39px
}
}
@media (min-width:1024px) {
.main-header.is-hidden {
transform: translateY(-100%)
}
}
.adminimal-admin-toolbar .main-header.is-hidden,
.contextualToolbar-init-processed .main-header.is-hidden {
transform: translateY(calc(-100% - 39px))
}
.adminimal-admin-toolbar.toolbar-tray-open .main-header.is-hidden,
.main-header .contextualToolbar-init-processed.contextualToolbar-init-processed {
transform: translateY(calc(-100% - 79px))
}
.main-header .container {
max-width: none
}
@media (max-width:1023px) {
.main-header .container .row {
display: block
}
}
.main-header .header-side {
width: 200px
}
@media (max-width:1023px) {
.main-header .header-side {
width: auto
}
}
.main-header .header-content {
flex: 1 0 auto;
background: #fff;
transition: .2s all linear;
margin-top: 0;
opacity: 1
}
@media (max-width:1023px) {
.main-header .header-content {
display: none
}
}
.main-header .header-content .row {
margin: 0;
border-bottom: 1px solid #e5e5e5
}
@media (max-width:1023px) {
.main-header .header-content .row {
border-bottom: none
}
}
.main-header .header-content .row.row-top {
height: 69px
}
@media (max-width:1023px) {
.main-header .header-content .row.row-top {
height: auto
}
}
.main-header .header-content .row.row-bottom {
min-height: 39px
}
@media (max-width:1023px) {
.main-header .header-content .row.row-bottom {
display: none
}
}
@media (max-width:1023px) {
.main-header .menu {
display: none
}
.main-header .menu .toggle {
display: none
}
}
.main-header .language-selector {
margin: 11px 17px
}
@media (max-width:1023px) {
.main-header .language-selector {
display: none
}
}
.main-header .language-selector .btn,
.main-header .language-selector .button,
.main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-header .language-selector .ticket-dropbtn {
min-height: 46px;
border-radius: 23px;
border: 1px solid #f81700
}
.main-header .language-selector .dropdown-menu {
margin-top: 15px
}
@media (max-width:1023px) {
.main-header .btn-tickets {
display: none
}
}
@media (max-width:1023px) {
.main-header.visible {
overflow: auto;
bottom: 64px;
z-index: 9999
}
.main-header.visible .menu,
.main-header.visible .header-content {
display: block
}
}
@media (max-width:1023px) {
body {
padding-bottom: 64px
}
}
body.menu-opened {
overflow: hidden;
height: 100vh;
position: fixed
}
.breadcrumbs {
flex: 1 0 0;
margin: 0;
padding: 13px 21px 0;
font: 400 10px "walirides", Arial, sans-serif;
list-style: none
}
@media (max-width:1279px) {
.breadcrumbs {
font-size: 8px
}
}
@media (max-width:1023px) {
.breadcrumbs {
display: none
}
}
.breadcrumbs li {
display: inline-block;
margin: 0 0 .75em;
vertical-align: middle
}
.breadcrumbs li:after {
content: url(../images/arrow-right.svg);
display: inline-block;
width: 5px;
height: 8px;
margin: 0 15px;
line-height: 0
}
.breadcrumbs li a {
color: #ccc;
text-decoration: none
}
.dj-no-touch .breadcrumbs li a:hover,
.dj-no-touch .breadcrumbs li a:focus {
color: #353633;
text-decoration: none
}
.breadcrumbs li:last-child:after {
content: none !important
}
.breadcrumbs li:last-child a {
color: #353633
}
.theme-aqualibi .logo,
.main-header_aqualibi .logo {
color: #13b5ea
}
.theme-aqualibi .menu .toggle,
.main-header_aqualibi .menu .toggle {
border-color: #138fb8;
background-color: #13b5ea
}
@media (max-width:1023px) {
.theme-aqualibi .menu .toggle,
.main-header_aqualibi .menu .toggle {
background-color: #fff;
color: #13b5ea;
border-color: #e5e5e5
}
}
.dj-no-touch .theme-aqualibi .menu .toggle:hover,
.dj-no-touch .theme-aqualibi .menu .toggle:focus,
.dj-no-touch .main-header_aqualibi .menu .toggle:hover,
.dj-no-touch .main-header_aqualibi .menu .toggle:focus {
background: #00538a
}
.theme-aqualibi .menu.active .toggle,
.main-header_aqualibi .menu.active .toggle {
border-color: #0d6a88;
background-color: #0f88b0
}
@media (max-width:1023px) {
.theme-aqualibi .menu.active .toggle,
.main-header_aqualibi .menu.active .toggle {
color: #fff
}
}
.theme-aqualibi .menu .list li a,
.main-header_aqualibi .menu .list li a {
color: #13b5ea
}
.theme-aqualibi .menu .list li a.other-site-link,
.main-header_aqualibi .menu .list li a.other-site-link {
color: #fff
}
.theme-aqualibi .main-nav ul li a .svg-icon,
.main-header_aqualibi .main-nav ul li a .svg-icon {
fill: #13b5ea
}
.theme-aqualibi .main-header .language-selector .btn,
.theme-aqualibi .main-header .language-selector .button,
.theme-aqualibi .main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .main-header .language-selector .ticket-dropbtn,
.main-header_aqualibi .main-header .language-selector .btn,
.main-header_aqualibi .main-header .language-selector .button,
.main-header_aqualibi .main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-header_aqualibi .main-header .language-selector .ticket-dropbtn {
border-color: #13b5ea
}
.theme-aqualibi .main-header .btn-tickets,
.main-header_aqualibi .main-header .btn-tickets {
border-color: #138fb8;
background-color: #13b5ea
}
.dj-no-touch .theme-aqualibi .main-header .btn-tickets:hover,
.dj-no-touch .theme-aqualibi .main-header .btn-tickets:focus,
.dj-no-touch .main-header_aqualibi .main-header .btn-tickets:hover,
.dj-no-touch .main-header_aqualibi .main-header .btn-tickets:focus {
background: #00538a
}
.theme-aqualibi .breadcrumbs li:after,
.main-header_aqualibi .breadcrumbs li:after {
content: url(../images/arrow-right-blue.svg)
}
.theme-walirides-halloween-orange .breadcrumbs li:after {
content: '';
background: url(../images/icon-arrow-right--purple.svg) no-repeat center/cover
}
.theme-bellewaerde .breadcrumbs li:after {
content: url(../images/arrow-right-green.svg)
}
.local-task-nav {
margin: 0;
padding: 0;
list-style: none;
background: #ebebeb;
font-size: 14px
}
.local-task-nav li {
float: left
}
.local-task-nav li a {
display: block;
padding: 7px 2em;
color: #0074bd;
text-decoration: none
}
.dj-no-touch .local-task-nav li a:hover,
.dj-no-touch .local-task-nav li a:focus {
text-decoration: underline
}
.local-task-nav:after {
content: "";
display: block;
clear: both
}
.header-buttons {
display: flex;
width: 100%;
height: 64px;
flex-wrap: wrap;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
background: #fff
}
@media (min-width:1024px) {
.header-buttons {
display: none
}
}
.header-buttons .header-toggle {
width: 80px;
padding: 12px 5px 5px;
background: #fff;
font: 700 14px "walirides", Arial, sans-serif;
color: #f81700;
text-align: center;
border: none;
border: 1px solid #e5e5e5;
text-decoration: none
}
@media (max-width:1023px) {
.dj-browser-safari.dj-touch .header-buttons .header-toggle {
border-color: #d3d3d3
}
}
.header-buttons .header-toggle .svg-icon {
display: block;
width: 20px;
height: 14px;
margin: 0 auto 12px
}
.header-buttons .header-toggle .svg-icon.svg-icon-close {
display: none;
width: 20px;
height: 19px;
margin-bottom: 7px
}
.header-buttons .header-toggle>span {
display: block
}
.header-buttons .header-toggle.active .svg-icon {
display: none
}
.header-buttons .header-toggle.active .svg-icon.svg-icon-close {
display: block
}
.header-buttons .main-nav {
width: 80px;
flex: none;
display: none
}
.header-buttons .main-nav ul {
display: block
}
.header-buttons .main-nav ul li {
max-width: none;
min-width: 0
}
.article-info-opened .header-buttons,
.ticket-in-popup .header-buttons {
display: none
}
.theme-aqualibi .header-buttons .header-toggle {
color: #13b5ea
}
.walirides_be .logo span,
.www_aqualibi_be .logo span,
.theme-walirides-wra .logo span {
display: none
}
@media (min-width:1024px) {
.theme-walirides-wra .main-header .header-side .logo {
width: 158px;
height: 60px;
padding: 8px
}
}
.theme-walirides-wra .main-header .header-side .logo .main-logo-hover {
display: none
}
.theme-walirides-wra .main-header .header-side .logo img {
max-height: 50px
}
@media (max-width:1023px) {
.theme-walirides-wra .main-header .header-side .logo img {
max-height: 50px
}
}
.theme-walirides-wra .main-header .header-side.last a {
background-color: #fff;
transition: .4s
}
.theme-walirides-wra .main-header .header-side.last a:hover {
background-color: #f0f0f0
}
@media (min-width:1024px) {
.theme-walirides-holland-halloween .main-header .schedule,
.theme-bellewaerde-halloween .main-header .schedule,
.theme-walirides-halloween-children .main-header .schedule,
.theme-walirides-halloween-orange .main-header .schedule,
.theme-walirides-halloween-red .main-header .schedule {
padding-left: 20px;
padding-right: 20px;
justify-content: center
}
}
@media (min-width:1024px) {
.theme-walirides-holland-halloween .main-header .schedule li,
.theme-bellewaerde-halloween .main-header .schedule li,
.theme-walirides-halloween-children .main-header .schedule li,
.theme-walirides-halloween-orange .main-header .schedule li,
.theme-walirides-halloween-red .main-header .schedule li {
max-width: 145px
}
}
.theme-walirides-holland-halloween .main-header .header-content .row.row-top,
.theme-bellewaerde-halloween .main-header .header-content .row.row-top,
.theme-walirides-halloween-children .main-header .header-content .row.row-top,
.theme-walirides-halloween-orange .main-header .header-content .row.row-top,
.theme-walirides-halloween-red .main-header .header-content .row.row-top {
min-height: 69px;
height: auto
}
@media (min-width:1024px) {
.theme-walirides-holland-halloween .main-header .header-side .logo,
.theme-bellewaerde-halloween .main-header .header-side .logo,
.theme-walirides-halloween-children .main-header .header-side .logo,
.theme-walirides-halloween-orange .main-header .header-side .logo,
.theme-walirides-halloween-red .main-header .header-side .logo {
min-height: 69px;
height: 100%
}
}
.theme-walirides-holland-halloween .main-header .language-selector,
.theme-bellewaerde-halloween .main-header .language-selector,
.theme-walirides-halloween-children .main-header .language-selector,
.theme-walirides-halloween-orange .main-header .language-selector,
.theme-walirides-halloween-red .main-header .language-selector {
display: inline-flex
}
.theme-walirides-holland-halloween .main-header .language-selector .dropdown-toggle,
.theme-bellewaerde-halloween .main-header .language-selector .dropdown-toggle,
.theme-walirides-halloween-children .main-header .language-selector .dropdown-toggle,
.theme-walirides-halloween-orange .main-header .language-selector .dropdown-toggle,
.theme-walirides-halloween-red .main-header .language-selector .dropdown-toggle {
margin: auto
}
@media (min-width:1024px) {
.theme-walirides-holland-halloween .main-header .main-nav li a,
.theme-bellewaerde-halloween .main-header .main-nav li a,
.theme-walirides-halloween-children .main-header .main-nav li a,
.theme-walirides-halloween-orange .main-header .main-nav li a,
.theme-walirides-halloween-red .main-header .main-nav li a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
}
.alert-message {
font-size: 12px;
font-size: .75rem;
line-height: 18px;
line-height: 1.125rem;
min-height: 39px;
color: #384550;
font-family: "walirides", Arial, sans-serif;
font-weight: 500;
letter-spacing: -.12px;
padding: 0 13px;
z-index: 102;
transition: transform .35s cubic-bezier(.4, .01, .165, .99)
}
@media (max-width:1023px) {
.alert-message {
font-size: 12px;
font-size: .75rem
}
}
@media (max-width:1023px) {
.alert-message {
line-height: 18px;
line-height: 1.125rem
}
}
@media (max-width:1023px) {
.alert-message {
min-height: 46px;
letter-spacing: normal
}
}
.alert-message:after {
content: "";
min-height: inherit;
font-size: 0
}
@media (min-width:960px) {
.alert-message {
padding: 0 7px
}
}
.alert-message.show {
display: flex
}
.alert-message p {
margin: 0;
flex: 1;
text-align: center;
padding-left: 74px
}
@media (min-width:960px) {
.alert-message p {
padding-left: 34px
}
}
.alert-message a {
color: #000
}
.alert-message a:hover {
color: #fff
}
.alert-message .close {
display: inline-block;
width: 24px;
height: 24px;
min-width: 24px;
margin-left: 50px;
padding: 6px;
background: 0 0;
border: none;
box-shadow: none
}
@media (min-width:960px) {
.alert-message .close {
width: 24px;
min-width: 24px;
height: 24px;
margin-left: 10px
}
}
.alert-message .close svg {
width: 12px;
height: 12px;
fill: #384550
}
.dj-no-touch .alert-message .close:hover,
.dj-no-touch .alert-message .close:focus {
background: 0 0;
border-color: transparent
}
.dj-no-touch .alert-message .close:hover svg,
.dj-no-touch .alert-message .close:focus svg {
fill: #384550
}
@media (min-width:1024px) {
.alert-message.is-hidden {
transform: translateY(-100%)
}
}
body.show-alert-message {
padding-top: 99px
}
body.show-alert-message.page-homepage {
padding-top: 99px
}
@media (max-width:1023px) {
body.show-alert-message {
padding-top: 100px
}
body.show-alert-message.page-homepage {
padding-top: 100px
}
}
body.show-alert-message.adminimal-admin-toolbar,
body.show-alert-message.contextualToolbar-init-processed {
padding-top: 60px
}
body.show-alert-message.adminimal-admin-toolbar.page-homepage,
body.show-alert-message.contextualToolbar-init-processed.page-homepage {
padding-top: 60px
}
@media (max-width:1023px) {
body.show-alert-message.adminimal-admin-toolbar,
body.show-alert-message.contextualToolbar-init-processed {
padding-top: 54px
}
body.show-alert-message.adminimal-admin-toolbar.page-homepage,
body.show-alert-message.contextualToolbar-init-processed.page-homepage {
padding-top: 54px
}
}
body.show-alert-message .main-header {
top: 46px
}
@media (min-width:1024px) {
body.show-alert-message .main-header {
top: 39px
}
}
body.show-alert-message.ticket-booking-page {
padding-top: 100px
}
body.show-alert-message.ticket-booking-page .header-buttons {
top: 46px
}
.main-nav {
flex: 1;
padding: 0
}
@media (max-width:1023px) {
.main-nav {
overflow: hidden
}
}
.main-nav ul {
justify-content: center;
text-transform: uppercase;
font: 500 12px "Futura", Arial, sans-serif;
letter-spacing: 1px
}
@media (max-width:1279px) {
.main-nav ul {
font-size: 8px
}
}
@media (max-width:1023px) {
.main-nav ul {
height: auto;
margin-right: 0;
font-size: 12px;
border: none;
display: block;
text-align: left
}
.dj-browser-safari.dj-touch .main-nav ul {
border: none
}
}
.main-nav ul li {
flex: 0 0 auto;
padding: 13px
}
.dj-browser-safari.dj-touch .main-nav ul li {
border: none
}
.main-nav ul li a {
display: block;
color: #384550;
border-right: none;
position: relative;
padding: 9px 5px;
transition: none;
height: auto;
overflow: hidden
}
@media (max-width:1023px) {
.main-nav ul li a {
color: #fff
}
}
.main-nav ul li a:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 3px;
background: #384550;
transition: width .25s
}
@media (hover:hover) {
.main-nav ul li a:hover {
background: 0 0;
opacity: .7
}
.main-nav ul li a:hover:after {
width: 100%
}
}
@media (max-width:1023px) {
.main-nav ul li a {
padding: 20px 93px 19px 30px;
color: #fff;
background: #485968
}
.main-nav ul li a:after {
display: none
}
}
.main-nav ul li a .opening-hours-menu-link {
padding: 0;
transition: none;
display: inline-block;
opacity: .75;
text-decoration: none;
background: 0 0
}
.main-nav ul li a .opening-hours-menu-link:hover {
opacity: 1 !important
}
.main-nav ul li a .opening-hours-menu-link:after {
background-color: transparent;
position: relative;
transition: none !important;
width: 15px !important
}
.main-nav ul li a .opening-hours-menu-link:hover:after {
width: 15px !important
}
.main-nav ul li .arrow {
position: absolute;
right: 0;
top: 0;
height: 54px;
width: 93px;
display: none
}
.main-nav ul li .arrow:after {
content: '';
position: absolute;
top: 50%;
right: 40px;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -198px -127px;
width: 13px;
height: 7px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.main-nav ul li .arrow:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.main-nav ul li.opened .drop {
display: block
}
.main-nav ul li.opened .arrow {
transform: rotate(-180deg)
}
@media (hover:hover) {
.main-nav ul li:hover a {
opacity: .7
}
.main-nav ul li:hover a:after {
width: 100%
}
.main-nav ul li:hover .drop {
display: block
}
.main-nav ul li:hover .submenu a {
opacity: 1
}
}
@media (max-width:1023px) {
.main-nav ul li {
max-width: 100%;
flex: auto;
padding: 0;
margin-bottom: 1px;
position: relative
}
.main-nav ul li:nth-child(n+5) {
max-width: 100%
}
.main-nav ul li.active {
display: block
}
.main-nav ul li .arrow {
display: block
}
}
.main-nav ul li.opened-t>a {
opacity: .7
}
.main-nav ul li.opened-t>a:after {
width: 100%
}
.main-nav ul li.opened-t .drop {
display: block
}
.main-nav ul .drop {
position: absolute;
left: 0;
top: 59px;
width: 100%;
background: #2f3941;
display: none
}
@media (max-width:1023px) {
.main-nav ul .drop {
position: static
}
}
.main-nav ul .drop-holder {
display: flex;
min-height: 199px
}
@media (max-width:1023px) {
.main-nav ul .drop-holder {
display: block
}
}
.main-nav ul .submenu {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
padding: 34px 0 15px;
text-align: left
}
@media (max-width:1023px) {
.main-nav ul .submenu {
padding: 31px 30px 0;
display: block
}
}
.main-nav ul .submenu .item {
flex: 0 0 auto;
width: 232px;
padding: 0 10px 0 50px
}
@media (max-width:1025px) {
.main-nav ul .submenu .item {
width: 175px
}
}
@media (max-width:1023px) {
.main-nav ul .submenu .item {
width: 100%;
padding: 0 0 20px
}
}
.main-nav ul .info {
flex: 0 0 auto;
width: 302px;
background: #384550;
text-align: left;
padding: 34px 10px 15px 50px
}
@media (max-width:1023px) {
.main-nav ul .info {
width: 100%;
padding: 31px 30px
}
}
.main-nav ul .info ul {
color: #fff;
font-size: 12px
}
.main-nav ul .info ul.double-field-list {
color: #ccc
}
.main-nav ul .info ul.double-field-list .day-of-week-past {
text-decoration: line-through
}
.main-nav ul .info ul.double-field-list .day-of-week-present {
color: #fff
}
.main-nav ul .info ul li {
overflow: hidden
}
.main-nav ul .info ul span {
color: #ccc
}
.main-nav ul .info ul .day,
.main-nav ul .info ul .double-field-first {
float: left;
width: 85px
}
.main-nav ul .ttl {
display: block;
color: rgba(255, 255, 255, .7);
padding-bottom: 10px;
font: 700 10px/16px "Futura", Arial, sans-serif;
letter-spacing: normal;
text-transform: none
}
.main-nav ul .ttl-time:after {
content: '';
display: inline-block;
vertical-align: middle;
background-image: url(../images/spritesheet.png);
background-position: 0 -285px;
width: 15px;
height: 15px;
margin-left: 6px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.main-nav ul .ttl-time:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.main-nav ul .wysiwyg-block {
color: #fff;
font-weight: 700;
font-size: 12px;
line-height: 23px;
font-family: "Futura", Arial, sans-serif;
text-transform: none;
letter-spacing: normal
}
.main-nav ul ul {
display: block;
height: auto;
letter-spacing: normal;
font-weight: 700;
font-size: 14px;
line-height: 23px;
text-align: left;
text-transform: none
}
@media (max-width:1023px) {
.main-nav ul ul {
line-height: 30px
}
}
.main-nav ul ul li {
padding: 0
}
@media (max-width:1023px) {
.main-nav ul ul li {
margin: 0
}
}
.main-nav ul ul li a {
padding: 0;
opacity: 1;
color: #fff
}
.main-nav ul ul li a:after {
display: none
}
@media (hover:hover) {
.main-nav ul ul li a:hover {
background: 0 0;
text-decoration: underline
}
}
@media (max-width:1023px) {
.main-nav ul ul li a {
background: 0 0
}
.main-nav ul ul li a:before {
display: none
}
}
.toolbar-oriented .toolbar-bar {
position: fixed
}
.main-header {
box-shadow: none
}
.main-header .header-side {
width: 158px
}
.main-header .header-side .logo {
padding: 14px 14px 0
}
@media (max-width:1023px) {
.main-header .header-side {
width: 100%
}
.main-header .header-side .logo {
background-color: #fff
}
}
.main-header .header-side.last .logo {
border-right: 1px solid #e5e5e5
}
@media (max-width:1023px) {
.main-header .header-side.last .logo {
border-right: 0 none
}
}
@media (max-width:1023px) {
.main-header .header-content {
background: 0 0
}
}
.main-header .header-content .row {
border-color: #d8d8d8
}
@media (max-width:1023px) {
.main-header .header-content .row {
border-bottom: none
}
}
.main-header .header-content .row.row-top {
height: 60px
}
@media (max-width:1023px) {
.main-header .header-content .row.row-top {
height: auto
}
}
.main-header .header-content .row.row-bottom {
min-height: 0
}
@media (max-width:1023px) {
.main-header .header-content .row.row-bottom {
display: none
}
}
.main-header .language-selector {
margin: 0;
border-left: 1px solid #e5e5e5;
padding: 4px 6px
}
@media (max-width:1023px) {
.main-header .language-selector {
display: block;
position: fixed;
left: 0;
bottom: 54px;
background: #fff;
border: 1px solid #e5e5e5;
border-right: 0;
width: 62px;
padding: 2px 0 3px
}
}
.main-header .language-selector .btn,
.main-header .language-selector .button,
.main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-header .language-selector .ticket-dropbtn {
min-width: 40px;
padding: 0 3px;
border-radius: 0;
border: none
}
@media (max-width:1023px) {
.main-header .language-selector .btn,
.main-header .language-selector .button,
.main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-header .language-selector .ticket-dropbtn {
padding: 12px 0 12px;
width: 100%;
margin: 0;
text-align: center;
font-size: 0;
line-height: 0
}
.main-header .language-selector .btn:after,
.main-header .language-selector .button:after,
.main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .main-header .language-selector .ticket-dropbtn:after {
display: inline-block;
font-size: 0;
line-height: 0;
background-position: -286px -146px;
vertical-align: middle
}
.main-header .language-selector .btn .icon-lang,
.main-header .language-selector .button .icon-lang,
.main-header .language-selector .block-prices .ticket-dropdown .ticket-dropbtn .icon-lang,
.block-prices .ticket-dropdown .main-header .language-selector .ticket-dropbtn .icon-lang {
font-size: 0;
line-height: 0;
color: transparent;
padding-left: 19px;
vertical-align: middle;
margin: 0 5px 0 0
}
}
.main-header .language-selector .dropdown-menu {
margin-top: 15px;
border-radius: .25rem;
min-width: 59px;
width: 59px;
margin-left: -6px
}
@media (max-width:1023px) {
.main-header .language-selector .dropdown-menu {
position: fixed !important;
margin: 0;
width: 100%;
padding: 10px 0;
float: none;
transform: none !important;
bottom: 107px;
top: auto !important;
left: 0 !important;
right: 0;
border-radius: 0;
background: #fff;
will-change: unset !important;
border: none
}
.main-header .language-selector .dropdown-menu a {
text-align: left;
padding: 8px 30px;
font-size: 0;
line-height: 0;
color: transparent
}
.main-header .language-selector .dropdown-menu a .icon-lang {
padding-left: 19px
}
}
.main-header .language-selector .dropdown-menu .dropdown-item .icon-lang {
text-indent: -9998px
}
.main-header .header-search {
position: relative
}
@media (max-width:1023px) {
.main-header .header-search {
position: fixed;
right: 0;
bottom: 54px;
background: #fff;
border: 1px solid #e5e5e5;
width: calc(100% - 62px)
}
}
.main-header .header-search .btn,
.main-header .header-search .button,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn {
width: 61px;
min-width: 60px;
height: 59px;
padding: 0;
font-size: 0;
line-height: 0;
border-left: 1px solid #e5e5e5;
position: relative;
border-radius: 0;
background: 0 0
}
.main-header .header-search .btn:after,
.main-header .header-search .button:after,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn:after {
display: none
}
.main-header .header-search .btn:hover,
.main-header .header-search .button:hover,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn:hover {
transform: none
}
.main-header .header-search .btn span,
.main-header .header-search .button span,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn span,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn span {
font-size: 0;
line-height: 0;
color: inherit;
display: block;
height: 100%;
width: 100%;
position: relative
}
.main-header .header-search .btn span:after,
.main-header .header-search .button span:after,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn span:after,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn span:after {
content: '';
background-image: url(../images/spritesheet.png);
background-position: -43px -263px;
width: 18px;
height: 18px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.main-header .header-search .btn span:after,
.main-header .header-search .button span:after,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn span:after,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn span:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
@media (max-width:1023px) {
.main-header .header-search .btn,
.main-header .header-search .button,
.main-header .header-search .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-header .header-search .ticket-dropbtn {
display: none
}
}
.main-header .header-search .search-mobile {
width: 100%;
height: 51px;
display: none
}
@media (max-width:1023px) {
.main-header .header-search .search-mobile {
display: block
}
}
.main-header .header-search .form-item {
height: 51px;
width: calc(100% - 52px)
}
.main-header .header-search .form-item input {
width: 100%;
margin: 0;
padding: 0 10px;
border: none;
background: 0 0;
font-size: 12px;
font-weight: 700;
font-family: "Futura", Arial, sans-serif;
color: #b3b3b3;
height: 100%
}
.main-header .header-search .form-item input::placeholder {
color: #828282;
opacity: 1
}
.main-header .header-search .form-item input:focus {
outline: none
}
.main-header .header-search .form-actions {
width: 52px
}
.main-header .header-search .form-actions input {
border: none;
width: 100%;
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
color: transparent;
background: 0 0;
cursor: pointer;
height: 100%;
background: url("../images/icon-search-holland.svg") no-repeat 50% 50%
}
.main-header .header-search .form-actions input:focus {
outline: none
}
.main-header .btn-tickets {
margin-bottom: 0;
border-left: 1px solid #f81700;
border-bottom: 1px solid #f81700;
width: 137px;
font-size: 12px;
text-transform: uppercase
}
.main-header .btn-tickets .icon {
width: 32px;
height: 37px;
margin-right: 5px
}
@media (max-width:1023px) {
.main-header.visible {
overflow: auto;
bottom: 54px;
z-index: 9999;
background: #2f3941
}
.main-header.visible .menu,
.main-header.visible .header-content {
display: block
}
}
@media (max-width:1023px) {
body {
padding-bottom: 54px
}
body.ticket-booking-page {
padding-bottom: 64px;
padding-top: 54px
}
}
.header-buttons {
height: 54px;
z-index: 9999;
transform: translate3d(0, 0, 0)
}
@media (min-width:1024px) {
.header-buttons {
display: none
}
}
.header-buttons .header-toggle {
width: 107px;
padding: 0;
font: 700 12px "Futura", Arial, sans-serif;
color: #384550;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center
}
@media (max-width:1023px) {
.dj-browser-safari.dj-touch .header-buttons .header-toggle {
border-color: #d3d3d3
}
}
.header-buttons .header-toggle .svg-icon {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 13px;
margin: 0 8px 0 0;
color: #384550
}
.header-buttons .header-toggle .svg-icon.svg-icon-close {
display: none;
width: 18px;
height: 18px;
margin: 0 10px 0 0
}
.header-buttons .header-toggle>span {
display: inline-block;
vertical-align: middle
}
.header-buttons .header-toggle.active .svg-icon.svg-icon-close {
display: inline-block
}
.ticket-booking-page {
padding-top: 60px
}
.ticket-booking-page .main-header .header-content .row.row-bottom {
display: none
}
@media (max-width:1025px) {
.ticket-booking-page .page {
margin-bottom: 0
}
}
.ticket-booking-page .header-buttons {
bottom: auto;
top: 0;
left: auto;
right: 0;
width: 66.67%
}
.ticket-booking-page.adminimal-admin-toolbar .header-buttons,
.ticket-booking-page.contextualToolbar-init-processed .header-buttons {
top: 39px
}
@media (max-width:1023px) {
.ticket-booking-page .main-header .logo {
width: 33.33%;
border: solid #e5e5e5;
border-width: 1px 0 1px 1px;
padding: 7px 20px;
align-items: flex-start
}
.ticket-booking-page .main-header .language-selector {
bottom: 0
}
.ticket-booking-page .main-header .language-selector:after {
bottom: 0
}
.ticket-booking-page .main-header .language-selector .dropdown-menu {
bottom: 53px
}
.ticket-booking-page .main-header .header-search {
bottom: 0
}
.ticket-booking-page .main-header.visible {
bottom: 0
}
}
.main-header .container .row {
flex-wrap: nowrap
}
@media (max-width:1023px) {
.main-header .container .row {
flex-wrap: wrap;
display: flex
}
.main-header .container .row .header-side.last {
order: 3
}
.main-header .container .row .header-content {
order: 2
}
}
@media (min-width:1024px) {
.page-homepage .main-header.is-hidden .header-side .logo {
position: static
}
}
@media (max-width:1024px) {
.main-header .header-side.last {
display: none
}
}
.main-header.visible .header-side.last {
display: block
}
.page-404 {
padding: 20px;
margin-bottom: 0
}
@media (max-width:767px) {
.page-404 {
padding-top: 0;
margin-top: -25px
}
}
@media (max-width:1023px) {
.page-404 {
display: flex;
min-height: 100vh;
flex-direction: column;
padding-bottom: 40px
}
.page-404 .container-404 {
flex: 1 1 auto
}
}
@media (min-width:1024px) {
.page-404 {
padding: 0 30px
}
}
@media (max-width:1023px) {
.page-404 .return-link {
margin-bottom: 40px
}
}
.page-404 .return-link a {
display: block;
font: 16px "walirides", Arial, sans-serif;
text-decoration: none;
color: #f81700
}
.page-404 .return-link a svg {
display: inline-block;
width: 6px;
height: 10px;
margin-right: 10px;
vertical-align: baseline
}
.page-404 .container-404 {
display: flex;
flex-direction: column
}
@media (min-width:1024px) {
.page-404 .container-404 {
justify-content: space-between;
flex-direction: row
}
}
@media (min-width:1024px) {
.page-404 .container-404-item {
width: 50%;
max-width: 50%;
min-height: 500px
}
}
.page-404 .container-404-text {
order: 2
}
@media (max-width:767px) {
.page-404 .container-404-text {
text-align: center
}
}
@media (min-width:1024px) {
.page-404 .container-404-text {
max-width: 520px;
margin-top: 150px;
order: 1
}
}
.page-404 .container-404-text p {
color: #444b4a;
font-family: walirides;
font-size: 16px;
line-height: 24px
}
@media (min-width:1024px) {
.page-404 .container-404-text p {
font-size: 19px;
line-height: 35px;
margin-bottom: 40px
}
}
.page-404 .container-404-text .buttons-slider {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap
}
@media (max-width:767px) {
.page-404 .container-404-text .buttons-slider {
justify-content: center;
flex-direction: column;
margin-top: 40px
}
}
@media (min-width:768px) and (max-width:1023px) {
.page-404 .container-404-text .buttons-slider {
padding-bottom: 20px;
margin-right: -20px;
width: 85%
}
}
.page-404 .container-404-text .buttons-slider-item {
position: static;
list-style: none;
height: 50px;
max-width: 100%;
display: inline-block;
margin-right: 13px
}
@media (max-width:767px) {
.page-404 .container-404-text .buttons-slider-item {
margin-right: 0;
margin-bottom: 15px
}
}
@media (min-width:768px) and (max-width:1023px) {
.page-404 .container-404-text .buttons-slider-item {
flex: 0 0 280px;
padding-right: 20px;
margin-bottom: 20px;
margin-right: 0
}
}
@media (min-width:1024px) {
.page-404 .container-404-text .buttons-slider-item {
flex: 0 0 50%;
margin-bottom: 30px;
margin-right: 0;
position: relative
}
}
.page-404 .container-404-text .buttons-slider-item .btn,
.page-404 .container-404-text .buttons-slider-item .button,
.page-404 .container-404-text .buttons-slider-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-404 .container-404-text .buttons-slider-item .ticket-dropbtn {
overflow-wrap: break-word;
word-wrap: break-word;
white-space: nowrap;
font-size: 13px;
position: static;
margin: 0 auto;
padding: 5px 14px
}
@media (min-width:768px) and (max-width:1023px) {
.page-404 .container-404-text .buttons-slider-item .btn,
.page-404 .container-404-text .buttons-slider-item .button,
.page-404 .container-404-text .buttons-slider-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-404 .container-404-text .buttons-slider-item .ticket-dropbtn {
width: 100%
}
}
@media (min-width:1024px) {
.page-404 .container-404-text .buttons-slider-item .btn,
.page-404 .container-404-text .buttons-slider-item .button,
.page-404 .container-404-text .buttons-slider-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-404 .container-404-text .buttons-slider-item .ticket-dropbtn {
margin: 0
}
}
@media (max-width:1023px) {
.page-404 .container-404-text .buttons-slider-item .btn,
.page-404 .container-404-text .buttons-slider-item .button,
.page-404 .container-404-text .buttons-slider-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-404 .container-404-text .buttons-slider-item .ticket-dropbtn {
min-width: 0;
padding-right: 25px;
padding-left: 25px
}
}
.page-404 .container-404-text .buttons-slider .slick-dots li button {
position: relative
}
.page-404 .container-404-text .buttons-slider .slick-dots li.slick-active button {
width: 100%
}
.page-404 .container-404-text .buttons-slider .slick-arrow {
bottom: -40px
}
.page-404 .container-404-image {
background: url("../images/404.png") no-repeat center center;
background-size: contain;
order: 1;
height: 260px;
margin-bottom: 20px
}
@media (max-width:767px) {
.page-404 .container-404-image {
height: 170px
}
}
@media (min-width:1024px) {
.page-404 .container-404-image {
margin-bottom: 0;
order: 2;
background-position: center right
}
}
.theme-aqualibi .page-404 .container-404-image {
background-image: url("../images/404-aqualibi.png")
}
.theme-aqualibi .page-404 .return-link a {
color: #13b5ea
}
.theme-aqualibi .page-404 .return-link a svg {
fill: #13b5ea
}
.page-agenda h1,
.page-agenda .h1 {
color: #fff;
font-family: walirides;
font-size: 24px;
font-weight: 700;
line-height: 29px;
text-shadow: 0 8px 33px 0 rgba(24, 24, 24, .37);
margin-bottom: 40px;
text-align: center;
text-transform: uppercase
}
@media (max-width:1023px) {
.page-agenda h1,
.page-agenda .h1 {
display: none
}
}
@media (min-width:1024px) {
.page-agenda h1,
.page-agenda .h1 {
text-align: left
}
}
.page-agenda .col-sm-6 {
flex: 0 0 100%;
max-width: 100%
}
@media (min-width:1024px) and (max-width:1239px) {
.page-agenda .col-sm-6:nth-child(1) {
flex: 0 0 60%;
max-width: 60%
}
.page-agenda .col-sm-6:nth-child(2) {
flex: 0 0 40%;
max-width: 40%;
padding-left: 30px
}
}
@media (min-width:1240px) {
.page-agenda .col-sm-6:nth-child(1),
.page-agenda .col-sm-6:nth-child(2) {
flex: 0 0 50%;
max-width: 615px
}
}
.page-agenda .row {
margin: 0
}
.page-agenda .row .col {
padding: 0
}
.page-agenda .agenda-container {
position: relative;
z-index: 1;
padding: 50px 0 0
}
@media (max-width:1023px) {
.page-agenda .agenda-container {
padding: 0
}
}
@media (min-width:1024px) {
.page-agenda .agenda-container {
padding: 40px 50px 0 60px
}
}
@media (max-width:1023px) {
.page-agenda .agenda-container .agenda-wrapper {
background-color: #fff
}
}
.page-agenda .agenda-container .bg {
width: 100%;
height: 100%;
max-height: 720px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #f81700 url("../images/pattern_entryworld_red.png")
}
@media (max-width:1023px) {
.page-agenda .agenda-container .bg {
display: none
}
}
@media (min-width:1024px) {
.page-agenda .agenda-container .bg:before {
content: '';
display: block;
height: 100%;
width: 120px;
position: absolute;
right: -80px;
top: 0;
transform: skew(-5deg);
background: #fff
}
}
.page-agenda .agenda-container .bg:after {
content: '';
display: block;
height: 160px;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
background: #fff
}
@media (min-width:1024px) {
.page-agenda .agenda-container .bg:after {
bottom: -10px;
transform: skewY(1deg)
}
}
.page-agenda .agenda-controls {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: center;
position: relative;
padding: 20px 30px;
min-height: 83px
}
@media (min-width:1024px) {
.page-agenda .agenda-controls {
padding: 40px 70px 20px
}
}
.page-agenda .agenda-controls span {
color: #f81700;
font-family: walirides;
font-size: 27px;
font-weight: 700;
line-height: 43px;
text-align: center;
text-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.page-agenda .agenda-controls svg {
width: 17px;
height: 17px
}
.page-agenda .agenda-content {
position: relative;
z-index: 1;
padding: 0 15px;
max-width: 600px;
margin-left: auto;
margin-right: auto
}
@media (min-width:1024px) {
.page-agenda .agenda-content {
padding: 0;
min-height: 507px
}
}
@media (max-width:1023px) {
.page-agenda .agenda-content {
min-height: 373px
}
}
.page-agenda .agenda-content:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06)
}
@media (min-width:1024px) {
.page-agenda .agenda-content:before {
transform: skewY(2deg);
border: 1px solid #e5e5e5
}
}
@media (max-width:1023px) {
.dj-browser-safari.dj-touch .page-agenda .agenda-content:before {
border-color: #bfbfbf
}
}
.page-agenda .day-events-container {
display: none
}
.page-agenda .day-events-container .day-events-display {
border-top: 1px solid #dedddd;
padding: 0;
position: relative;
z-index: 2
}
@media (max-width:1023px) {
.page-agenda .day-events-container .day-events-display {
display: flex !important;
flex-direction: column;
border-top: 0
}
.page-agenda .day-events-container .day-events-display .weather-title {
order: 2
}
.page-agenda .day-events-container .day-events-display .event-hours {
order: 3
}
.page-agenda .day-events-container .day-events-display .events-legend {
order: 1
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container {
padding-top: 50px;
padding-left: 115px;
border-top: none
}
}
@media (max-width:1023px) {
.dj-browser-safari.dj-touch .page-agenda .day-events-container {
border-color: #b8b6b6
}
}
.page-agenda .day-events-container li {
margin-bottom: 5px
}
.page-agenda .day-events-container .row {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dedddd
}
@media (max-width:1023px) {
.page-agenda .day-events-container .row {
flex-wrap: wrap
}
}
.page-agenda .day-events-container .row .col {
width: auto;
order: 0;
align-self: auto;
margin-bottom: 0
}
@media (max-width:1023px) {
.page-agenda .day-events-container .row .col {
width: 100%;
min-width: 100%
}
}
.page-agenda .day-events-container .row .col.weather,
.page-agenda .day-events-container .row .col.day-event-hours,
.page-agenda .day-events-container .row .colul {
flex: 1 1 auto
}
.page-agenda .day-events-container svg {
width: 46px;
height: 46px;
display: inline-block;
margin-bottom: 20px;
fill: #f81700
}
@media (min-width:1024px) {
.page-agenda .day-events-container svg {
width: 36px;
height: 36px;
margin-bottom: 0
}
}
.page-agenda .day-events-container .weather-title {
justify-content: space-between
}
@media (max-width:1023px) {
.page-agenda .day-events-container .weather-title {
border-top: 1px solid #dedddd;
min-height: 197px
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .weather-title {
word-break: break-word
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .weather-title .col {
flex: 1 1 auto
}
.page-agenda .day-events-container .weather-title .col.weather {
flex: 1 0 auto
}
}
.page-agenda .day-events-container .weather-title .day-events-subtitle {
font-size: 14px;
font-size: .875rem;
color: #b3b3b3;
font-family: Futura;
font-weight: 300;
line-height: 16px;
text-align: center;
margin-top: 15px
}
@media (max-width:1023px) {
.page-agenda .day-events-container .weather-title .day-events-subtitle {
font-size: 12px;
font-size: .75rem
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .weather-title .day-events-subtitle {
text-align: left;
margin-top: 0
}
}
.page-agenda .day-events-container .weather-title .day-events-title {
font-size: 30px;
font-size: 1.875rem;
color: #384550;
font-family: walirides;
line-height: 48px;
text-align: center;
text-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
margin-bottom: 0
}
@media (max-width:1023px) {
.page-agenda .day-events-container .weather-title .day-events-title {
font-size: 26px;
font-size: 1.625rem
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .weather-title .day-events-title {
text-align: left
}
}
.page-agenda .day-events-container .weather-title .weather {
border: none;
text-align: center
}
@media (min-width:1024px) {
.page-agenda .day-events-container .weather-title .weather {
text-align: right;
margin-top: 20px
}
.page-agenda .day-events-container .weather-title .weather>* {
vertical-align: middle
}
.page-agenda .day-events-container .weather-title .weather .temperature {
margin-right: 0
}
}
.page-agenda .day-events-container .weather-title .weather .icon {
width: 62px;
height: 51px
}
.page-agenda .day-events-container .weather-title .weather .icon svg {
width: 100%;
height: 100%;
margin: 0
}
.page-agenda .day-events-container .weather-title .weather .unit,
.page-agenda .day-events-container .weather-title .weather .days {
display: none
}
.page-agenda .day-events-container .weather-title .weather .val {
font-size: 32px;
font-size: 2rem;
margin-bottom: -5px;
margin-left: 5px
}
@media (max-width:1023px) {
.page-agenda .day-events-container .weather-title .weather .val {
font-size: 42px;
font-size: 2.625rem
}
}
@media (max-width:1023px) {
.page-agenda .day-events-container .weather-title .weather {
display: block
}
.page-agenda .day-events-container .weather-title .weather .icon {
width: 78px;
height: 78px
}
}
.page-agenda .day-events-container .event-hours .col:first-child,
.page-agenda .day-events-container .events-legend .col:first-child {
width: 100px;
flex: none
}
.page-agenda .day-events-container .event-hours {
align-content: flex-start;
align-items: center;
text-align: center;
padding-bottom: 10px
}
@media (max-width:1023px) {
.page-agenda .day-events-container .event-hours {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
min-height: 134px
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .event-hours {
text-align: left;
padding-bottom: 30px
}
}
.page-agenda .day-events-container .event-hours .day-event-hours {
font-size: 17px;
font-family: walirides;
font-weight: 500;
line-height: 24px;
list-style: none
}
@media (max-width:1023px) {
.page-agenda .day-events-container .event-hours .day-event-hours {
min-height: 176px
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .event-hours .day-event-hours {
font-family: Futura;
font-size: 16px
}
}
.page-agenda .day-events-container .event-hours .day-event-hours li {
margin-bottom: 20px
}
@media (min-width:1024px) {
.page-agenda .day-events-container .event-hours .day-event-hours li {
display: table-row;
margin-bottom: 0
}
}
@media (max-width:1023px) {
.page-agenda .day-events-container .event-hours .day-event-hours li span {
display: block
}
}
.page-agenda .day-events-container .event-hours .day-event-hours li:first-child span {
color: #f81700
}
.page-agenda .day-events-container .event-hours .day-event-hours li:last-child span {
color: #13b5ea
}
.page-agenda .day-events-container .events-legend {
font-family: Futura;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: center;
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #dedddd
}
@media (max-width:1023px) {
.page-agenda .day-events-container .events-legend {
background-color: #fff;
border-bottom: 0;
display: none
}
.page-agenda .day-events-container .events-legend .svg-icon {
display: none
}
}
@media (min-width:1024px) {
.page-agenda .day-events-container .events-legend {
text-align: left;
margin-bottom: 30px;
padding-bottom: 30px
}
}
@media (max-width:1023px) {
.page-agenda .day-events-container .events-legend ul {
min-width: auto !important;
max-width: 430px;
padding: 0 20px;
margin: 0 auto;
text-align: left;
min-height: 41px
}
}
@media (max-width:1023px) {
.page-agenda .day-events-container .events-legend ul {
display: flex;
flex-wrap: wrap
}
}
.page-agenda .day-events-container .events-legend ul li {
list-style: none;
font-size: 26px;
position: relative
}
.page-agenda .day-events-container .events-legend ul li:before {
content: '•';
color: inherit;
font-size: 140%;
margin-right: 19px;
display: inline-block;
vertical-align: middle
}
@media (max-width:1023px) {
.page-agenda .day-events-container .events-legend ul li {
width: 100%
}
}
.page-agenda .day-events-container .events-legend ul li span {
font-size: 16px
}
.page-agenda .day-events-container .events-buttons {
text-align: center
}
@media (max-width:1023px) {
.page-agenda .day-events-container .events-buttons {
background: #fff;
order: 1;
min-height: 90px
}
}
.page-agenda .day-events-container .events-buttons .btn,
.page-agenda .day-events-container .events-buttons .button,
.page-agenda .day-events-container .events-buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-agenda .day-events-container .events-buttons .ticket-dropbtn {
min-width: 200px;
font-size: 16px
}
.page-agenda .agenda-legend {
position: relative;
z-index: 1;
padding: 20px 30px 4px;
overflow: hidden;
padding-left: 30px;
padding-right: 30px
}
@media (min-width:1024px) {
.page-agenda .agenda-legend {
padding: 40px 0 4px
}
}
.page-agenda .agenda-legend p {
display: none;
margin-bottom: 0;
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-weight: 300;
line-height: 20px;
letter-spacing: -.14px;
clear: both;
text-align: center
}
@media (max-width:1023px) {
.page-agenda .agenda-legend p {
padding: 10px 10px 4px
}
}
@media (min-width:1024px) {
.page-agenda .agenda-legend p {
display: block
}
}
.page-agenda .agenda-legend ul {
padding: 0;
text-align: center
}
@media (max-width:1023px) {
.page-agenda .agenda-legend ul {
margin: 0;
min-height: 41px
}
}
@media (min-width:1024px) {
.page-agenda .agenda-legend ul {
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center
}
}
.page-agenda .agenda-legend ul li {
margin-bottom: 10px;
color: #384550;
font-family: walirides;
font-size: 12px;
font-weight: 400;
letter-spacing: -.12px;
list-style: none
}
@media (max-width:1023px) {
.page-agenda .agenda-legend ul li {
display: inline-block;
padding: 0 5px
}
}
.page-agenda .agenda-legend ul li.legend-day-closed {
border: .6px solid #e8e8e8;
position: relative;
padding: 3px 20px;
display: inline-block
}
.page-agenda .agenda-legend ul li.legend-day-closed:before {
content: '';
position: absolute;
height: 1px;
background: #c0cbdf;
width: 80%;
top: 50%;
left: 10%
}
.page-agenda .agenda-legend ul li.legend-day-closed.legend-day-soldout:before {
background-color: #000
}
@media (min-width:1024px) {
.page-agenda .agenda-legend ul li {
margin: 0 40px 10px 0
}
}
.page-agenda .agenda-legend ul li span {
width: 20px;
height: 10px;
border-radius: 9px;
background-color: #384450;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
margin-top: -5px
}
.page-agenda .agenda-legend .agenda-legend-label-translation {
display: block;
padding: 5px 0 4px
}
.page-agenda .block-agenda-info {
margin-top: 20px;
padding-top: 50px;
margin-bottom: 50px;
padding-bottom: 50px;
border-top: 1px solid #dedddd;
border-bottom: 1px solid #dedddd
}
@media (min-width:1024px) {
.page-agenda .block-agenda-info {
margin-right: 80px;
margin-left: 60px;
margin-bottom: 30px;
padding-bottom: 30px
}
}
@media (max-width:1023px) {
.page-agenda .block-agenda-info {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-content: flex-start;
align-items: center;
text-align: center
}
.page-agenda .block-agenda-info .col {
order: 0;
flex: 1 1 auto;
align-self: auto;
text-align: center;
margin-bottom: 40px
}
.dj-browser-safari.dj-touch .page-agenda .block-agenda-info {
border-color: #b8b6b6
}
}
.page-agenda .block-agenda-info p {
margin-bottom: 0
}
.page-agenda .block-agenda-info .block-agenda-info-title {
color: #353633;
font-family: walirides;
font-size: 30px;
font-weight: 400;
line-height: 48px;
letter-spacing: -.29px
}
.page-agenda .block-agenda-info .block-agenda-info-walirides,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi {
padding-right: 45px;
padding-left: 45px
}
.page-agenda .block-agenda-info .block-agenda-info-walirides h3,
.page-agenda .block-agenda-info .block-agenda-info-walirides .h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3 {
color: #6d6d6d;
font-family: walirides;
font-size: 19px;
font-weight: 400;
letter-spacing: -.18px;
margin-bottom: 0
}
.page-agenda .block-agenda-info .block-agenda-info-walirides h3+h3,
.page-agenda .block-agenda-info .block-agenda-info-walirides .h3+h3,
.page-agenda .block-agenda-info .block-agenda-info-walirides h3+.h3,
.page-agenda .block-agenda-info .block-agenda-info-walirides .h3+.h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi h3+h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3+h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi h3+.h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3+.h3 {
color: #f81700
}
.page-agenda .block-agenda-info .block-agenda-info-walirides p,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi p {
color: #828282;
font-family: Futura;
font-size: 14px;
font-weight: 300;
line-height: 20px;
letter-spacing: -.14px;
margin-top: 10px
}
@media (max-width:1023px) {
.page-agenda .block-agenda-info .block-agenda-info-aqualibi {
margin-bottom: 10px
}
}
@media (min-width:1024px) {
.page-agenda .block-agenda-info .block-agenda-info-aqualibi {
padding-left: 0
}
}
.page-agenda .block-agenda-info .block-agenda-info-aqualibi h3+h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3+h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi h3+.h3,
.page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3+.h3 {
color: #13b5ea
}
.page-agenda #calendar {
width: 100%;
margin: 0 auto;
padding: 0 20px 50px;
min-height: 290px
}
@media (min-width:1024px) {
.page-agenda #calendar {
width: 490px
}
}
.page-agenda .dayName,
.page-agenda .dayInPreviousMonth,
.page-agenda .dayInThisMonth,
.page-agenda .dayInNextMonth {
list-style-type: none;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 -1px -1px 0;
text-align: center;
line-height: 0;
color: #000;
color: rgba(0, 0, 0, .5);
margin-top: 5px;
margin-bottom: 5px;
width: 14.2857142857%;
height: 30px
}
@media (min-width:1024px) {
.page-agenda .dayName,
.page-agenda .dayInPreviousMonth,
.page-agenda .dayInThisMonth,
.page-agenda .dayInNextMonth {
width: 64.2857142857;
height: 35px;
margin-top: 12px;
margin-bottom: 12px
}
}
.page-agenda .dayName span,
.page-agenda .dayInPreviousMonth span,
.page-agenda .dayInThisMonth span,
.page-agenda .dayInNextMonth span {
font-size: 16px;
font-size: 1rem;
font-family: walirides;
font-weight: 700;
letter-spacing: -.16px;
display: inline-block;
width: 100%;
height: 30px;
line-height: 30px;
vertical-align: middle
}
@media (max-width:1023px) {
.page-agenda .dayName span,
.page-agenda .dayInPreviousMonth span,
.page-agenda .dayInThisMonth span,
.page-agenda .dayInNextMonth span {
font-size: 12px;
font-size: .75rem
}
}
@media (min-width:1024px) {
.page-agenda .dayName span,
.page-agenda .dayInPreviousMonth span,
.page-agenda .dayInThisMonth span,
.page-agenda .dayInNextMonth span {
height: 35px;
line-height: 35px
}
}
.page-agenda .dayName.time-start,
.page-agenda .dayName:nth-child(7n+1),
.page-agenda .dayInPreviousMonth.time-start,
.page-agenda .dayInPreviousMonth:nth-child(7n+1),
.page-agenda .dayInThisMonth.time-start,
.page-agenda .dayInThisMonth:nth-child(7n+1),
.page-agenda .dayInNextMonth.time-start,
.page-agenda .dayInNextMonth:nth-child(7n+1) {
padding-left: 5px
}
.page-agenda .dayName.time-start span,
.page-agenda .dayName:nth-child(7n+1) span,
.page-agenda .dayInPreviousMonth.time-start span,
.page-agenda .dayInPreviousMonth:nth-child(7n+1) span,
.page-agenda .dayInThisMonth.time-start span,
.page-agenda .dayInThisMonth:nth-child(7n+1) span,
.page-agenda .dayInNextMonth.time-start span,
.page-agenda .dayInNextMonth:nth-child(7n+1) span {
border-top-left-radius: 90px;
border-bottom-left-radius: 90px
}
.page-agenda .dayName.time-end,
.page-agenda .dayName:nth-child(7n),
.page-agenda .dayInPreviousMonth.time-end,
.page-agenda .dayInPreviousMonth:nth-child(7n),
.page-agenda .dayInThisMonth.time-end,
.page-agenda .dayInThisMonth:nth-child(7n),
.page-agenda .dayInNextMonth.time-end,
.page-agenda .dayInNextMonth:nth-child(7n) {
padding-right: 5px
}
.page-agenda .dayName.time-end span,
.page-agenda .dayName:nth-child(7n) span,
.page-agenda .dayInPreviousMonth.time-end span,
.page-agenda .dayInPreviousMonth:nth-child(7n) span,
.page-agenda .dayInThisMonth.time-end span,
.page-agenda .dayInThisMonth:nth-child(7n) span,
.page-agenda .dayInNextMonth.time-end span,
.page-agenda .dayInNextMonth:nth-child(7n) span {
border-top-right-radius: 90px;
border-bottom-right-radius: 90px
}
.page-agenda .dayName.is-closed,
.page-agenda .dayName.is-soldout,
.page-agenda .dayInPreviousMonth.is-closed,
.page-agenda .dayInPreviousMonth.is-soldout,
.page-agenda .dayInThisMonth.is-closed,
.page-agenda .dayInThisMonth.is-soldout,
.page-agenda .dayInNextMonth.is-closed,
.page-agenda .dayInNextMonth.is-soldout {
position: relative
}
.page-agenda .dayName.is-closed:before,
.page-agenda .dayName.is-soldout:before,
.page-agenda .dayInPreviousMonth.is-closed:before,
.page-agenda .dayInPreviousMonth.is-soldout:before,
.page-agenda .dayInThisMonth.is-closed:before,
.page-agenda .dayInThisMonth.is-soldout:before,
.page-agenda .dayInNextMonth.is-closed:before,
.page-agenda .dayInNextMonth.is-soldout:before {
content: '';
position: absolute;
height: 1px;
background: #c0cbdf;
width: 100%;
top: 50%;
left: 0
}
.page-agenda .dayName.is-closed span,
.page-agenda .dayName.is-soldout span,
.page-agenda .dayInPreviousMonth.is-closed span,
.page-agenda .dayInPreviousMonth.is-soldout span,
.page-agenda .dayInThisMonth.is-closed span,
.page-agenda .dayInThisMonth.is-soldout span,
.page-agenda .dayInNextMonth.is-closed span,
.page-agenda .dayInNextMonth.is-soldout span {
color: #c0cbdf
}
.page-agenda .dayName.is-soldout:before,
.page-agenda .dayInPreviousMonth.is-soldout:before,
.page-agenda .dayInThisMonth.is-soldout:before,
.page-agenda .dayInNextMonth.is-soldout:before {
height: 3px;
background: #000;
width: 20px;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg)
}
.page-agenda .dayName.time,
.page-agenda .dayName.active,
.page-agenda .dayInPreviousMonth.time,
.page-agenda .dayInPreviousMonth.active,
.page-agenda .dayInThisMonth.time,
.page-agenda .dayInThisMonth.active,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus,
.page-agenda .dayInNextMonth.time,
.page-agenda .dayInNextMonth.active {
cursor: pointer
}
.page-agenda .dayName.time span,
.page-agenda .dayName.active span,
.page-agenda .dayInPreviousMonth.time span,
.page-agenda .dayInPreviousMonth.active span,
.page-agenda .dayInThisMonth.time span,
.page-agenda .dayInThisMonth.active span,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span,
.page-agenda .dayInNextMonth.time span,
.page-agenda .dayInNextMonth.active span {
color: #fff;
position: relative
}
.page-agenda .dayName.time span i,
.page-agenda .dayName.active span i,
.page-agenda .dayInPreviousMonth.time span i,
.page-agenda .dayInPreviousMonth.active span i,
.page-agenda .dayInThisMonth.time span i,
.page-agenda .dayInThisMonth.active span i,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span i,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span i,
.page-agenda .dayInNextMonth.time span i,
.page-agenda .dayInNextMonth.active span i {
margin-left: -.25em;
position: relative;
z-index: 5
}
.page-agenda .dayName.active.empty,
.page-agenda .dayInPreviousMonth.active.empty,
.page-agenda .dayInThisMonth.active.empty,
.dj-no-touch .page-agenda .empty.dayInThisMonth.time:hover,
.dj-no-touch .page-agenda .empty.dayInThisMonth.time:focus,
.page-agenda .dayInNextMonth.active.empty {
cursor: default
}
.page-agenda .dayInPreviousMonth,
.page-agenda .dayInNextMonth {
opacity: 1;
color: #f2f2f2
}
.page-agenda .dayInThisMonth.active span,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span {
font-size: 20px;
font-size: 1.25rem
}
@media (max-width:1023px) {
.page-agenda .dayInThisMonth.active span,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span {
font-size: 18px;
font-size: 1.125rem
}
}
.page-agenda .dayInThisMonth.active span:before,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span:before,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span:before {
content: '';
display: block;
height: 45px;
width: 45px;
position: absolute;
background: inherit;
border: 2px solid #f81700;
z-index: 4;
box-shadow: 0 5px 9px 0 rgba(0, 0, 0, .26);
border-radius: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width:1024px) {
.page-agenda .dayInThisMonth.active span:before,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span:before,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span:before {
height: 56px;
width: 56px
}
}
.page-agenda .dayInThisMonth.active span i,
.dj-no-touch .page-agenda .dayInThisMonth.time:hover span i,
.dj-no-touch .page-agenda .dayInThisMonth.time:focus span i {
color: inherit !important
}
.page-agenda .dayInThisMonth.active.time span:before,
.dj-no-touch .page-agenda .time.dayInThisMonth:hover span:before,
.dj-no-touch .page-agenda .time.dayInThisMonth:focus span:before {
border: none !important
}
.page-agenda .dayName {
text-align: center;
color: #b3b3b3;
font-family: walirides;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: -.16px;
font-size: 16px;
font-size: 1rem;
line-height: 40px;
line-height: 2.5rem
}
@media (max-width:1023px) {
.page-agenda .dayName {
font-size: 13px;
font-size: .8125rem
}
}
@media (max-width:1023px) {
.page-agenda .dayName {
line-height: 30px;
line-height: 1.875rem
}
}
@media (max-width:1023px) {
.page-agenda.hide-title .agenda-container {
padding-top: 0
}
.page-agenda.hide-title .agenda-container .bg {
background: 0 0
}
.page-agenda.hide-title h1,
.page-agenda.hide-title .h1 {
display: none
}
}
.theme-aqualibi .page-agenda .agenda-controls span {
color: #13b5ea
}
.theme-aqualibi .page-agenda .day-events-container svg {
fill: #13b5ea
}
.theme-aqualibi .page-agenda .day-events-container .event-hours .day-event-hours li:first-child span {
color: #13b5ea
}
.theme-aqualibi .page-agenda .day-events-container .event-hours .day-event-hours li:last-child span {
color: #f81700
}
.theme-aqualibi .page-agenda .dayInThisMonth.active span i,
.theme-aqualibi .dj-no-touch .page-agenda .dayInThisMonth.time:hover span i,
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:hover span i,
.theme-aqualibi .dj-no-touch .page-agenda .dayInThisMonth.time:focus span i,
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:focus span i,
.theme-aqualibi .page-agenda .dayInThisMonth.time:hover span i {
color: #13b5ea
}
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:hover span i,
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:focus span i {
color: #13b5ea
}
.theme-aqualibi .page-agenda .dayInThisMonth.active span:before,
.theme-aqualibi .dj-no-touch .page-agenda .dayInThisMonth.time:hover span:before,
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:hover span:before,
.theme-aqualibi .dj-no-touch .page-agenda .dayInThisMonth.time:focus span:before,
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:focus span:before {
border-color: #13b5ea
}
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:hover span:before,
.dj-no-touch .theme-aqualibi .page-agenda .dayInThisMonth.time:focus span:before {
border-color: #13b5ea
}
.theme-aqualibi .page-agenda .block-agenda-info .block-agenda-info-aqualibi h3+h3,
.theme-aqualibi .page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3+h3,
.theme-aqualibi .page-agenda .block-agenda-info .block-agenda-info-aqualibi h3+.h3,
.theme-aqualibi .page-agenda .block-agenda-info .block-agenda-info-aqualibi .h3+.h3 {
color: #13b5ea
}
.theme-aqualibi .page-agenda .agenda-container .bg {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png") no-repeat
}
.page-contact>.row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: stretch;
margin: 0
}
@media (min-width:1024px) {
.page-contact>.row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: flex-start;
padding: 50px
}
}
.page-contact .block-title {
margin-bottom: 30px;
font-family: "walirides", Arial, sans-serif;
font-size: 19px;
letter-spacing: -.18px;
}
@media (max-width:1023px) {
.page-contact .col-sidebar {
padding: 30px
}
}
.page-contact .col-sidebar .block {
font-weight: 400;
line-height: 1.3125;
letter-spacing: -.16px
}
.page-contact .col-sidebar .block a {
font: 16px/1.3125 "Futura", Arial, sans-serif;
text-decoration: underline;
text-underline-position: under;
letter-spacing: -.16px
}
.dj-no-touch .page-contact .col-sidebar .block a:hover,
.dj-no-touch .page-contact .col-sidebar .block a:focus {
text-decoration: none
}
@media (max-width:1023px) {
.page-contact .col-sidebar .block .block-subtitle {
margin-bottom: 15px
}
}
.page-contact .col-sidebar .block .block-tel {
font: 30px/1.6 "walirides", Arial, sans-serif;
letter-spacing: -.29px;
text-decoration: none;
text-underline-position: under
}
.dj-no-touch .page-contact .col-sidebar .block .block-tel:hover,
.dj-no-touch .page-contact .col-sidebar .block .block-tel:focus {
text-decoration: underline
}
.page-contact .col-sidebar .block+.block {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #d5d5d5
}
.page-contact .col-sidebar .block:nth-child(2) .block-title {
margin-bottom: 20px;
font-family: "Futura", Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: -.16px
}
@media (max-width:1023px) {
.page-contact .col-sidebar .block-link {
text-align: center
}
}
.page-contact .col-sidebar .block-link .block-message {
margin-bottom: 15px;
font-weight: 700;
font-size: 14px;
line-height: 24px
}
@media (min-width:1024px) {
.page-contact .col-sidebar {
width: 32.46%
}
}
@media (max-width:1023px) {
.page-contact .col-content {
padding: 30px
}
}
@media (min-width:1024px) {
.page-contact .col-content {
width: 56.14%
}
}
.page-contact .rules-link {
font-family: Futura;
font-size: 13px;
font-weight: 400;
line-height: 30px;
text-decoration: underline;
color: #384550
}
@media (max-width:1023px) {
.page-contact .rules-link {
text-align: center;
display: block
}
}
.dj-no-touch .page-contact .rules-link:hover,
.dj-no-touch .page-contact .rules-link:focus {
text-decoration: none
}
.theme-aqualibi .page-contact .jumbotron .pattern-overlay {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png") no-repeat center top
}
.theme-aqualibi .page-contact .jumbotron .jumbotron-cta a {
color: #13b5ea !important
}
.theme-aqualibi .page-contact .jumbotron .jumbotron-cta p svg {
fill: #13b5ea
}
.theme-aqualibi .page-contact form .button {
color: #fff
}
.header-avis-visiteur {
height: 24rem;
padding-top: 5rem
}
.header-avis-visiteur--full-background {
margin-left: -30px;
margin-right: -30px;
margin-bottom: 3rem;
padding-left: 30px;
padding-right: 30px;
position: relative;
background-color: #f81700;
height: 13rem
}
@media screen and (max-width:1000px) {
.header-avis-visiteur--full-background {
height: 15rem
}
}
@media screen and (max-width:630px) {
.header-avis-visiteur--full-background {
padding-top: 3rem;
height: 9rem
}
}
@media screen and (max-width:480px) {
.header-avis-visiteur--full-background {
padding-top: 3rem;
height: 12rem
}
}
.header-avis-visiteur--full-background:before {
content: '';
position: absolute;
top: 84%;
height: 32%;
background-color: #f81700;
width: 100%;
left: 0;
transform: matrix(20, -1, 0, 1, 0, 0)
}
.header-avis-visiteur--full-background__content {
position: relative
}
.page-avis-visiteurs h2,
.page-avis-visiteurs .h2 {
font-family: "walirides", Arial, sans-serif;
font-size: 22px;
font-size: 1.375rem;
line-height: 24px;
line-height: 1.5rem;
margin: 1.375rem 0 0;
text-align: center;
color: #fff
}
.page-avis-visiteurs .nb-avis {
font-size: 2.5rem;
font-family: "walirides", Arial, sans-serif;
color: #f81700;
text-align: center;
margin-bottom: 12px
}
.page-avis-visiteurs .certifie {
margin: 0 auto;
position: relative;
color: #e7514a;
font-size: 1rem;
font-family: "walirides", Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 1.75rem;
text-align: center
}
.page-avis-visiteurs .certifie:before {
content: '';
display: inline-block;
vertical-align: bottom;
width: 33px;
height: 31px;
background: url(../images/certifie.png) no-repeat center
}
.view-avis-visiteurs .views-row {
min-height: 370px;
padding: 17px 15px 0;
background: #fff;
overflow: hidden;
margin-bottom: 18px;
color: #666
}
.page-avis-visiteurs .view-avis-visiteurs {
overflow: hidden;
padding: 0 30px
}
.view-avis-visiteurs .view-content {
margin-top: 2.25rem;
float: left;
width: 84%
}
.view-avis-visiteurs .view-content .no-results p {
text-align: center;
font-size: 16px;
color: #e7514a;
font-weight: 700
}
.view-avis-visiteurs .views-row .node__content {
text-align: left;
overflow: hidden
}
.node--avis-visiteurs--full .node__content .field-group-div {
float: left
}
.node--avis-visiteurs--full .node__content .group-depot-note-detail {
float: none
}
.node--avis-visiteurs--full .group-gauche-milieu {
width: 72%
}
.node--avis-visiteurs--full .group-gauche {
max-width: 180px;
width: 22%
}
.node--avis-visiteurs--full .group-milieu {
max-width: 576px;
width: 78%;
padding: 0 0 0 10px
}
.node--avis-visiteurs--full .node__content .group-bas {
max-width: 700px;
width: 100%;
float: right;
padding-bottom: 1rem
}
.node--avis-visiteurs--full .group-bas-gauche {
max-width: 167px;
width: 30%;
padding-top: 3rem
}
.node--avis-visiteurs--full .group-bas-gauche>img {
width: 114px;
height: auto;
margin-bottom: 10px
}
.node--avis-visiteurs--full .group-bas-droite {
max-width: 533px;
width: 70%;
padding-top: 2rem;
background: url(/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/content/customer-opinions/separateur-reponse-avis.png) no-repeat center 0;
margin-top: 1rem
}
.node--avis-visiteurs--full .group-droite {
width: 28%
}
.node--avis-visiteurs--full .field--name-field-prenom-n,
.node--avis-visiteurs--full .reponse-parc .gras-pa,
.node--avis-visiteurs--full .reponse-parc .reponse-visiteur {
font-size: 16px;
font-size: 1rem;
font-family: "walirides", Arial, sans-serif;
margin: 9px 0 3px
}
.node--avis-visiteurs--full .field--name-field-date-visite,
.node--avis-visiteurs--full .field--name-field-type-visite,
.node--avis-visiteurs--full .readmore-link,
.node--avis-visiteurs--full .abus,
.node--avis-visiteurs--full .reponse-parc {
font-size: 12px;
font-size: .75rem;
font-family: "walirides", Arial, sans-serif
}
.node--avis-visiteurs--full .reponse-parc .gras-pa {
margin-top: 0
}
.node--avis-visiteurs--full .reponse-parc .reponse-visiteur span {
background: url(/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/content/customer-opinions/reference-a.png) no-repeat 0 0;
width: 1.25rem;
height: .875rem;
background-size: cover;
margin-right: .5rem;
display: inline-block
}
.node--avis-visiteurs--full .field--name-field-type-visite {
margin-top: 6px
}
.node--avis-visiteurs--full .field--name-field-type-visite span {
display: block;
padding-top: 30px
}
.node--avis-visiteurs--full .field--name-field-type-visite span.avec-des-jeunes-enfants- {
padding-top: 38px
}
.node--avis-visiteurs--full .readmore-link,
.node--avis-visiteurs--full .abus {
color: #666;
text-decoration: underline;
display: block
}
.node--avis-visiteurs--full .abus {
margin-top: 15px
}
.node--avis-visiteurs--full .quote {
padding-top: .5rem;
line-height: 1.6rem;
font-size: 1.4rem;
font-family: "walirides", Arial, sans-serif;
color: #f81700;
margin-bottom: 1rem
}
.node--avis-visiteurs--full .quote:before {
content: "“";
display: inline-block;
font-size: 5rem;
vertical-align: text-bottom;
line-height: 0
}
.node--avis-visiteurs--full .field--name-field-verbatim {
padding-right: 33px
}
.node--avis-visiteurs--full .text-readmore {
line-height: 1.5rem;
font-size: 1rem;
max-height: 120px;
overflow: hidden
}
.node--avis-visiteurs--full .text-readmore--open {
max-height: none
}
.node--avis-visiteurs--full .field--name-field-date-depot-avis {
padding-left: 41px;
border-bottom: 1px solid #ccc;
font-size: .75rem;
background: url(../images/authentique.png) no-repeat 0 0
}
@media screen and (max-width:799px) {
.node--avis-visiteurs--full .field--name-field-date-depot-avis {
border-bottom: 0;
order: 1
}
}
.node--avis-visiteurs--full .field--name-field-date-depot-avis .authentique {
color: #0094cd;
font-size: .9rem;
font-family: "walirides", Arial, sans-serif;
text-transform: uppercase
}
@media screen and (max-width:599px) {
.node--avis-visiteurs--full .field--name-field-date-depot-avis .authentique {
font-size: 10px;
line-height: 1
}
}
@media screen and (max-width:799px) {
.node--avis-visiteurs--full .field--type-fivestar {
order: 3
}
}
@media screen and (max-width:799px) {
.node--avis-visiteurs--full .field--name-field-recommandation {
order: 2
}
}
.node--avis-visiteurs--full .field--name-field-note-globale {
padding-top: 15px
}
@media screen and (max-width:799px) {
.node--avis-visiteurs--full .field--name-field-note-globale {
padding-top: 0
}
}
.node--avis-visiteurs--full .field--name-field-note-globale .field__items {
float: right
}
@media screen and (max-width:699px) {
.node--avis-visiteurs--full .field--name-field-note-globale .field__items {
float: left
}
}
.node--avis-visiteurs--full .field--name-field-note-globale .fivestar-average-stars {
height: 20px
}
.node--avis-visiteurs--full div.fivestar-widget-static .star {
width: 20px;
height: 20px;
background: 0 0
}
.node--avis-visiteurs--full div.fivestar-widget-static .star span.on {
background-image: url(../images/fivestar.png);
background-repeat: no-repeat;
background-position: 0 -20px
}
.node--avis-visiteurs--full div.fivestar-widget-static .star span.off {
background-image: url(../images/fivestar.png);
background-repeat: no-repeat;
background-position: 0 0
}
.node--avis-visiteurs--full .field__label {
font-weight: 400
}
.node--avis-visiteurs--full .voir-detail {
line-height: 1;
clear: both;
color: #666;
text-decoration: none;
display: block;
float: right;
margin-top: 6px;
margin-bottom: 12px;
padding-right: 15px;
background: url(/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/content/customer-opinions/voir-details.png) 100% -70% no-repeat
}
@media screen and (max-width:699px) {
.node--avis-visiteurs--full .voir-detail {
float: left
}
}
.node--avis-visiteurs--full .voir-detail.ouvert {
background-position: 100% 70%
}
.node--avis-visiteurs--full .field--name-field-recommandation {
border-top: 1px solid #ccc;
line-height: 48px;
min-height: 48px
}
.node--avis-visiteurs--full .group-detail-note {
padding-top: 12px;
padding-bottom: 12px
}
.node--avis-visiteurs--full .group-detail-note .field__items {
float: right
}
.node--avis-visiteurs--full .group-detail-note .fivestar-average-stars {
height: 18px
}
.node--avis-visiteurs--full .group-detail-note div.fivestar-widget-static .star {
width: 12px;
height: 12px;
margin: 3px
}
.node--avis-visiteurs--full .group-detail-note div.fivestar-widget-static .star span.on {
background-image: url(../images/fivestar-ronds.png);
background-position: 0 -12px
}
.node--avis-visiteurs--full .group-detail-note div.fivestar-widget-static .star span.off {
background-image: url(../images/fivestar-ronds.png);
background-position: 0 0
}
.node--avis-visiteurs--full .recommande {
clear: both;
background: url(../images/recommande.png) right center no-repeat
}
.node--avis-visiteurs--full .recommande-pas {
background: url(/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/content/customer-opinions/recommande-pas.png) right center no-repeat
}
.view-avis-visiteurs .attachment-before {
float: right;
max-width: 180px;
width: 15%;
margin-top: 36px
}
.view-avis-visiteurs .attachment-before h2,
.view-avis-visiteurs .attachment-before .h2 {
font-size: 16px;
font-size: 1rem;
font-family: "walirides", Arial, sans-serif;
color: #666;
text-align: left;
margin-top: 27px
}
.view-avis-visiteurs .attachment-before h3,
.view-avis-visiteurs .attachment-before .h3,
.view-avis-visiteurs .evaluation-visiteurs .label,
.view-avis-visiteurs .evaluation-visiteurs .valeur {
font-size: 12px;
font-size: .75rem;
font-family: "walirides", Arial, sans-serif;
color: #666;
margin-bottom: 0;
font-weight: 400
}
.view-avis-visiteurs .evaluation-visiteurs .label {
font-weight: 700
}
.view-avis-visiteurs .border {
height: 2px;
border: 1px solid #d9d8d3;
background: #dfe1e0
}
.view-avis-visiteurs .evaluation-moyenne {
padding-bottom: 30px
}
.view-avis-visiteurs .graph {
width: 100%;
height: 5px;
background: #fff;
position: relative;
border-radius: 2px
}
.view-avis-visiteurs .graph .jauge {
position: absolute;
top: 0;
left: 0;
height: 5px;
background: #f81700;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.view-avis-visiteurs .taux-recommandation {
overflow: hidden
}
.view-avis-visiteurs .taux-recommandation .graph {
float: left;
margin-top: 9px;
width: 124px
}
@media screen and (max-width:999px) {
.view-avis-visiteurs .taux-recommandation .graph {
width: 100%
}
}
.view-avis-visiteurs .taux-recommandation .valeur {
float: right
}
.view-avis-visiteurs .evaluation-visiteurs h2,
.view-avis-visiteurs .evaluation-visiteurs .h2 {
margin-bottom: 18px
}
.view-avis-visiteurs .evaluation-visiteurs .evaluation {
margin-bottom: 18px
}
.view-avis-visiteurs .evaluation-visiteurs .label {
float: left
}
.view-avis-visiteurs .evaluation-visiteurs .valeur {
float: right;
margin-bottom: 9px
}
.view-avis-visiteurs .evaluation-visiteurs .graph {
clear: both
}
.view-avis-visiteurs #depot-avis {
background-image: url(/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/content/customer-opinions/deposer-avis.png);
background-position: 21px 15px;
background-repeat: no-repeat;
background-color: #f81700;
-moz-box-shadow: #3c7b18 0 8px;
-webkit-box-shadow: #3c7b18 0 8px;
box-shadow: #3c7b18 0 8px;
color: #fff;
padding: 15px 33px 15px 51px;
display: block;
float: right;
border-radius: 30px;
text-transform: uppercase;
font-family: "walirides", Arial, sans-serif
}
.view-avis-visiteurs #depot-avis:hover {
-moz-box-shadow: #3c7b18 0 4px;
-webkit-box-shadow: #3c7b18 0 4px;
box-shadow: #3c7b18 0 6px
}
.view-avis-visiteurs #depot-avis:active {
-moz-box-shadow: #3c7b18 0 2px;
-webkit-box-shadow: #3c7b18 0 2px;
box-shadow: #3c7b18 0 3px
}
.node--avis-visiteurs>.links.links--inline {
display: none
}
.views-exposed-widgets .views-exposed-widget {
position: relative;
padding: 0;
margin-right: 1rem;
width: 240px
}
.views-exposed-widget .form-select {
padding: .9375rem 1.25rem;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: none;
cursor: pointer;
border-radius: 4px;
background-image: url(../images/arrow-down.png);
background-repeat: no-repeat;
background-position: 90% center
}
@media screen and (max-width:1000px) {
.view-wrapper {
position: relative
}
}
.view-wrapper .btn-red,
.view-wrapper .block-contact-form form .button,
.block-contact-form form .view-wrapper .button,
.view-wrapper .block-contact-form form .form-actions input[type=submit],
.block-contact-form form .form-actions .view-wrapper input[type=submit],
.view-wrapper .block-offers .offers-list .offers-item-2 .btn-book,
.block-offers .offers-list .offers-item-2 .view-wrapper .btn-book,
.view-wrapper .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .view-wrapper .ticket-dropbtn,
.view-wrapper .block-request-brochure form input[type=submit],
.block-request-brochure form .view-wrapper input[type=submit] {
position: absolute;
right: 20px;
margin: .25em 0 0
}
@media screen and (max-width:1000px) {
.view-wrapper .btn-red,
.view-wrapper .block-contact-form form .button,
.block-contact-form form .view-wrapper .button,
.view-wrapper .block-contact-form form .form-actions input[type=submit],
.block-contact-form form .form-actions .view-wrapper input[type=submit],
.view-wrapper .block-offers .offers-list .offers-item-2 .btn-book,
.block-offers .offers-list .offers-item-2 .view-wrapper .btn-book,
.view-wrapper .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .view-wrapper .ticket-dropbtn,
.view-wrapper .block-request-brochure form input[type=submit],
.block-request-brochure form .view-wrapper input[type=submit] {
position: relative;
top: 0;
right: auto;
left: 0;
margin: 0 30px 10px;
width: calc(100% - 60px)
}
}
#edit-field-type-sejour-value-wrapper select,
#edit-field-type-visite-value-wrapper select,
#edit-field-note-globale-rating-wrapper select {
padding: .9375rem 1.25rem;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: none;
cursor: pointer;
border-radius: 4px
}
#edit-field-type-sejour-value-wrapper .form-select,
#edit-field-type-visite-value-wrapper .form-select,
#edit-field-note-globale-rating-wrapper .form-select {
background-image: url(../images/arrow-down.png);
background-repeat: no-repeat;
background-position: 90% center
}
form.fivestar-widget {
clear: both;
display: block
}
form.fivestar-widget select,
form.fivestar-widget input {
margin: 0
}
.fivestar-combo-stars .fivestar-static-form-item {
float: left;
margin-right: 40px;
margin-left: 40px
}
.fivestar-combo-stars .fivestar-static-item {
float: left;
margin-right: 40px
}
.fivestar-combo-stars .fivestar-form-item {
float: left
}
.fivestar-static-form-item .form-item,
.fivestar-form-item .form-item {
margin: 0
}
div.fivestar-widget-static {
display: block
}
div.fivestar-widget-static br {
clear: left
}
div.fivestar-widget-static .star {
float: left;
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em;
background: url(https://www.parcasterix.fr/sites/all/modules/contrib/fivestar/widgets/default/star.gif) no-repeat 0 0
}
div.fivestar-widget-static .star span.on {
display: block;
width: 100%;
height: 100%;
background: url(https://www.parcasterix.fr/sites/all/modules/contrib/fivestar/widgets/default/star.gif) no-repeat 0 -32px
}
div.fivestar-widget-static .star span.off {
display: block;
width: 100%;
height: 100%;
background: url(https://www.parcasterix.fr/sites/all/modules/contrib/fivestar/widgets/default/star.gif) no-repeat 0 0
}
div.fivestar-widget {
display: block
}
div.fivestar-widget .cancel,
div.fivestar-widget .star {
float: left;
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em
}
div.fivestar-widget .cancel,
div.fivestar-widget .cancel a {
background: url(https://www.parcasterix.fr/sites/all/modules/contrib/fivestar/widgets/default/delete.gif) no-repeat 0 -16px;
text-decoration: none
}
div.fivestar-widget .star,
div.fivestar-widget .star a {
background: url(https://www.parcasterix.fr/sites/all/modules/contrib/fivestar/widgets/default/star.gif) no-repeat 0 0;
text-decoration: none
}
div.fivestar-widget .cancel a,
div.fivestar-widget .star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
cursor: pointer
}
div.fivestar-widget div.on a {
background-position: 0 -16px
}
div.fivestar-widget div.hover a,
div.rating div a:hover {
background-position: 0 -32px
}
form.fivestar-widget div.description {
margin-bottom: 0
}
html.js .fivestar-submit {
display: none
}
.fivestar-combo-stars .form-type-fivestar .form-item {
float: left
}
.view-avis-visiteurs .views-exposed-widgets label,
.view-avis-visiteurs .views-submit-button,
.view-avis-visiteurs .views-row .node__title,
.view-avis-visiteurs .views-row h3,
.view-avis-visiteurs .views-row .h3,
.view-avis-visiteurs .group-detail-note,
.view-avis-visiteurs .fivestar-average-stars .description {
display: none
}
.field__label {
font-weight: 700
}
.field--label-inline .field__label,
.field--label-inline .field__items {
float: left
}
@media screen and (max-width:999px) {
.views-exposed-form {
order: 3
}
}
.views-exposed-form .views-exposed-widget {
float: left;
padding: .25em 1em 0 0
}
@media screen and (max-width:999px) {
.views-exposed-form .views-exposed-widget {
padding: .25em 0 0
}
}
.views-exposed-form .views-exposed-widget .form-submit {
margin-top: 1.6em
}
.views-exposed-form .form-item,
.views-exposed-form .form-submit {
margin-top: 0;
margin-bottom: 0
}
.views-exposed-form label {
font-weight: 700
}
.views-exposed-widgets {
margin-bottom: .5em
}
.views-align-left {
text-align: left
}
.views-align-right {
text-align: right
}
.views-align-center {
text-align: center
}
.pager {
clear: both;
padding: 0;
text-align: center
}
.pager__item {
display: inline;
padding: .5em;
background-image: none;
list-style-type: none
}
.pager__item--current {
font-weight: 700
}
.page-customer-opinions {
background-color: #eceded;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 25rem;
overflow: hidden
}
@media screen and (max-width:999px) {
.page-avis-visiteurs .l-main {
background-size: auto 25rem
}
.view-avis-visiteurs.view-display-id-page .view-header,
.view-avis-visiteurs.view-display-id-page .view-filters {
display: inline-block;
width: 100%;
text-align: center
}
.view-avis-visiteurs .views-exposed-widgets {
flex-wrap: wrap
}
.view-avis-visiteurs .views-exposed-widgets .views-exposed-widget {
margin: 10px 0;
width: 100%
}
.view-avis-visiteurs .views-exposed-widgets .views-exposed-widget.short {
max-width: 240px
}
.view-avis-visiteurs .view-filters {
order: 1
}
.view-avis-visiteurs .view-content,
.view-avis-visiteurs .pager {
order: 2
}
.view-avis-visiteurs.view-display-id-page .view-header {
margin-bottom: 3rem
}
.view-avis-visiteurs .attachment-before,
.view-avis-visiteurs .view-content {
float: none;
width: 100%;
display: inline-block;
max-width: none;
order: 4
}
.view-avis-visiteurs .attachment-before {
margin-top: 0;
margin-bottom: 2rem;
order: 2
}
.view-avis-visiteurs .attachment-before .evaluation-moyenne,
.view-avis-visiteurs .attachment-before .evaluation-visiteurs {
width: 100%;
display: inline-block;
vertical-align: top
}
.view-avis-visiteurs .attachment-before .evaluation-moyenne {
margin-right: 3%
}
.view-avis-visiteurs #depot-avis {
float: none;
display: inline-block
}
.node--avis-visiteurs--full .group-gauche {
width: 18%;
margin-right: 2%
}
.node--avis-visiteurs--full .group-milieu {
width: 56%
}
.node--avis-visiteurs--full .group-droite {
width: 24%
}
}
@media screen and (max-width:799px) {
.node--avis-visiteurs--full .group-gauche-milieu {
width: 100%
}
.node--avis-visiteurs--full .group-gauche,
.node--avis-visiteurs--full .group-bas-gauche {
width: 25%;
max-width: none;
margin-right: 2%
}
.node--avis-visiteurs--full .group-milieu,
.node--avis-visiteurs--full .group-bas-droite {
width: 73%;
max-width: none
}
.node--avis-visiteurs--full .group-droite {
width: 100%;
max-width: none;
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid #ccc
}
.node--avis-visiteurs--full .field--name-field-verbatim {
padding-right: 0
}
.group-depot-note-detail,
.node--avis-visiteurs--full .field--name-field-recommandation {
width: 100%;
display: inline-block;
display: flex;
flex-direction: column
}
.node--avis-visiteurs--full .field--name-field-recommandation {
margin-right: 0;
border-top: none;
vertical-align: top
}
}
@media screen and (max-width:599px) {
.page-avis-visiteurs .view-avis-visiteurs {
padding: 0 5.555%
}
.node--avis-visiteurs--full .group-milieu,
.node--avis-visiteurs--full .group-bas-droite {
width: 100%;
max-width: none
}
.views-exposed-widget {
width: 100%;
margin: 0 0 1rem
}
.node--avis-visiteurs--full .field--name-field-date-depot-avis {
padding-left: 30px
}
.node--avis-visiteurs--full .group-gauche,
.node--avis-visiteurs--full .group-bas-gauche {
width: 100%;
margin-bottom: 10px
}
.node--avis-visiteurs--full .recommande {
display: inline-block;
padding: 0 30px 0 0;
line-height: normal
}
}
.clearfix:after {
content: "";
display: table;
clear: both
}
.page-avis-visiteurs h1,
.page-avis-visiteurs .h1 {
color: #fff;
font-family: "Futura", Arial, sans-serif;
font-size: 3.75rem;
line-height: 3rem;
text-shadow: rgba(0, 0, 0, .1) 0px 5px;
margin: 0
}
@media screen and (max-width:630px) {
.page-avis-visiteurs h1,
.page-avis-visiteurs .h1 {
font-size: 2.5rem
}
}
.view-filters__button {
float: right;
text-align: center
}
.view-filters__button .btn,
.view-filters__button .button,
.view-filters__button .block-contact-form form .button,
.block-contact-form form .view-filters__button .button,
.view-filters__button .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .view-filters__button .ticket-dropbtn {
margin-top: 0;
margin-bottom: 0
}
@media screen and (max-width:999px) {
.view-filters__button {
float: initial;
margin: 0 0 30px
}
}
@media screen and (max-width:999px) {
.view-avis-visiteurs {
display: flex;
flex-direction: column
}
}
.theme-aqualibi .header-avis-visiteur--full-background {
background-color: #13b5ea
}
.theme-aqualibi .header-avis-visiteur--full-background:before {
background-color: #13b5ea
}
.theme-aqualibi .page-avis-visiteurs .nb-avis {
color: #13b5ea
}
.theme-aqualibi .node--avis-visiteurs--full .quote {
color: #13b5ea
}
.theme-aqualibi .view-avis-visiteurs .graph .jauge {
background: #13b5ea
}
.theme-aqualibi .view-avis-visiteurs .view-content .no-results p {
color: #13b5ea
}
.theme-aqualibi .reply-title {
color: #13b5ea
}
.page-customer-opinions .answer {
margin: 15px 0;
padding: 0 15px;
border-top: 1px solid #dee2e6
}
.page-customer-opinions .reply-title {
font-size: 22px;
font-weight: 400;
color: #f81700
}
@media (max-width:1023px) {
.page-editorial .block-photo h2,
.page-editorial .block-photo .h2 {
text-align: left
}
}
@media (max-width:1023px) {
.page-editorial>div:last-child.block-slider {
margin-bottom: 60px
}
}
.page-editorial .jumbotron .btn-custom-hover {
display: none
}
.page-editorial .jumbotron.jumbotron--type-1 .jumbotron-content {
padding: 0 19.5% 0
}
@media (max-width:1023px) {
.page-editorial .jumbotron.jumbotron--type-1 .jumbotron-content {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: auto;
z-index: 1
}
}
.page-editorial .yt-video {
min-height: 600px
}
.theme-aqualibi .page-editorial .jumbotron .pattern-overlay {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png") no-repeat center top
}
.theme-aqualibi .page-editorial .jumbotron .jumbotron-cta a {
color: #13b5ea !important
}
.theme-aqualibi .page-editorial .jumbotron .jumbotron-cta p svg {
fill: #13b5ea
}
.theme-aqualibi .page-editorial h2,
.theme-aqualibi .page-editorial .h2 {
color: #13b5ea
}
.body-entertainment_list {
background-color: #fafafa
}
@media (max-width:959px) {
.body-entertainment_list .block-footer-nav-tickets .block-footer-tickets .block-bg:before,
.body-entertainment_list .block-footer-nav-tickets .block-footer-tickets .block-bg:after,
.body-entertainment_list .block-footer-nav-tickets .block-footer-nav .block-bg:before,
.body-entertainment_list .block-footer-nav-tickets .block-footer-nav .block-bg:after {
background-color: #fafafa
}
}
.body-entertainment_list .page {
padding-bottom: 60px;
margin-bottom: 0;
z-index: auto
}
.body-entertainment_list .page .jumbotron {
overflow: hidden;
text-align: center;
position: relative;
line-height: 0;
font-size: 0
}
.body-entertainment_list .page .jumbotron .pattern-overlay {
content: '';
display: block;
position: absolute;
top: -60px;
width: 100%;
background: #f81700 url("../images/pattern_entryworld_red.png") repeat;
transform: skewY(-5deg);
min-height: 120px
}
@media (min-width:960px) {
.body-entertainment_list .page .jumbotron .pattern-overlay {
transform: skewY(-3deg)
}
}
.body-entertainment_list .page .jumbotron .jumbotron-content {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%
}
@media (min-width:960px) {
.body-entertainment_list .page .jumbotron .jumbotron-content {
padding-top: 110px
}
}
.body-entertainment_list .page .jumbotron img {
display: block;
width: 100%;
height: 580px;
object-fit: cover
}
.body-entertainment_list .page .jumbotron h1,
.body-entertainment_list .page .jumbotron .h1 {
text-shadow: 0 4px 2px rgba(24, 24, 24, .3);
color: #fff;
font-family: walirides;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 60px;
font-size: 3.75rem
}
@media (max-width:1023px) {
.body-entertainment_list .page .jumbotron h1,
.body-entertainment_list .page .jumbotron .h1 {
font-size: 33px;
font-size: 2.0625rem
}
}
.body-entertainment_list .page .jumbotron h2,
.body-entertainment_list .page .jumbotron .h2 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
color: #fff;
font-family: walirides;
font-weight: 400;
letter-spacing: -.29px;
font-size: 30px;
font-size: 1.875rem;
line-height: 48px;
line-height: 3rem;
max-width: 220px;
margin: 0 auto 20px auto
}
@media (max-width:1023px) {
.body-entertainment_list .page .jumbotron h2,
.body-entertainment_list .page .jumbotron .h2 {
font-size: 18px;
font-size: 1.125rem
}
}
@media (max-width:1023px) {
.body-entertainment_list .page .jumbotron h2,
.body-entertainment_list .page .jumbotron .h2 {
line-height: 22px;
line-height: 1.375rem
}
}
@media (min-width:960px) {
.body-entertainment_list .page .jumbotron h2,
.body-entertainment_list .page .jumbotron .h2 {
max-width: 90%
}
}
.body-entertainment_list .page .tab-pane#list .block-entertainments-list {
padding: 0
}
.body-entertainment_list .leaflet-popup {
width: 270px;
margin-left: auto;
margin-right: auto;
left: 0 !important;
right: 0 !important;
bottom: auto !important;
transform: none !important
}
.body-entertainment_list .page-aqualibi .jumbotron .pattern-overlay,
.body-entertainment_list.theme-aqualibi .page .jumbotron .pattern-overlay {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png") no-repeat center top
}
.body-entertainment_list .page-aqualibi .block-entertainments-list .entertainments-list-info .entertainments-list-stats p span,
.body-entertainment_list.theme-aqualibi .page .block-entertainments-list .entertainments-list-info .entertainments-list-stats p span {
color: #13b5ea
}
.body-entertainment_list .page-aqualibi .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle .svg-icon.svg-icon-heart,
.body-entertainment_list.theme-aqualibi .page .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle .svg-icon.svg-icon-heart {
fill: #13b5ea
}
.dj-no-touch .body-entertainment_list .page-aqualibi .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:hover svg,
.dj-no-touch .body-entertainment_list .page-aqualibi .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:focus svg,
.dj-no-touch .body-entertainment_list.theme-aqualibi .page .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:hover svg,
.dj-no-touch .body-entertainment_list.theme-aqualibi .page .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:focus svg {
fill: #13b5ea
}
.new-faq-search-form,
.faq-search-form {
margin: 2.7em 0
}
.new-faq-search-form .form-control,
.faq-search-form .form-control {
min-height: 40px;
background: #fff
}
.new-faq-search-form .input-group,
.faq-search-form .input-group {
position: relative
}
@media (min-width:1024px) {
.new-faq-search-form .input-group,
.faq-search-form .input-group {
max-width: 370px;
margin-left: auto;
margin-right: auto
}
}
.new-faq-search-form .input-group .input-group-addon,
.faq-search-form .input-group .input-group-addon {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
background: #fff
}
.new-faq-search-form .input-group .input-group-addon input,
.faq-search-form .input-group .input-group-addon input {
border: none
}
.new-faq-search-form input[type=text],
.faq-search-form input[type=text] {
padding-right: 70px;
font-family: Futura;
font-size: 14px;
font-size: .875rem;
color: #384550;
font-weight: 400;
min-height: 40px;
height: 40px;
border-right: none
}
.new-faq-search-form input[type=text]:focus,
.faq-search-form input[type=text]:focus {
border: none
}
.new-faq-search-form input[type=text]::-webkit-input-placeholder,
.faq-search-form input[type=text]::-webkit-input-placeholder {
color: #ccc;
font-size: .875rem !important
}
.new-faq-search-form input[type=text]:-moz-placeholder,
.faq-search-form input[type=text]:-moz-placeholder {
color: #ccc;
font-size: .875rem !important
}
.new-faq-search-form input[type=text]::-moz-placeholder,
.faq-search-form input[type=text]::-moz-placeholder {
color: #ccc;
font-size: .875rem !important
}
.new-faq-search-form input[type=text]:-ms-input-placeholder,
.faq-search-form input[type=text]:-ms-input-placeholder {
color: #ccc;
font-size: .875rem !important
}
.new-faq-search-form input[type=text]::-ms-input-placeholder,
.faq-search-form input[type=text]::-ms-input-placeholder {
color: #ccc;
font-size: .875rem !important
}
.new-faq-search-form input[type=text]::placeholder,
.faq-search-form input[type=text]::placeholder {
color: #ccc;
font-size: .875rem !important
}
.new-faq-search-form input[type=text]::-ms-clear,
.faq-search-form input[type=text]::-ms-clear {
display: none
}
.new-faq-search-form input[type=submit],
.faq-search-form input[type=submit] {
width: 50px;
text-indent: -9999px;
background: #fff url("../images/icon-search.svg") no-repeat center center;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
outline: none;
cursor: pointer;
min-height: 40px;
height: 40px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: -1px
}
.new-faq-search-form input[type=submit]:focus,
.faq-search-form input[type=submit]:focus {
outline: none
}
.new-faq-search-form .search-results,
.faq-search-form .search-results {
position: absolute;
color: #384550;
font-family: Futura;
font-size: 10px;
font-weight: 500;
right: 60px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
display: none
}
.page-faq .jumbotron {
text-align: center;
position: relative;
line-height: 0;
font-size: 0;
overflow: hidden;
width: 100%;
min-width: 100%;
height: 270px;
max-height: 270px
}
@media (min-width:1024px) {
.page-faq .jumbotron {
height: 400px;
max-height: 400px
}
}
.page-faq .jumbotron img {
width: 100%;
height: 100%;
object-fit: cover
}
.page-faq .jumbotron .jumbotron-content {
position: absolute;
left: 0;
width: 100%;
top: 30px;
padding: 0 25px
}
@media (min-width:500px) {
.page-faq .jumbotron .jumbotron-content {
top: 50px
}
}
@media (min-width:1024px) {
.page-faq .jumbotron .jumbotron-content {
top: 50%;
transform: translateY(-50%);
margin-top: -30px
}
}
.page-faq .jumbotron h1,
.page-faq .jumbotron .h1,
.page-faq .jumbotron h2,
.page-faq .jumbotron .h2 {
color: #fff
}
.page-faq .jumbotron h1,
.page-faq .jumbotron .h1 {
text-shadow: 0 4px 2px rgba(24, 24, 24, .3);
font-family: walirides;
font-weight: 700;
line-height: 34px;
font-size: 60px;
font-size: 3.75rem;
margin-bottom: 20px
}
@media (max-width:1023px) {
.page-faq .jumbotron h1,
.page-faq .jumbotron .h1 {
font-size: 30px;
font-size: 1.875rem
}
}
@media (min-width:1024px) {
.page-faq .jumbotron h1,
.page-faq .jumbotron .h1 {
line-height: 60px;
letter-spacing: 2px
}
}
.page-faq .jumbotron h2,
.page-faq .jumbotron .h2 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
font-family: Futura;
font-weight: 700;
letter-spacing: -.16px;
font-size: 16px;
font-size: 1rem;
line-height: 30px;
line-height: 1.875rem;
max-width: 170px;
margin-right: auto;
margin-left: auto
}
@media (max-width:1023px) {
.page-faq .jumbotron h2,
.page-faq .jumbotron .h2 {
font-size: 16px;
font-size: 1rem
}
}
@media (max-width:1023px) {
.page-faq .jumbotron h2,
.page-faq .jumbotron .h2 {
line-height: 25px;
line-height: 1.5625rem
}
}
@media (min-width:1024px) {
.page-faq .jumbotron h2,
.page-faq .jumbotron .h2 {
letter-spacing: -.21px;
max-width: 90%
}
}
.page-faq .jumbotron .faq-search-form {
margin: 0;
background-color: #384550;
padding: 10px 20px 20px;
position: absolute;
top: auto;
bottom: 0;
width: 100%
}
.page-faq .jumbotron .faq-search-form:before {
content: "";
display: block;
position: absolute;
width: 100%;
background: #384550;
transform: skewY(-1.5deg);
top: -10px;
left: 0;
min-height: 60px
}
.page-faq .jumbotron .new-faq-search-form {
margin: 0;
background-color: #384550;
padding: 10px 20px 20px;
position: absolute;
top: auto;
bottom: 0;
width: 100%
}
.page-faq .faq-category {
display: flex;
margin-bottom: 40px;
flex-wrap: wrap;
align-items: center
}
.page-faq .faq-category .title {
margin-right: 50px;
color: #f81700;
font-size: 24px;
font-weight: 400
}
.page-faq .faq-category .form-item {
width: 228px;
margin: 0
}
.page-faq .faq-category .jcf-select {
margin: 0
}
.page-faq .panel-default .faq-body-title {
margin-top: 2em;
font-weight: 700
}
.page-faq .panel-default .highlighter {
background: #fce29d
}
.page-faq .panel-default .panel-heading {
margin-bottom: 20px;
padding: 34px 64px 33px 62px;
position: relative;
z-index: 1
}
@media (min-width:1024px) {
.page-faq .panel-default .panel-heading {
padding: 30px 60px
}
}
.page-faq .panel-default .panel-heading .panel-title {
margin-bottom: 0
}
.page-faq .panel-default .panel-heading .panel-title a {
display: block;
position: relative;
padding-right: 40px;
color: #384550;
text-decoration: none;
font: 18px "walirides", Arial, sans-serif;
text-transform: uppercase
}
.page-faq .panel-default .panel-heading .panel-title a:after {
content: "";
display: inline-block;
right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -286px -182px;
width: 31px;
height: 31px;
height: 32px
}
.page-faq .panel-default .panel-heading .panel-title a.collapsed:after {
content: "";
display: inline-block;
right: 0;
position: absolute;
background-image: url(../images/spritesheet.png);
background-position: -286px -116px;
width: 31px;
height: 31px;
height: 32px
}
.page-faq .panel-default .panel-heading .panel-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
transform: skew(10deg);
transition: all .2s linear
}
.page-faq .panel-default .panel-collapse {
margin-bottom: 58px
}
.page-faq .panel-default .panel-collapse .panel-body {
padding: 45px 62px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #fff;
border: 1px solid #e5e5e5
}
.page-faq .panel-default:nth-child(even) .panel-heading .panel-bg {
transform: skew(-10deg)
}
@media (max-width:1023px) {
.page-faq .panel-default .panel-heading {
margin-bottom: 35px;
padding: 25px 20px
}
.page-faq .panel-default .panel-heading .panel-bg {
transform: none !important;
border: none
}
.page-faq .panel-default .panel-heading .panel-bg:before {
content: "";
display: block;
width: 100%;
height: 60px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background: #fff;
position: absolute;
bottom: 0;
left: 0;
transform-origin: 100% 100%;
transform: skewY(-2deg)
}
.page-faq .panel-default .panel-collapse {
margin-bottom: 28px
}
.page-faq .panel-default .panel-collapse .panel-body {
padding: 20px 11px
}
.page-faq .panel-default:nth-child(even) .panel-heading {
margin-bottom: 10px
}
.page-faq .panel-default:nth-child(even) .panel-heading .panel-bg:before {
top: 0;
bottom: auto;
transform-origin: 0 0;
box-shadow: 0 -3px 9px rgba(0, 0, 0, .06)
}
}
@media (max-width:767px) {
.page-faq .panel-default .panel-heading {
margin-bottom: 20px
}
}
.page-faq .block-faq {
background-color: #fafafa;
padding: 20px
}
@media (min-width:1024px) {
.page-faq .block-faq {
padding: 40px 100px
}
}
.page-faq .block-faq-additional {
text-align: center;
padding: 30px
}
.page-faq .block-faq-additional .block-title {
font-family: walirides;
font-size: 19px;
font-weight: 400;
letter-spacing: -.18px;
margin-bottom: 20px
}
.page-faq .block-faq-additional .block-message {
font-size: 16px;
margin-bottom: 40px
}
@media (min-width:1024px) {
.page-faq .block-faq-additional {
padding: 50px
}
}
.theme-aqualibi .page-faq .block-faq-additional a.btn-red,
.theme-aqualibi .page-faq .block-faq-additional .block-contact-form form a.button,
.block-contact-form form .theme-aqualibi .page-faq .block-faq-additional a.button,
.theme-aqualibi .page-faq .block-faq-additional .block-offers .offers-list .offers-item-2 a.btn-book,
.block-offers .offers-list .offers-item-2 .theme-aqualibi .page-faq .block-faq-additional a.btn-book,
.theme-aqualibi .page-faq .block-faq-additional .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .page-faq .block-faq-additional a.ticket-dropbtn {
background: #13b5ea
}
.theme-aqualibi .faq-category .title {
color: #13b5ea
}
.page-faq-new .highlight {
background-color: #fce29d
}
.page-faq-new .jumbotron .faq-search-form:before {
display: none
}
.page-faq-new .block-faq-new {
padding: 30px 0;
max-width: 666px;
margin: 0 auto;
font-family: "NunitoSans", Arial, sans-serif
}
@media (max-width:767px) {
.page-faq-new .block-faq-new {
padding: 30px 20px
}
}
.page-faq-new .block-faq-new .faq-category-block--highlighted {
display: inline-block;
background-color: #000;
color: #fff;
font-size: 20px;
padding: 14px 25px 10px;
border-radius: 3px;
text-decoration: none;
font-weight: 600;
width: 100%;
letter-spacing: -.65px;
position: relative
}
.page-faq-new .block-faq-new .faq-category-block--highlighted:before {
content: '';
position: absolute;
right: 28px;
top: 50%;
transform: translate(0, -50%) rotate(45deg);
width: 15px;
height: 15px;
background-color: #000;
z-index: 1
}
.page-faq-new .block-faq-new .faq-category-block--highlighted:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #fff;
border-right: none
}
.page-faq-new .block-faq-new .faq-category-block--highlighted:not(:first-child) {
margin: 10px 0 0
}
.page-faq-new .block-faq-new .faq-category-block--wrapper {
margin: 23px 2px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 26px;
row-gap: 26px
}
@media (max-width:767px) {
.page-faq-new .block-faq-new .faq-category-block--wrapper {
grid-template-columns: 1fr 1fr
}
}
.page-faq-new .block-faq-new .faq-category-block__item {
text-align: center;
border-radius: 10px;
box-shadow: 0 3px 9px #d7d7d7;
height: 266px;
position: relative;
padding: 70px 20px 14px;
text-decoration: none;
cursor: pointer
}
.page-faq-new .block-faq-new .faq-category-block__item:hover {
color: #353633
}
.page-faq-new .block-faq-new .faq-category-block__item--img {
max-width: 120px;
max-height: 60px;
height: 60px
}
.page-faq-new .block-faq-new .faq-category-block__item--title {
font-size: 18px;
font-weight: 600;
line-height: 23px;
text-align: center;
font-family: "NunitoSans", Arial, sans-serif;
position: absolute;
bottom: 54px;
width: 150px;
min-height: 34px;
letter-spacing: .4px;
left: 50%;
transform: translate(-50%, 0)
}
.page-faq-new .block-faq-new .faq-category-block__item--counter {
font-size: 18px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 14px;
width: 100%
}
.page-faq-new .block-faq-new .faq-category-block__item.faq-contacts {
background-color: transparent;
border: 1px solid #000;
box-shadow: none
}
.page-faq-new .block-faq-new .faq-category-block__item .faq-contacts--title {
font-family: "NunitoSans", Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 20px
}
.page-faq-new .view-content {
padding: 40px 60px;
background-color: #fafafa
}
.page-faq-new .view-content .views-row {
border-bottom: 3px solid #e5e5e5;
font-weight: 400
}
.page-faq-new .view-content .views-row .search-result .title {
color: #f81700;
font-size: 32px;
margin: 20px 0 0
}
@media (max-width:767px) {
.page-faq-new .view-content .views-row .search-result .title {
font-size: 21px
}
}
.page-faq-new .view-content .views-row .search-result .body {
font-size: 18px;
margin: 20px 0
}
@media (max-width:767px) {
.page-faq-new .view-content .views-row .search-result .body {
font-size: 16px
}
}
.page-faq-new .view-content .pager {
margin: 20px 0 0
}
.page-faq-new .view-content .pager__item {
position: relative
}
.page-faq-new .view-content .pager__item .button {
background-color: #fafafa
}
.page-faq-new .view-content .pager__item:after {
content: '';
position: absolute;
left: 50%;
top: 75%;
transform: translate(-50%, 0) rotate(90deg);
background-image: url(../images/arrow-right-3.svg);
width: 30px;
height: 40px;
background-size: 100%
}
.block-faq-list {
background-color: #fafafa;
padding: 50px 20px 0
}
@media (min-width:1024px) {
.block-faq-list {
padding: 50px 0 0
}
}
.block-faq-list .back-btn {
text-decoration: none;
font-size: 18px;
font-weight: 400;
margin: 0 0 10px;
display: inline-block
}
.block-faq-list .back-btn:hover {
color: #f81700
}
.block-faq-list .mobile-select--wrapper {
position: relative
}
.block-faq-list .mobile-select-title {
background-color: #f81700;
border: 1px solid #e5e5e5;
display: inline-block;
width: 100%;
font-size: 18px;
font-weight: 400;
padding: 8px 23px;
text-decoration: none;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin: 0 0 2px;
color: #fff;
position: relative
}
.block-faq-list .mobile-select-title:before {
content: '';
background-image: url(../images/icon-arrow-left--white.svg);
position: absolute;
right: 23px;
top: 50%;
transform: translate(0, -50%) rotate(-90deg);
background-size: 100%;
width: 20px;
height: 25px
}
.block-faq-list .mobile-select-title.active:before {
transform: translate(0, -50%) rotate(90deg)
}
@media (min-width:1024px) {
.block-faq-list .mobile-select-title {
display: none
}
}
.block-faq-list .mobile-select {
display: none
}
@media (max-width:1023px) {
.block-faq-list .mobile-select {
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 60px);
border-radius: 3px;
background-color: #e5e5e5;
z-index: 10;
padding: 0 20px;
margin: 0
}
.block-faq-list .mobile-select li:not(:last-child) {
border-bottom: 2px solid #bababa
}
}
@media (min-width:1024px) {
.block-faq-list .mobile-select {
display: block
}
}
.block-faq-list .mobile-select.active {
display: block
}
@media (min-width:1024px) {
.block-faq-list--wrapper {
display: grid;
grid-template-columns: [link-side] 315px [content-side] auto;
column-gap: 40px;
max-width: 1100px;
margin: 0 auto
}
}
.block-faq-list--left ul {
list-style: none;
padding: 0
}
@media (max-width:1023px) {
.block-faq-list--right {
margin: 20px 0 0
}
}
.block-faq-list__item {
display: inline-block;
width: 100%;
font-size: 18px;
font-weight: 400;
padding: 8px 0;
text-decoration: none;
transition: .4s;
margin: 0 0 2px;
position: relative
}
@media (min-width:1024px) {
.block-faq-list__item {
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 8px 23px
}
}
.block-faq-list__item.active,
.block-faq-list__item:hover {
font-weight: 600
}
@media (max-width:1023px) {
.block-faq-list__item.active:before,
.block-faq-list__item:hover:before {
content: '';
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
display: block;
background-image: url(../images/green-mark.svg)
}
}
@media (min-width:1024px) {
.block-faq-list__item.active,
.block-faq-list__item:hover {
background-color: #f81700;
color: #fff;
transition: .4s
}
}
@media (min-width:1024px) {
.block-faq-list__item--highlighted {
background-color: #bababa
}
}
.block-faq-list__content--title {
font-size: 28px
}
.block-faq-list__content--inner {
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 18px 55px 18px 25px;
position: relative
}
.block-faq-list__content--inner .title {
font-size: 18px;
font-weight: 600
}
.block-faq-list__content--inner .show-content-btn {
width: 32px;
height: 32px;
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
border: 1px solid #e5e5e5;
text-align: center;
font-size: 24px;
line-height: 28px;
vertical-align: middle;
cursor: pointer
}
.block-faq-list__content--inner .show-content-btn.active {
font-size: 0
}
.block-faq-list__content--inner .show-content-btn.active:after {
content: "-";
font-size: 32px
}
.block-faq-list__content--outer {
visibility: hidden;
backface-visibility: hidden;
opacity: 0;
transition: transform .4s ease-in-out, opacity .3s ease;
max-height: 0;
transform: translate(0, 40%)
}
.block-faq-list__content--outer.active {
visibility: visible;
backface-visibility: visible;
opacity: 1;
max-height: 1500px;
overflow: hidden;
transform: translate(0, 0);
padding: 20px 25px;
transition: transform .4s ease-in-out, opacity .3s ease
}
.block-faq-list__content ul {
list-style: none;
padding: 0
}
.block-faq-list__content ul li {
margin-bottom: 10px
}
.block-faq-list__content .block-faq-list__content--outer ul {
list-style: disc inside
}
.block-faq-list__content .block-faq-list__content--outer ul,
.block-faq-list__content .block-faq-list__content--outer ol {
padding-left: 10px
}
.page-generic_entertainment .block-article-entertainment .skew-bg,
.page-show .block-article-entertainment .skew-bg,
.page-restaurant .block-article-entertainment .skew-bg,
.page-shop .block-article-entertainment .skew-bg {
bottom: -175px
}
.page-generic_entertainment .block-article-entertainment .skew-bg .inner-bg-wrap .inner-bg,
.page-show .block-article-entertainment .skew-bg .inner-bg-wrap .inner-bg,
.page-restaurant .block-article-entertainment .skew-bg .inner-bg-wrap .inner-bg,
.page-shop .block-article-entertainment .skew-bg .inner-bg-wrap .inner-bg {
height: 47%
}
.page-groups .jumbotron {
overflow: hidden;
position: relative
}
.page-groups .jumbotron .jumbotron-image {
display: block;
width: 100%;
min-height: 320px;
object-fit: cover
}
@media (max-width:1023px) {
.page-groups .jumbotron .jumbotron-image {
width: auto;
max-width: 1024px;
height: 490px;
min-height: 0;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
object-fit: cover
}
}
.page-groups .jumbotron .jumbotron-content {
display: flex;
width: 100%;
height: 100%;
padding: 0 19.5%;
position: absolute;
top: 0;
left: 0;
color: #fff;
flex-flow: column;
justify-content: center;
text-align: center;
background: rgba(0, 0, 0, .3);
text-shadow: 0 2px 11px rgba(0, 0, 0, .5);
font: 400 20px/1.5 "walirides", Arial, sans-serif;
letter-spacing: -.19px
}
.page-groups .jumbotron .jumbotron-content a {
color: #fff
}
.page-groups .jumbotron .jumbotron-content>div {
max-height: 100%;
overflow: hidden
}
@media (max-width:1023px) {
.page-groups .jumbotron .jumbotron-content {
display: block;
padding: 119px 20px 90px;
font-size: 16px;
font-weight: 700;
line-height: 1.56
}
}
.page-groups .jumbotron h1,
.page-groups .jumbotron .h1 {
margin-bottom: .66em;
font-size: 60px;
line-height: 1.13;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22);
letter-spacing: -.6px;
color: inherit
}
@media (max-width:1023px) {
.page-groups .jumbotron h1,
.page-groups .jumbotron .h1 {
margin-bottom: .6em;
font-size: 30px;
line-height: 1.5;
text-shadow: 0 10px 13px rgba(0, 0, 0, .23);
letter-spacing: -.3px
}
}
.page-groups .jumbotron p {
max-width: 585px;
margin: 0 auto 1em
}
@media (max-width:1023px) {
.page-groups .jumbotron p {
max-width: none
}
}
.page-groups .jumbotron .btn-back {
position: absolute;
top: 38px;
left: 45px
}
@media (max-width:1023px) {
.page-groups .jumbotron .btn-back {
top: 30px;
left: 20px
}
}
.page-groups .jumbotron .skew-bg {
bottom: -172px
}
.page-groups .jumbotron .btn-offer {
padding-right: 4.25rem;
padding-left: 4.25rem;
position: absolute;
right: 40px;
bottom: 47px;
z-index: 3;
font-size: 16px
}
@media (max-width:1023px) {
.page-groups .jumbotron .btn-offer {
padding-left: 2.25rem;
padding-right: 2.25rem;
left: 50%;
right: auto;
bottom: 27px;
transform: translateX(-50%);
z-index: 3
}
}
.theme-aqualibi .page-groups h2,
.theme-aqualibi .page-groups .h2 {
color: #13b5ea
}
.page-homepage {
background-color: #fafafa
}
@media (min-width:1024px) {
.page-homepage {
padding-top: 69px
}
.page-homepage .main-header .header-side {
position: relative;
transition: .5s all linear
}
.page-homepage .menu .toggle {
display: none
}
.page-homepage .menu .list {
transition: opacity .5s, margin-top .5s;
display: block;
background-color: #fff;
background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06)
}
.page-homepage .main-header.is-hidden .logo {
position: absolute;
top: 67px;
background: #fff
}
.page-homepage .main-header.is-hidden .list {
top: 138px
}
}
.page-homepage.scrolled-2-footer .header-side {
margin-top: -100vh !important;
opacity: 0;
transition: .5s all linear
}
@media (max-width:959px) {
.page-homepage.showParkBanner .page {
margin-top: 0
}
}
@media (min-width:1024px) {
.page-homepage.showParkBanner .main-header.is-hidden {
transform: translateY(0)
}
}
@media (min-width:1024px) {
.page-homepage.showParkBanner .main-header.is-hidden {
background: 0 0;
box-shadow: none
}
.page-homepage.showParkBanner .main-header.is-hidden .logo {
position: static
}
.page-homepage.showParkBanner .main-header.is-hidden .header-content {
opacity: 0;
margin-top: -100px;
transition: .2s all linear
}
.page-homepage.showParkBanner .main-header.is-hidden .list {
top: 0
}
}
.page-homepage .main-header .header-content .row.row-bottom {
display: none
}
.page-homepage .page {
margin-bottom: 0
}
@media (min-width:1024px) {
.page-homepage .page {
padding-left: 200px
}
}
@media (max-width:959px) {
.page-homepage .block-footer-nav-tickets .block-footer-tickets .block-bg:before,
.page-homepage .block-footer-nav-tickets .block-footer-tickets .block-bg:after,
.page-homepage .block-footer-nav-tickets .block-footer-nav .block-bg:before,
.page-homepage .block-footer-nav-tickets .block-footer-nav .block-bg:after {
background-color: #fafafa
}
}
@media (max-width:1023px) {
.page-homepage .block-entertainment-header>img,
.page-homepage .block-entertainment-header picture>img,
.page-homepage .block-entertainment-header .video>img {
height: 700px
}
}
.page-homepage .block-entertainment-header h1,
.page-homepage .block-entertainment-header .h1,
.page-homepage .block-entertainment-header h2,
.page-homepage .block-entertainment-header .h2 {
font-size: 90px;
letter-spacing: -.9px
}
@media (max-width:1023px) {
.page-homepage .block-entertainment-header h1,
.page-homepage .block-entertainment-header .h1,
.page-homepage .block-entertainment-header h2,
.page-homepage .block-entertainment-header .h2 {
font-size: 47px
}
}
.page-homepage .block-entertainment-header.hide-title h1,
.page-homepage .block-entertainment-header.hide-title .h1,
.page-homepage .block-entertainment-header.hide-title h2,
.page-homepage .block-entertainment-header.hide-title .h2 {
display: none
}
@media (max-width:1023px) {
.page-homepage .block-entertainment-header .content {
padding-top: 117px
}
}
.page-homepage .block-entertainment-header-slider .btn-play {
bottom: 133px
}
@media (max-width:1023px) {
.page-homepage .block-entertainment-header-slider .slides .slick-prev,
.page-homepage .block-entertainment-header-slider .slides .slick-next {
bottom: 153px;
z-index: 5
}
}
.page-homepage .block-entertainment-header-slider .slides .slick-dots {
bottom: 150px
}
@media (max-width:1023px) {
.page-homepage .block-entertainment-header-slider .slides .slick-dots {
bottom: 171px;
z-index: 4
}
}
@media (min-width:1024px) {
.page-homepage .block-statistic .statistic-slider .item {
width: 160px;
padding-right: 15px;
padding-left: 15px
}
}
@media (min-width:1024px) {
.page-homepage .block-statistic .statistic-slider .item .val {
font-size: 40px
}
}
.page-homepage.walirides_be .block-entertainment-header .content:before {
content: none
}
.page-homepage .block-offers {
margin-top: -33px;
padding: 0 0 73px;
position: relative;
z-index: 1
}
@media (max-width:1023px) {
.page-homepage .block-offers {
margin-top: 0;
padding: 15px 0 35px
}
}
.page-homepage .block-offers .content {
padding: 0 40px
}
@media (max-width:1023px) {
.page-homepage .block-offers .content {
padding: 0 20px
}
}
@media (max-width:1023px) {
.page-homepage .block-offers+.block-brochure-2 {
margin-top: 200px
}
}
.page-homepage .block-offers-simple .tickets-slider-list .offer-ticket-wrapper {
max-width: 370px;
min-width: 350px
}
@media (min-width:960px) {
.page-homepage .block-offers-simple .tickets-slider-list .offer-ticket-wrapper {
max-width: 304px;
min-width: 300px
}
}
@media (min-width:960px) {
.page-homepage .block-offers-simple .tickets-slider-list .offer-ticket .ticket-title {
max-width: 90%
}
}
@media (min-width:960px) {
.page-homepage .block-offers-simple .tickets-slider-list .offer-ticket .image {
height: 114px
}
}
.page-job .jumbotron,
.page-jobs .jumbotron {
position: relative;
overflow: hidden
}
.page-job .jumbotron .pattern-overlay,
.page-jobs .jumbotron .pattern-overlay {
content: '';
display: none;
position: absolute;
top: -80px;
width: 100%;
background: #f81700 url("../images/pattern_entryworld_red.png") repeat;
transform: skewY(-2deg);
min-height: 120px
}
@media (min-width:1024px) {
.page-job .jumbotron .pattern-overlay,
.page-jobs .jumbotron .pattern-overlay {
display: block
}
}
.page-job .jumbotron .btn-back,
.page-jobs .jumbotron .btn-back {
position: absolute;
top: 20px;
left: 20px;
z-index: 3
}
@media (min-width:1024px) {
.page-job .jumbotron .btn-back,
.page-jobs .jumbotron .btn-back {
top: 30px
}
}
.page-job .jumbotron .jumbotron-content,
.page-jobs .jumbotron .jumbotron-content {
width: 100%;
position: absolute;
left: 0;
top: 146px;
right: 0;
margin: auto;
text-align: center;
color: #fff
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-content,
.page-jobs .jumbotron .jumbotron-content {
width: 740px;
top: 50%;
transform: translateY(-50%)
}
}
.page-job .jumbotron h1,
.page-job .jumbotron .h1,
.page-jobs .jumbotron h1,
.page-jobs .jumbotron .h1 {
text-shadow: 0 10px 13px rgba(0, 0, 0, .23);
line-height: 1.5;
letter-spacing: -.3px;
font-size: 60px;
font-size: 3.75rem;
margin-bottom: 0
}
@media (max-width:1023px) {
.page-job .jumbotron h1,
.page-job .jumbotron .h1,
.page-jobs .jumbotron h1,
.page-jobs .jumbotron .h1 {
font-size: 33px;
font-size: 2.0625rem
}
}
@media (min-width:960px) {
.page-job .jumbotron h1,
.page-job .jumbotron .h1,
.page-jobs .jumbotron h1,
.page-jobs .jumbotron .h1 {
margin-bottom: 0;
line-height: 1.13;
letter-spacing: -.6px;
text-shadow: 0 4px 2px rgba(24, 24, 24, .3)
}
}
.theme-walirides-halloween-red .page-job .jumbotron h1,
.theme-walirides-halloween-red .page-job .jumbotron .h1,
.theme-walirides-halloween-red .page-jobs .jumbotron h1,
.theme-walirides-halloween-red .page-jobs .jumbotron .h1 {
color: #fff;
text-shadow: none
}
.page-job .jumbotron h2,
.page-job .jumbotron .h2,
.page-jobs .jumbotron h2,
.page-jobs .jumbotron .h2 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
font-weight: 700;
letter-spacing: -.29px;
font-size: 60px;
font-size: 3.75rem;
text-transform: uppercase
}
@media (max-width:1023px) {
.page-job .jumbotron h2,
.page-job .jumbotron .h2,
.page-jobs .jumbotron h2,
.page-jobs .jumbotron .h2 {
font-size: 18px;
font-size: 1.125rem
}
}
@media (min-width:1024px) {
.page-job .jumbotron h2,
.page-job .jumbotron .h2,
.page-jobs .jumbotron h2,
.page-jobs .jumbotron .h2 {
margin-bottom: 20px
}
}
.theme-walirides-halloween-red .page-job .jumbotron h2,
.theme-walirides-halloween-red .page-job .jumbotron .h2,
.theme-walirides-halloween-red .page-jobs .jumbotron h2,
.theme-walirides-halloween-red .page-jobs .jumbotron .h2 {
color: #fff;
text-shadow: none
}
.page-job .jumbotron h3,
.page-job .jumbotron .h3,
.page-jobs .jumbotron h3,
.page-jobs .jumbotron .h3 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
font-family: "walirides", Arial, sans-serif;
letter-spacing: -.16px;
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem
}
@media (max-width:1023px) {
.page-job .jumbotron h3,
.page-job .jumbotron .h3,
.page-jobs .jumbotron h3,
.page-jobs .jumbotron .h3 {
font-size: 16px;
font-size: 1rem
}
}
@media (max-width:1023px) {
.page-job .jumbotron h3,
.page-job .jumbotron .h3,
.page-jobs .jumbotron h3,
.page-jobs .jumbotron .h3 {
line-height: 22px;
line-height: 1.375rem
}
}
@media (min-width:1024px) {
.page-job .jumbotron h3,
.page-job .jumbotron .h3,
.page-jobs .jumbotron h3,
.page-jobs .jumbotron .h3 {
font-family: "Futura", Arial, sans-serif;
font-weight: 700;
letter-spacing: -.21px
}
}
.theme-walirides-halloween-red .page-job .jumbotron h3,
.theme-walirides-halloween-red .page-job .jumbotron .h3,
.theme-walirides-halloween-red .page-jobs .jumbotron h3,
.theme-walirides-halloween-red .page-jobs .jumbotron .h3 {
color: #fff;
text-shadow: none
}
.page-job .jumbotron .jumbotron-image,
.page-jobs .jumbotron .jumbotron-image {
display: block;
min-height: 558px;
object-fit: cover
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-image,
.page-jobs .jumbotron .jumbotron-image {
min-height: 480px
}
}
.page-job .jumbotron .jumbotron-meta,
.page-jobs .jumbotron .jumbotron-meta {
width: 100%;
padding: 26px 30px 18px;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
color: #fff;
font: 16px "walirides", Arial, sans-serif;
text-align: center
}
.page-job .jumbotron .jumbotron-meta:before,
.page-jobs .jumbotron .jumbotron-meta:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #384550;
transform-origin: 0 0;
transform: skewY(.85deg)
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta,
.page-jobs .jumbotron .jumbotron-meta {
padding: 36px 20px 27px
}
}
.page-job .jumbotron .jumbotron-meta .meta,
.page-jobs .jumbotron .jumbotron-meta .meta {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.5;
text-align: left
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta .meta,
.page-jobs .jumbotron .jumbotron-meta .meta {
display: block;
text-align: center
}
}
.page-job .jumbotron .jumbotron-meta .meta li,
.page-jobs .jumbotron .jumbotron-meta .meta li {
margin: 0;
padding-left: 40px;
position: relative
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta .meta li,
.page-jobs .jumbotron .jumbotron-meta .meta li {
display: inline-block;
margin: 0 54px 0 0;
vertical-align: top
}
.page-job .jumbotron .jumbotron-meta .meta li:last-child,
.page-jobs .jumbotron .jumbotron-meta .meta li:last-child {
margin-right: 0
}
}
.page-job .jumbotron .jumbotron-meta .meta li.time,
.page-jobs .jumbotron .jumbotron-meta .meta li.time {
font-weight: 700;
text-transform: uppercase
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta .meta li.time,
.page-jobs .jumbotron .jumbotron-meta .meta li.time {
font-weight: 400;
padding-left: 0
}
}
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
fill: currentColor;
fill-opacity: .36
}
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon.icon-calendar,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon.icon-calendar {
width: 20px;
height: 18px
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon.icon-calendar,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon.icon-calendar {
width: 30px;
height: 27px
}
}
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon.icon-map,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon.icon-map {
width: 22px;
height: 19px
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon.icon-map,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon.icon-map {
width: 30px;
height: 27px
}
}
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon.icon-medal,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon.icon-medal {
width: 20px;
height: 26px
}
@media (min-width:1024px) {
.page-job .jumbotron .jumbotron-meta .meta li .svg-icon.icon-medal,
.page-jobs .jumbotron .jumbotron-meta .meta li .svg-icon.icon-medal {
width: 30px;
height: 27px
}
}
@media (min-width:1024px) {
.page-job .block-offers-list-menu,
.page-jobs .block-offers-list-menu {
display: flex;
justify-content: center
}
.page-job .block-offers-list-menu .dropdown-menu .dropdown-item,
.page-jobs .block-offers-list-menu .dropdown-menu .dropdown-item {
width: 270px;
max-width: none
}
}
.page-job .block-statistic,
.page-jobs .block-statistic {
padding: 64px 0;
position: relative;
z-index: 1;
overflow: hidden
}
.page-job .block-statistic:before,
.page-jobs .block-statistic:before {
content: "";
display: block;
width: 150%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
background-color: #f5f8fd;
transform-origin: 100% 50%;
transform: perspective(500px) rotateY(-3deg)
}
.page-job .block-paragraph h2,
.page-job .block-paragraph .h2,
.page-jobs .block-paragraph h2,
.page-jobs .block-paragraph .h2 {
font: 700 24px/1.2 "walirides", Arial, sans-serif;
color: #f81700;
text-transform: uppercase;
letter-spacing: -.11px
}
.page-job .block-paragraph .content,
.page-jobs .block-paragraph .content {
padding: 0 30px
}
@media (min-width:1024px) {
.page-job .block-paragraph .content,
.page-jobs .block-paragraph .content {
width: calc(100% - 356px);
display: inline-block
}
}
.page-jobs .block-jobs {
background: 0 0
}
.theme-aqualibi .page-job .jumbotron .pattern-overlay,
.theme-aqualibi .page-jobs .jumbotron .pattern-overlay {
background: #13b5ea url(../images/pattern-aqualibi-oceanblue.png)
}
.theme-aqualibi .page-job .block-paragraph h2,
.theme-aqualibi .page-job .block-paragraph .h2,
.theme-aqualibi .page-jobs .block-paragraph h2,
.theme-aqualibi .page-jobs .block-paragraph .h2 {
color: #13b5ea
}
.maintenance {
text-align: center;
margin: auto;
max-width: 90%;
font-size: 16px
}
@media (max-width:1023px) {
.maintenance {
font-size: 14px
}
}
.maintenance .equipment {
width: 90px;
height: 90px;
margin: 0 auto;
color: #000
}
.maintenance h1,
.maintenance .h1 {
margin: 40px 0 32px;
color: #333;
font-size: 62px
}
@media (max-width:1023px) {
.maintenance h1,
.maintenance .h1 {
font-size: 37px
}
}
.page-offers-for-groups .jumbotron {
overflow: hidden;
text-align: center;
position: relative;
line-height: 0;
font-size: 0
}
.page-offers-for-groups .jumbotron .pattern-overlay {
content: '';
display: block;
position: absolute;
top: -80px;
width: 100%;
background: #f81700 url("../images/pattern_entryworld_red.png") repeat;
transform: skewY(-2deg);
min-height: 120px
}
@media (min-width:1024px) {
.page-offers-for-groups .jumbotron .pattern-overlay {
top: -60px
}
}
.page-offers-for-groups .jumbotron .jumbotron-content {
padding: 20px 30px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%
}
.page-offers-for-groups .jumbotron .jumbotron-content .btn-offer {
display: inline-block
}
.page-offers-for-groups .jumbotron img {
min-height: 500px;
object-fit: cover
}
@media (min-width:1024px) {
.page-offers-for-groups .jumbotron img {
min-height: 600px
}
}
.page-offers-for-groups .jumbotron h1,
.page-offers-for-groups .jumbotron .h1 {
font-size: 62px;
font-size: 3.875rem;
line-height: 68px;
line-height: 4.25rem;
font-weight: 700;
letter-spacing: -.3px;
color: #fff;
font-family: walirides;
text-align: center;
text-shadow: 0 10px 13px 0 rgba(0, 0, 0, .5)
}
@media (max-width:1023px) {
.page-offers-for-groups .jumbotron h1,
.page-offers-for-groups .jumbotron .h1 {
font-size: 30px;
font-size: 1.875rem
}
}
@media (max-width:1023px) {
.page-offers-for-groups .jumbotron h1,
.page-offers-for-groups .jumbotron .h1 {
line-height: 46px;
line-height: 2.875rem
}
}
.page-offers-for-groups .jumbotron h2,
.page-offers-for-groups .jumbotron .h2 {
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
color: #fff;
letter-spacing: -.16px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
font-family: Futura;
text-align: center;
text-shadow: 0 2px 11px 0 rgba(0, 0, 0, .5);
font-weight: 700
}
@media (max-width:1023px) {
.page-offers-for-groups .jumbotron h2,
.page-offers-for-groups .jumbotron .h2 {
font-size: 16px;
font-size: 1rem
}
}
@media (max-width:1023px) {
.page-offers-for-groups .jumbotron h2,
.page-offers-for-groups .jumbotron .h2 {
line-height: 25px;
line-height: 1.5625rem
}
}
.page-offers-for-groups .jumbotron .btn-offer {
margin-top: 40px;
display: none
}
@media (max-width:767px) {
.page-offers-for-groups .jumbotron .btn-offer {
margin-top: 20px;
font-size: 12px
}
}
@media (min-width:1024px) {
.page-offers-for-groups .offers-4groups-tickets-slider {
margin-bottom: 80px
}
.page-offers-for-groups .offers-4groups-tickets-slider .slick-track {
padding: 20px 0 0 !important
}
.page-offers-for-groups .offers-4groups-tickets-slider .slick-track .offer-4groups-ticket-wrapper {
margin-bottom: 20px
}
}
.page-offers-for-groups-aqualibi .jumbotron:before {
background: #f81700 url("/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/patterns/pattern-aqualibi-ocean.png") no-repeat
}
.theme-aqualibi.page-offers-for-groups .jumbotron .pattern-overlay {
background: #13b5ea url(../images/pattern-aqualibi-oceanblue.png) repeat
}
.promo-price {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: stretch;
margin-top: 10px
}
.promo-price .promo-price-prefix {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: flex-start;
font-family: walirides;
font-size: 16px;
font-size: 1rem;
letter-spacing: -.43px;
font-weight: 700
}
@media (max-width:1023px) {
.promo-price .promo-price-prefix {
font-size: 14px;
font-size: .875rem
}
}
@media (max-width:1023px) {
.promo-price .promo-price-prefix {
letter-spacing: -.34px
}
}
.promo-price .promo-price-prefix .promo-price-cents,
.promo-price .promo-price-prefix .promo-price-curency {
font-family: walirides;
letter-spacing: -.43px;
font-weight: 700;
line-height: 1;
margin-left: 10px;
white-space: nowrap
}
@media (max-width:1023px) {
.promo-price .promo-price-prefix .promo-price-cents,
.promo-price .promo-price-prefix .promo-price-curency {
letter-spacing: -.34px
}
}
.promo-price .promo-price-prefix .promo-price-cents {
font-size: 25px;
font-size: 1.5625rem
}
@media (max-width:1023px) {
.promo-price .promo-price-prefix .promo-price-cents {
font-size: 20px;
font-size: 1.25rem
}
}
.promo-price .promo-price-prefix .promo-price-curency {
font-size: 23px;
font-size: 1.4375rem
}
@media (max-width:1023px) {
.promo-price .promo-price-prefix .promo-price-curency {
font-size: 18px;
font-size: 1.125rem
}
}
.promo-price .promo-price-value {
font-size: 62px;
font-size: 3.875rem;
letter-spacing: -1.19px;
font-family: walirides;
font-size: 50px;
font-weight: 700;
line-height: .85;
white-space: nowrap
}
@media (max-width:1023px) {
.promo-price .promo-price-value {
font-size: 50px;
font-size: 3.125rem
}
}
@media (max-width:1023px) {
.promo-price .promo-price-value {
letter-spacing: -.95px
}
}
.page-offers-list {
z-index: auto;
position: static
}
.page-offers-list .jumbotron {
text-align: center;
position: relative;
overflow: hidden;
line-height: 0;
font-size: 0
}
.page-offers-list .jumbotron .pattern-overlay {
content: '';
display: block;
position: absolute;
top: -80px;
width: 100%;
background: #f81700 url("../images/pattern_entryworld_red.png") repeat;
transform: skewY(-2deg);
min-height: 120px
}
@media (min-width:960px) {
.page-offers-list .jumbotron .pattern-overlay {
top: -60px
}
}
.page-offers-list .jumbotron .btn-back {
position: absolute;
top: 20px;
left: 20px;
z-index: 3
}
@media (min-width:768px) {
.page-offers-list .jumbotron .btn-back {
top: 30px
}
}
.page-offers-list .jumbotron .jumbotron-content {
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translateY(-50%)
}
@media (min-width:960px) {
.page-offers-list .jumbotron .jumbotron-content {
margin-top: 40px
}
}
.page-offers-list .jumbotron h1,
.page-offers-list .jumbotron .h1,
.page-offers-list .jumbotron h2,
.page-offers-list .jumbotron .h2,
.page-offers-list .jumbotron h3,
.page-offers-list .jumbotron .h3 {
color: #fff
}
.page-offers-list .jumbotron h1,
.page-offers-list .jumbotron .h1 {
text-shadow: 0 4px 2px rgba(24, 24, 24, .3);
font-family: walirides;
font-weight: 700;
line-height: 60px;
letter-spacing: 2px;
font-size: 60px;
font-size: 3.75rem;
margin-bottom: 0
}
@media (max-width:1023px) {
.page-offers-list .jumbotron h1,
.page-offers-list .jumbotron .h1 {
font-size: 33px;
font-size: 2.0625rem
}
}
@media (min-width:960px) {
.page-offers-list .jumbotron h1,
.page-offers-list .jumbotron .h1 {
margin-bottom: 0
}
}
.page-offers-list .jumbotron h2,
.page-offers-list .jumbotron .h2 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
font-family: walirides;
font-weight: 700;
letter-spacing: -.29px;
font-size: 60px;
font-size: 3.75rem;
text-transform: uppercase
}
@media (max-width:1023px) {
.page-offers-list .jumbotron h2,
.page-offers-list .jumbotron .h2 {
font-size: 18px;
font-size: 1.125rem
}
}
@media (min-width:960px) {
.page-offers-list .jumbotron h2,
.page-offers-list .jumbotron .h2 {
margin-bottom: 20px
}
}
.page-offers-list .jumbotron h3,
.page-offers-list .jumbotron .h3 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
font-family: walirides;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: -.16px;
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem
}
@media (max-width:1023px) {
.page-offers-list .jumbotron h3,
.page-offers-list .jumbotron .h3 {
font-size: 16px;
font-size: 1rem
}
}
@media (max-width:1023px) {
.page-offers-list .jumbotron h3,
.page-offers-list .jumbotron .h3 {
line-height: 22px;
line-height: 1.375rem
}
}
@media (min-width:960px) {
.page-offers-list .jumbotron h3,
.page-offers-list .jumbotron .h3 {
font-family: Futura;
font-weight: 700;
letter-spacing: -.21px
}
}
.page-offers-list .jumbotron img {
min-height: 480px;
object-fit: cover
}
@media (min-width:960px) {
.page-offers-list .jumbotron img {
min-height: 395px
}
}
.page-offers-list-aqualibi .jumbotron:before {
background: #f81700 url("/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/patterns/pattern-aqualibi-ocean.png") no-repeat
}
.block-offers-simple .ticket-additional-info {
display: none;
margin-top: 60px;
position: relative;
z-index: 1
}
@media (min-width:960px) {
.block-offers-simple .ticket-additional-info {
margin-top: 20px;
margin-left: 30px;
margin-bottom: 20px
}
}
.block-offers-simple .ticket-additional-info .ticket-additional-title {
line-height: 27px
}
.block-offers-simple .ticket-additional-info.show {
display: block;
width: calc(100% - 60px)
}
@media (max-width:959px) {
.block-offers-simple .ticket-additional-info.show {
width: 100%;
height: 100%;
margin-top: 0;
position: fixed;
top: 0;
z-index: 99999;
background: #fff
}
.block-offers-simple .ticket-additional-info.show .block-wrapper {
height: 100%;
padding: 20px
}
.block-offers-simple .ticket-additional-info.show a.btn-circle {
display: block
}
.block-offers-simple .ticket-additional-info.show>span {
display: none
}
.block-offers-simple .ticket-additional-info.show .ticket-popup-body {
overflow-y: auto;
height: calc(100% - 86px)
}
.block-offers-simple .ticket-additional-info.show .ticket-title {
color: #fab700;
display: block;
font-family: walirides;
font-size: 30px;
font-weight: 700;
line-height: 46px;
text-align: center;
text-shadow: 0 10px 13px 0 rgba(0, 0, 0, .23);
text-align: center;
margin: 20px auto
}
.block-offers-simple .ticket-additional-info.show .ticket-additional-title {
font-family: Futura;
font-size: 16px;
font-weight: 700;
line-height: 25px;
text-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5)
}
.block-offers-simple .ticket-additional-info.show .ticket-message {
float: none;
width: 100%;
font-family: Futura;
font-size: 16px;
line-height: 23px
}
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer {
display: block;
float: none;
width: auto
}
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta .col,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer .col {
max-width: none
}
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta .btn,
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta .button,
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .ticket-additional-info.show .ticket-additional-cta .ticket-dropbtn,
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta a.btn,
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta a.button,
.block-offers-simple .ticket-additional-info.show .ticket-additional-cta .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .ticket-additional-info.show .ticket-additional-cta a.ticket-dropbtn,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer .btn,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer .button,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .ticket-additional-info.show .ticket-popup-footer .ticket-dropbtn,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer a.btn,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer a.button,
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .ticket-additional-info.show .ticket-popup-footer a.ticket-dropbtn {
min-width: 196px
}
.block-offers-simple .ticket-additional-info.show .ticket-popup-footer {
display: flex;
flex-direction: column;
align-items: center
}
.block-offers-simple .ticket-additional-info.show:after {
transform: none;
border: none;
background: #fab700 url(../images/pattern-fun-yellow.png) repeat;
height: 60px;
transform: skewY(-6deg);
top: -30px
}
.dj-browser-safari.dj-touch .block-offers-simple .ticket-additional-info.show:after {
box-shadow: none
}
}
.block-offers-simple .ticket-additional-info:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
transform: skew(5deg)
}
.dj-browser-safari.dj-touch .block-offers-simple .ticket-additional-info:after {
box-shadow: 0 3px 9px rgba(0, 0, 0, .42)
}
.block-offers-simple .ticket-additional-info a.btn-circle {
display: none
}
.block-offers-simple .ticket-additional-info>span {
display: block;
position: absolute;
top: -10px;
width: 20px;
height: 20px;
background: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
transform: rotate(45deg)
}
.dj-browser-safari.dj-touch .block-offers-simple .ticket-additional-info>span {
border-width: 4px
}
.block-offers-simple .ticket-additional-info .block-wrapper {
padding: 40px;
overflow: hidden
}
.block-offers-simple .ticket-additional-info .ticket-title {
display: none
}
.block-offers-simple .ticket-additional-info .ticket-additional-title {
color: #384550;
font-family: walirides;
font-size: 19px;
font-weight: 400;
letter-spacing: -.18px;
width: 100%;
margin-bottom: 30px
}
.block-offers-simple .ticket-additional-info .ticket-message {
float: left;
width: 50%
}
.block-offers-simple .ticket-additional-info .ticket-message ul {
padding-left: 20px
}
.block-offers-simple .ticket-additional-info .ticket-message ul li {
list-style: disc
}
.block-offers-simple .ticket-additional-info .ticket-message,
.block-offers-simple .ticket-additional-info .ticket-message li {
color: #384550;
font-family: Futura;
font-size: 14px;
font-weight: 500;
line-height: 23px;
letter-spacing: -.14px
}
.block-offers-simple .ticket-additional-info .ticket-popup-footer {
float: right;
width: 50%;
display: flex;
flex-direction: column;
align-items: center
}
.block-offers-simple .ticket-additional-info .ticket-popup-footer .ticket-single-btn {
margin-top: 3px
}
.block-offers-simple .ticket-additional-info .ticket-additional-cta {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-content: stretch;
align-items: stretch
}
.block-offers-simple .ticket-additional-info .ticket-additional-cta .btn,
.block-offers-simple .ticket-additional-info .ticket-additional-cta .button,
.block-offers-simple .ticket-additional-info .ticket-additional-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .ticket-additional-info .ticket-additional-cta .ticket-dropbtn {
min-width: 195px
}
.block-offers-simple .ticket-additional-info .ticket-additional-cta .col {
flex: 1 1 auto;
align-self: auto;
max-width: 50%;
padding-top: 10px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center
}
.block-offers-simple .ticket-additional-info .ticket-additional-cta .col .promo-price .promo-price-value {
font-size: 50px;
font-size: 3.125rem
}
.block-offers-simple .ticket-additional-info .ticket-additional-cta .col .promo-price .promo-price-curency {
font-size: 18px;
font-size: 1.125rem
}
.block-offers-simple .ticket-additional-info .ticket-additional-cta .col .promo-price .promo-price-cents {
font-size: 20px;
font-size: 1.25rem
}
.block-offers-simple .block-prices {
margin: 40px 0;
padding: 60px 0 44px
}
.block-offers-simple .block-prices .block-title {
font-family: walirides;
font-size: 30px;
line-height: 48px;
margin-bottom: 70px
}
.block-offers-simple .block-prices .price-group-wrap h4,
.block-offers-simple .block-prices .price-group-wrap .h4 {
margin-bottom: 40px
}
.block-offers-simple .block-prices:before {
transform: none
}
@media (max-width:959px) {
.block-offers-simple>div:last-child.block-offers-simple {
margin-bottom: 80px
}
}
@media (max-width:959px) {
body.ticket-in-popup {
overflow: hidden;
height: 100vh;
position: fixed
}
}
.theme-aqualibi .page-offers-list .jumbotron .pattern-overlay {
background: #13b5ea url(../images/pattern-aqualibi-oceanblue.png) no-repeat center top
}
.page-press-release {
z-index: auto
}
.page-press-release .jumbotron {
overflow: hidden;
position: relative
}
.page-press-release .jumbotron:after {
content: "";
display: block;
height: 1px;
position: absolute;
left: 55px;
right: 55px;
bottom: 0;
z-index: -2;
background: #ccc
}
@media (max-width:1023px) {
.page-press-release .jumbotron {
border-bottom: 1px solid #ccc
}
.page-press-release .jumbotron:after {
content: none
}
}
.page-press-release .jumbotron .jumbotron-image {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
object-fit: cover
}
@media (max-width:1023px) {
.page-press-release .jumbotron .jumbotron-image {
width: auto;
max-width: 1024px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.page-press-release .jumbotron .jumbotron-content {
padding: 113px 20.5% 50px;
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
letter-spacing: -.19px;
color: #fff;
background: rgba(0, 0, 0, .3);
position: relative
}
@media (max-width:1023px) {
.page-press-release .jumbotron .jumbotron-content {
padding: 85px 20px 20px;
font-size: 16px;
line-height: 1.875
}
}
.page-press-release .jumbotron .date {
display: block;
margin-bottom: 2.25em;
font: 16px "walirides", Arial, sans-serif;
letter-spacing: -.16px
}
@media (max-width:1023px) {
.page-press-release .jumbotron .date {
margin-bottom: 1.75em;
font-size: 14px;
letter-spacing: -.14px
}
}
.page-press-release .jumbotron h1,
.page-press-release .jumbotron .h1 {
margin-bottom: .66em;
font-size: 50px;
line-height: 1.32;
letter-spacing: -.5px;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22)
}
@media (max-width:1023px) {
.page-press-release .jumbotron h1,
.page-press-release .jumbotron .h1 {
margin-bottom: 1em;
font-size: 26px;
line-height: 1.5;
letter-spacing: -.3px
}
}
.page-press-release .jumbotron p {
margin: 0;
text-shadow: 0 2px 11px 0 rgba(0, 0, 0, .5)
}
.page-press-release .jumbotron .buttons {
margin: 70px 0 24px
}
@media (max-width:1023px) {
.page-press-release .jumbotron .buttons {
margin: 0
}
}
.page-press-release .jumbotron .buttons .btn,
.page-press-release .jumbotron .buttons .button,
.page-press-release .jumbotron .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-press-release .jumbotron .buttons .ticket-dropbtn {
margin-left: 10px;
margin-right: 10px;
font-size: 16px
}
@media (max-width:1023px) {
.page-press-release .jumbotron .buttons .btn,
.page-press-release .jumbotron .buttons .button,
.page-press-release .jumbotron .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-press-release .jumbotron .buttons .ticket-dropbtn {
margin: 12px 0
}
}
.page-press-release .jumbotron .btn-back {
position: absolute;
top: 39px;
left: 56px;
z-index: 3
}
@media (max-width:1023px) {
.page-press-release .jumbotron .btn-back {
top: 30px;
left: 20px
}
}
.page-press-release .jumbotron .skew-bg {
top: -140px
}
.page-press-release .jumbotron .skew-bg .inner-bg-wrap {
transform-origin: 0 100%;
transform: skewY(-1.6deg)
}
@media (max-width:1023px) {
.page-press-release .jumbotron .skew-bg .inner-bg-wrap {
transform: skewY(-3.6deg)
}
}
@media (max-width:767px) {
.page-press-release .jumbotron .skew-bg .inner-bg-wrap {
transform: skewY(-6.6deg)
}
}
.page-press-release .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform-origin: 0 100%;
transform: skewY(1.6deg)
}
@media (max-width:1023px) {
.page-press-release .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(3.6deg)
}
}
@media (max-width:767px) {
.page-press-release .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(6.6deg)
}
}
.page-press-release .jumbotron+.block-cards {
margin: -33px 0 0;
z-index: 9
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item {
margin-top: 25px;
line-height: 1.75
}
@media (min-width:768px) and (max-width:900px) {
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item {
margin-top: 40px
}
}
@media (min-width:901px) and (max-width:1023px) {
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item {
margin-top: 50px
}
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item .bg:before {
transform-origin: 0 0;
transform: skewY(-2deg)
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item .bg:after {
transform-origin: 0 100%;
transform: skewY(2deg)
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item:nth-child(2n) .bg:before {
transform-origin: 100% 0;
transform: skewY(2deg)
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item:nth-child(2n) .bg:after {
transform-origin: 100% 100%;
transform: skewY(-2deg)
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item .inner {
padding-top: 35px;
padding-right: 30px;
padding-left: 30px
}
@media (max-width:1023px) {
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item .inner {
padding: 43px 20px 37px
}
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item h2,
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item .h2 {
height: auto;
margin-bottom: 1em
}
@media (max-width:1023px) {
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item p {
display: block
}
}
.page-press-release .jumbotron+.block-cards .cards-wrap .card-item .icon {
width: 50px;
height: 50px;
margin-bottom: 28px
}
@media (min-width:1024px) {
.page-press-release .block-cards.has-cards-info .cards-wrap .card-item .inner {
padding-bottom: 45px
}
.page-press-release .block-cards.has-cards-info .cards-wrap .card-item .more {
bottom: 20px
}
}
.page-press {
z-index: auto
}
.page-press .jumbotron {
overflow: hidden;
position: relative
}
.page-press .jumbotron .jumbotron-image {
display: block;
width: 100%;
min-height: 395px
}
@media (max-width:1023px) {
.page-press .jumbotron .jumbotron-image {
width: auto;
max-width: 1024px;
height: 490px;
min-height: 0;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
object-fit: cover
}
}
.page-press .jumbotron .jumbotron-content {
display: flex;
width: 100%;
height: 100%;
padding: 0 19.5%;
position: absolute;
top: 0;
left: 0;
color: #fff;
flex-flow: column;
justify-content: center;
text-align: center;
background: rgba(0, 0, 0, .3);
text-shadow: 0 2px 11px rgba(0, 0, 0, .5);
font: 400 20px/1.5 "walirides", Arial, sans-serif;
letter-spacing: -.19px
}
.page-press .jumbotron .jumbotron-content>div {
max-height: 100%;
overflow: hidden
}
@media (max-width:1023px) {
.page-press .jumbotron .jumbotron-content {
padding: 0 20px;
font-size: 16px;
font-weight: 700;
line-height: 1.56
}
}
.page-press .jumbotron h1,
.page-press .jumbotron .h1 {
margin-bottom: .3em;
font-size: 60px;
line-height: 1.13;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22);
letter-spacing: -.6px;
color: inherit
}
@media (max-width:1023px) {
.page-press .jumbotron h1,
.page-press .jumbotron .h1 {
margin-bottom: .6em;
font-size: 30px;
line-height: 1.5;
letter-spacing: -.3px
}
}
.page-press .jumbotron p {
max-width: 585px;
margin: 0 auto
}
@media (max-width:1023px) {
.page-press .jumbotron p {
max-width: none
}
}
.page-press .jumbotron .btn-back {
position: absolute;
top: 30px;
left: 20px;
z-index: 3
}
.page-press .jumbotron .skew-bg {
top: -140px
}
.page-press .jumbotron .skew-bg .inner-bg-wrap {
transform-origin: 0 100%;
transform: skewY(-1.6deg)
}
@media (max-width:1023px) {
.page-press .jumbotron .skew-bg .inner-bg-wrap {
transform: skewY(-3.6deg)
}
}
@media (max-width:767px) {
.page-press .jumbotron .skew-bg .inner-bg-wrap {
transform: skewY(-6.6deg)
}
}
.page-press .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform-origin: 0 100%;
transform: skewY(1.6deg)
}
@media (max-width:1023px) {
.page-press .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(3.6deg)
}
}
@media (max-width:767px) {
.page-press .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(6.6deg)
}
}
.page-press .jumbotron+.block-cards {
margin: -33px 0 0;
z-index: 110
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item {
margin-top: 25px;
line-height: 1.75
}
@media (min-width:768px) and (max-width:900px) {
.page-press .jumbotron+.block-cards .cards-wrap .card-item {
margin-top: 40px
}
}
@media (min-width:901px) and (max-width:1023px) {
.page-press .jumbotron+.block-cards .cards-wrap .card-item {
margin-top: 50px
}
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item .bg:before {
transform-origin: 0 0;
transform: skewY(-2deg)
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item .bg:after {
transform-origin: 0 100%;
transform: skewY(2deg)
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item:nth-child(2n) .bg:before {
transform-origin: 100% 0;
transform: skewY(2deg)
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item:nth-child(2n) .bg:after {
transform-origin: 100% 100%;
transform: skewY(-2deg)
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item .inner {
padding-top: 35px;
padding-right: 30px;
padding-left: 30px
}
@media (max-width:1023px) {
.page-press .jumbotron+.block-cards .cards-wrap .card-item .inner {
padding: 43px 20px 37px
}
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item h2,
.page-press .jumbotron+.block-cards .cards-wrap .card-item .h2 {
height: auto;
margin-bottom: 1em
}
@media (max-width:1023px) {
.page-press .jumbotron+.block-cards .cards-wrap .card-item p {
display: block
}
}
.page-press .jumbotron+.block-cards .cards-wrap .card-item .icon {
width: 50px;
height: 50px;
margin-bottom: 28px
}
.page-services {
z-index: auto
}
.page-services .jumbotron {
overflow: hidden;
position: relative
}
.page-services .jumbotron .jumbotron-image {
display: block;
width: 100%;
min-height: 395px
}
@media (max-width:1023px) {
.page-services .jumbotron .jumbotron-image {
width: auto;
max-width: 1024px;
height: 490px;
min-height: 0;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
object-fit: cover
}
}
.page-services .jumbotron .jumbotron-content {
display: flex;
width: 100%;
height: 100%;
padding: 35px 19.5% 0;
position: absolute;
top: 0;
left: 0;
color: #fff;
flex-flow: column;
justify-content: center;
text-align: center;
background: rgba(0, 0, 0, .3);
text-shadow: 0 2px 11px rgba(0, 0, 0, .5);
font: 400 20px/1.5 "walirides", Arial, sans-serif;
letter-spacing: -.19px
}
.page-services .jumbotron .jumbotron-content>div {
max-height: 100%;
overflow: hidden
}
@media (max-width:1023px) {
.page-services .jumbotron .jumbotron-content {
padding: 0 20px;
font-size: 16px;
font-weight: 700;
line-height: 1.56
}
}
.page-services .jumbotron h1,
.page-services .jumbotron .h1 {
margin-bottom: .3em;
font-size: 60px;
line-height: 1.13;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22);
letter-spacing: -.6px;
color: inherit
}
@media (max-width:1023px) {
.page-services .jumbotron h1,
.page-services .jumbotron .h1 {
margin-bottom: .6em;
font-size: 30px;
line-height: 1.5;
letter-spacing: -.3px
}
}
.page-services .jumbotron p {
max-width: 585px;
margin: 0 auto
}
@media (max-width:1023px) {
.page-services .jumbotron p {
max-width: none
}
}
.page-services .jumbotron .btn-back {
position: absolute;
top: 30px;
left: 20px;
z-index: 3
}
.page-services .jumbotron .skew-bg {
top: -140px
}
.page-services .jumbotron .skew-bg .inner-bg-wrap {
transform-origin: 0 100%;
transform: skewY(-1.6deg)
}
@media (max-width:1023px) {
.page-services .jumbotron .skew-bg .inner-bg-wrap {
transform: skewY(-3.6deg)
}
}
@media (max-width:767px) {
.page-services .jumbotron .skew-bg .inner-bg-wrap {
transform: skewY(-6.6deg)
}
}
.page-services .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform-origin: 0 100%;
transform: skewY(1.6deg)
}
@media (max-width:1023px) {
.page-services .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(3.6deg)
}
}
@media (max-width:767px) {
.page-services .jumbotron .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(6.6deg)
}
}
.village-detail__text-block {
padding: 50px 240px;
font-size: 14px;
line-height: 22px
}
@media (max-width:1025px) {
.village-detail__text-block {
padding: 0 75px 50px
}
}
@media (max-width:1023px) {
.village-detail__text-block {
padding: 15px 0
}
}
.village-detail__text-block p {
margin: 0
}
.village-detail__text-block-text {
line-height: 25px;
margin-bottom: 39px
}
@media (max-width:1023px) {
.village-detail__text-block-text {
line-height: 20px;
margin-bottom: 27px
}
}
@media (max-width:1023px) {
.village-detail__text-block {
padding: 45px 15px
}
}
.village-detail__text-block .block-title {
font-size: 30px;
font-weight: 700;
letter-spacing: -.29px;
line-height: 48px;
text-transform: uppercase;
margin-bottom: 25px
}
@media (max-width:1023px) {
.village-detail__text-block .block-title {
font-size: 25px;
letter-spacing: -.24px
}
}
.village-detail__zoover {
margin-right: 10px
}
@media (max-width:767px) {
.village-detail__zoover {
display: none
}
}
@media (max-width:767px) {
.village-detail__tripadvisor {
display: none
}
}
.village-detail-zoover,
.village-detail-tripadvisor {
height: 40px;
width: 130px;
position: relative;
padding-left: 40px
}
.village-detail-zoover a,
.village-detail-tripadvisor a {
text-decoration: none
}
@media (max-width:1023px) {
.village-detail-zoover,
.village-detail-tripadvisor {
display: none
}
}
.village-detail-zoover__icon,
.village-detail-tripadvisor__icon {
position: absolute;
height: 40px;
width: 40px;
top: 0;
left: 0
}
.village-detail-zoover__icon .svg-icon,
.village-detail-tripadvisor__icon .svg-icon {
margin: 0 auto
}
.village-detail-zoover__value,
.village-detail-tripadvisor__value {
line-height: 40px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 14px
}
.village-detail-zoover {
background-color: #ca5d1b
}
.village-detail-zoover__icon {
background-color: #f87f00
}
.village-detail-zoover__icon .svg-icon {
width: 19px
}
.village-detail-tripadvisor {
background-color: #386a32
}
.village-detail-tripadvisor__icon {
background-color: #3b8e32
}
.village-detail-tripadvisor__icon .svg-icon {
width: 25px
}
.village-detail-surrounds {
padding: 35px 0 94px;
margin: 0 auto;
min-height: 500px
}
@media (max-width:767px) {
.village-detail-surrounds {
text-align: center;
min-height: auto
}
}
.village-detail-surrounds h2,
.village-detail-surrounds .h2 {
color: #384550;
font-family: "walirides", Arial, sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -.29px;
line-height: 48px;
margin-bottom: 17px
}
.village-detail-surrounds__text {
color: #384550;
font-family: "Futura-Book", "Futura", Arial, sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: -.14px;
line-height: 25px;
max-width: 900px;
margin: 0 auto 39px;
text-align: center
}
.village-detail-facilities {
padding: 75px 0 30px;
margin: 40px auto;
position: relative
}
@media (max-width:1023px) {
.village-detail-facilities {
padding: 41px 0 100px
}
}
.village-detail-facilities__bg {
position: absolute;
background-color: #384550;
z-index: 0;
transform: skewY(-1deg);
width: 100%;
height: 100%;
top: 0;
left: 0
}
@media (max-width:1023px) {
.village-detail-facilities__bg {
transform: none
}
}
.village-detail-facilities .block-title {
color: #fff;
font-family: "walirides", Arial, sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: -.44px;
line-height: 48px;
margin-bottom: 40px;
position: relative
}
@media (max-width:767px) {
.village-detail-facilities .block-title {
font-size: 20px;
line-height: 24px;
margin-bottom: 22px
}
}
.village-homepage-facilities {
background-color: #384550;
padding: 40px 0 57px;
margin: 50px 0;
display: inline-block;
width: 100%;
min-height: 500px
}
@media (max-width:1023px) {
.village-homepage-facilities {
padding: 35px 0 13px;
margin: 25px 0;
min-height: auto
}
}
.village-homepage-facilities h2,
.village-homepage-facilities .h2 {
margin: 0 auto 18px;
color: #fff;
letter-spacing: -.29px;
font: 30px/48px "walirides", Arial, sans-serif;
max-width: 550px
}
@media (max-width:1023px) {
.village-homepage-facilities h2,
.village-homepage-facilities .h2 {
font-size: 20px;
line-height: 26px;
letter-spacing: -.19px;
margin-bottom: 17px
}
}
.village-homepage-facilities .village-detail-surrounds__text {
color: #fff;
margin: 0 auto 68px;
max-width: 770px;
letter-spacing: -.14px;
text-align: center;
font: 14px/25px "Futura-Book", "Futura", Arial, sans-serif
}
@media (max-width:1023px) {
.village-homepage-facilities .village-detail-surrounds__text {
line-height: 20px;
margin-bottom: 41px
}
}
.village-homepage-facilities .block-surrounds-widget .card {
width: 350px;
padding: 0 40px;
margin-bottom: 70px
}
.village-homepage-facilities .block-surrounds-widget .card:hover {
transform: none
}
.village-homepage-facilities .block-surrounds-widget .card:focus {
outline: none
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget .card {
margin-bottom: 0;
width: 290px;
padding: 0 10px
}
}
.village-homepage-facilities .block-surrounds-widget .card .card-container {
left: 40px;
right: 40px
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget .card .card-container {
left: 10px;
right: 10px
}
}
.village-homepage-facilities .block-surrounds-widget .card .card-container:after {
display: none;
border: none
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget .card .card-container:after {
display: block;
transform: skewY(5deg)
}
}
.village-homepage-facilities .block-surrounds-widget .card .card-container .inner {
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
border: none
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget .card .card-container .inner {
box-shadow: none
}
}
.village-homepage-facilities .block-surrounds-widget .card .card-container .image {
height: 165px
}
.village-homepage-facilities .block-surrounds-widget .card .card-container .image .img-container {
transform: none;
width: 100%;
left: 0;
right: 0;
min-height: 165px
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget .card .card-container .image .img-container {
transform: skewY(-5deg);
min-height: 169px
}
}
.village-homepage-facilities .block-surrounds-widget .card .card-content {
padding: 184px 0 25px
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget .card .card-content {
padding: 172px 0 8px
}
}
.village-homepage-facilities .block-surrounds-widget .card .card-content .content .card-categories .icon {
height: 20px;
margin-bottom: 8px
}
.village-homepage-facilities .block-surrounds-widget .card-text {
font-weight: 500
}
.village-homepage-facilities .block-surrounds-widget .slick-track {
padding: 26px 0
}
@media (max-width:1023px) {
.village-homepage-facilities .block-surrounds-widget__slider.slick-slider {
padding-bottom: 82px
}
}
@media (max-width:1023px) {
.village-homepage-facilities .btn,
.village-homepage-facilities .button,
.village-homepage-facilities .block-contact-form form .button,
.block-contact-form form .village-homepage-facilities .button,
.village-homepage-facilities .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .village-homepage-facilities .ticket-dropbtn {
margin-top: 37px;
min-width: 195px
}
}
.body-entertainment_list .page .jumbotron {
z-index: 1
}
.body-entertainment_list .page .jumbotron .pattern-overlay {
background: transparent url(../images/pattern-overlay.png) no-repeat top/100%;
top: 0;
transform: none
}
.page-editorial .jumbotron.jumbotron--type-1 {
overflow: visible;
margin-bottom: 100px
}
.page-editorial .jumbotron.jumbotron--type-1 .skew-bg {
top: 0;
overflow: hidden
}
.page-editorial .jumbotron.jumbotron--type-1 .skew-bg .inner-bg {
background: transparent url(../images/editoral-overlay.svg);
height: 150px;
top: 50px;
background-size: 50%;
background-position: left 5%
}
@media (max-width:1023px) {
.page-editorial .jumbotron.jumbotron--type-1 .skew-bg .inner-bg {
top: 0;
background-size: 100%
}
}
@media (max-width:767px) {
.page-editorial .jumbotron.jumbotron--type-1 .skew-bg .inner-bg {
background-size: 140%;
background-position: -12% 3%
}
}
.page-editorial .jumbotron.jumbotron--type-1 .skew-bg .inner-bg-wrap {
height: 94px
}
@media (max-width:767px) {
.page-editorial .jumbotron.jumbotron--type-1 .skew-bg .inner-bg-wrap {
height: 70px
}
}
.page-editorial .jumbotron.jumbotron--type-1 .christmas-decor {
bottom: 90px
}
.page-editorial .jumbotron.jumbotron--type-1 .btn-back {
z-index: 3
}
.block-advantages {
padding: 40px 0;
color: #000
}
@media (max-width:1023px) {
.block-advantages {
padding-bottom: 0
}
}
.block-advantages h2,
.block-advantages .h2 {
margin-bottom: .875em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-advantages h2,
.block-advantages .h2 {
margin-bottom: .83em;
text-align: center
}
}
.block-advantages h3,
.block-advantages .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-advantages h3,
.block-advantages .h3 {
margin-bottom: .89em
}
}
.block-advantages .content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0 55px
}
@media (max-width:1023px) {
.block-advantages .content {
display: block;
padding: 0 20px
}
}
.block-advantages .text {
max-width: 345px
}
@media (max-width:1023px) {
.block-advantages .text {
max-width: none
}
}
.block-advantages .advantages-items {
max-width: 340px;
margin-top: 2em
}
@media (max-width:1023px) {
.block-advantages .advantages-items {
max-width: none;
margin-top: 1em
}
}
.block-advantages .advantages-items .advantage-item {
margin-bottom: 20px;
color: #828282
}
.block-advantages .advantages-items .advantage-item h4,
.block-advantages .advantages-items .advantage-item .h4 {
margin-bottom: .5em;
font-size: 14px;
letter-spacing: -.14px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-advantages .advantages-items .advantage-item h4,
.block-advantages .advantages-items .advantage-item .h4 {
margin-bottom: 1em;
font-weight: 500
}
}
.block-advantages .advantages-items .advantage-item .advantage-content {
padding: 8px 15px;
border: 1px solid #c0cbdf;
border-radius: 5px;
font-size: 14px;
line-height: 1.42;
letter-spacing: -.14px
}
.block-advantages .advantages-items .advantage-item .advantage-content p {
margin: 0
}
.block-advantages .image {
max-width: 54.69%;
margin-right: -55px;
position: relative;
overflow: hidden
}
.block-advantages .image:before {
content: "";
display: block;
width: 100px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: #fff;
transform-origin: 100% 100%;
transform: translateX(-100%) skewX(-5.25deg)
}
@media (max-width:1023px) {
.block-advantages .image {
max-width: none;
margin: 38px -20px 0
}
.block-advantages .image:before {
content: none
}
}
.block-advantages .image img {
display: block;
height: 810px;
object-fit: cover
}
@media (max-width:1023px) {
.block-advantages .image img {
width: 100%;
height: auto;
transform: none
}
}
.page-homepage .block-advantages .image:before {
background-color: #fafafa
}
.theme-aqualibi .block-advantages h2,
.theme-aqualibi .block-advantages .h2 {
color: #13b5ea
}
.theme-aqualibi .block-advantages .advantages-items .advantage-item h4,
.theme-aqualibi .block-advantages .advantages-items .advantage-item .h4 {
color: #13b5ea
}
.block-article-entertainment-new {
position: relative
}
@media (min-width:1024px) {
.block-article-entertainment-new {
display: flex;
align-items: flex-start
}
.block-article-entertainment-new:before {
content: '';
display: block;
width: 331px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-right: 1px solid #e5e5e5;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06)
}
}
.block-article-entertainment-new .entertainment-universe {
display: block;
margin-bottom: .78em;
font: 700 14px "walirides", Arial, sans-serif;
text-transform: uppercase
}
.block-article-entertainment-new .entertainment-name {
margin-bottom: .7em;
color: #f81700;
font-weight: 700;
text-transform: uppercase
}
.block-article-entertainment-new .entertainment-type {
display: block;
margin-bottom: 1.25em;
line-height: normal
}
.block-article-entertainment-new .entertainment-categories {
margin-bottom: 1.57em;
padding: 0;
list-style: none;
font: 19px "walirides", Arial, sans-serif;
color: #b6b6b6
}
.block-article-entertainment-new .entertainment-categories li {
margin-bottom: 1em;
display: flex;
align-items: flex-start
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-categories li {
justify-content: center
}
}
.block-article-entertainment-new .entertainment-categories li .icon {
width: 23px;
height: 23px;
margin-right: 14px;
flex: 0 0 23px
}
.block-article-entertainment-new .entertainment-categories li .icon .svg-icon {
fill: #f81700
}
.block-article-entertainment-new .entertainment-categories li .icon .svg-icon-stroke {
fill-opacity: 0;
stroke: #f81700
}
.block-article-entertainment-new .entertainment-categories li[style] .icon .svg-icon {
fill: currentColor
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-categories li[style] .icon .svg-icon {
fill: #fff
}
}
.block-article-entertainment-new .entertainment-categories li[style] .icon .svg-icon-stroke {
stroke: currentColor
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-categories li[style] .icon .svg-icon-stroke {
stroke: #fff
}
}
.block-article-entertainment-new .entertainment-categories li[style] span {
color: #b6b6b6
}
.block-article-entertainment-new .entertainment-services {
display: flex;
padding: 0;
list-style: none;
text-align: center;
font: 12px/1.5 "walirides", Arial, sans-serif;
margin: 0 -10px
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-services {
position: relative;
min-height: 150px
}
}
.block-article-entertainment-new .entertainment-services li {
min-width: 70px;
margin: 0 10px;
position: relative;
cursor: pointer
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-services li {
position: unset
}
}
.block-article-entertainment-new .entertainment-services li .icon {
width: 60px;
height: 60px;
margin: 0 auto 15px;
position: relative;
border-radius: 50%;
background: #f81700
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-services li .icon:before {
content: '';
position: absolute;
top: -17px;
bottom: auto;
left: 50%;
transform: translate(-50%, 0) rotate(180deg);
width: 0;
height: 0;
border-style: solid;
border-width: 0 17.5px 15px;
border-color: transparent transparent #fff;
filter: drop-shadow(0px -10px 7px rgba(0, 0, 0, .3));
z-index: 2;
opacity: 0;
transition: .4s
}
}
.block-article-entertainment-new .entertainment-services li .icon .svg-icon {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: #fff
}
.block-article-entertainment-new .entertainment-services li .icon .svg-icon.svg-icon-camera {
width: 26px;
height: 21px
}
.block-article-entertainment-new .entertainment-services li .icon .svg-icon.svg-icon-baby-stroller {
width: 26px;
height: 28px
}
.block-article-entertainment-new .entertainment-services li .icon .svg-icon.svg-icon-woman-baby-stroller {
width: 30px;
height: 30px
}
.block-article-entertainment-new .entertainment-services li .hidden-info {
position: absolute;
top: 80px;
left: 100%;
transform: translate(-50%, 0);
opacity: 0;
transition: .4s;
visibility: hidden;
backface-visibility: hidden;
display: block;
background-color: #fff;
border-radius: 50%;
box-shadow: -1px 2px 15px 0px rgba(0, 0, 0, .4);
padding: 10px 15px;
width: 250px;
border-radius: 15px;
text-align: left;
z-index: 1;
color: #000
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-services li .hidden-info {
top: auto;
bottom: 167px;
width: 320px;
left: 50%;
transform: translate(-50%, 0)
}
}
.block-article-entertainment-new .entertainment-services li .hidden-info:before {
content: '';
position: absolute;
top: -15px;
left: 73px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 17.5px 15px;
border-color: transparent transparent #fff;
filter: drop-shadow(0px -10px 7px rgba(0, 0, 0, .3))
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-services li .hidden-info:before {
display: none
}
}
.block-article-entertainment-new .entertainment-services li .hidden-info .title {
font-size: 16px;
font-weight: 700
}
.block-article-entertainment-new .entertainment-services li .hidden-info .text {
font-size: 12px;
margin: 4px 0 0
}
.block-article-entertainment-new .entertainment-services li .hidden-info .link {
float: right;
margin: 8px 0 0;
color: #f81700;
font-weight: 700;
text-decoration: none;
font-size: 16px;
text-align: right
}
.block-article-entertainment-new .entertainment-services li .hidden-info .link:after {
content: '>';
font-size: 28px;
text-align: center;
color: #fff;
width: 20px;
height: 20px;
background-color: #f81700;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
line-height: 17px;
margin: 0 0 0 5px;
padding: 0 0 0 1px
}
@media (min-width:1025px) {
.block-article-entertainment-new .entertainment-services li:hover .hidden-info {
opacity: 1;
visibility: visible;
backface-visibility: visible
}
}
.block-article-entertainment-new .entertainment-services li.active .hidden-info {
opacity: 1;
visibility: visible;
backface-visibility: visible
}
@media (max-width:1024px) {
.block-article-entertainment-new .entertainment-services li.active .icon:before {
opacity: 1
}
}
.block-article-entertainment-new .entertainment-properties {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
line-height: normal
}
.block-article-entertainment-new .entertainment-properties .value {
font-size: 20px;
line-height: 1;
text-transform: uppercase;
letter-spacing: -1px
}
.block-article-entertainment-new .entertainment-properties .suffix {
font-size: 12px;
text-transform: uppercase
}
.block-article-entertainment-new .entertainment-properties dt,
.block-article-entertainment-new .entertainment-properties dd {
margin-bottom: 17px
}
.block-article-entertainment-new .entertainment-properties dt:last-of-type,
.block-article-entertainment-new .entertainment-properties dd:last-of-type {
margin-bottom: 0
}
.block-article-entertainment-new .entertainment-properties dt {
width: 50%
}
.block-article-entertainment-new .entertainment-properties dd {
width: 50%;
text-align: right;
font: 16px "walirides", Arial, sans-serif;
color: #f81700
}
.block-article-entertainment-new .entertainment-properties dd .toggle-more {
text-decoration: none;
color: inherit;
position: relative
}
.block-article-entertainment-new .entertainment-properties dd .toggle-more .arrow {
display: inline-block;
width: 8px;
height: 6px;
margin-left: 4px;
vertical-align: baseline;
position: absolute;
top: 8px
}
.block-article-entertainment-new .entertainment-properties dd .toggle-more[aria-expanded=true] .arrow {
transform: rotate(180deg)
}
.block-article-entertainment-new .entertainment-properties dd.more {
width: 100%;
flex: 1 0 auto;
margin: 0 -40px 20px;
font: 300 14px/1.78 "Futura", Arial, sans-serif;
text-align: left;
color: #384550
}
@media (max-width:1023px) {
.block-article-entertainment-new .entertainment-properties dd.more {
margin-right: -30px;
margin-left: -30px
}
}
.block-article-entertainment-new .entertainment-properties dd.more .inner {
padding: 20px 40px
}
.block-article-entertainment-new .entertainment-properties.simple dt {
width: 33%
}
.block-article-entertainment-new .entertainment-properties.simple dd {
width: 67%;
font-size: 12px;
line-height: 1.5
}
.block-article-entertainment-new .block-min-size-info {
margin-bottom: 27px
}
.block-article-entertainment-new .entertainment-accessibility {
padding: 0;
list-style: none;
font-size: 12px;
line-height: 1.5
}
.block-article-entertainment-new .entertainment-accessibility li {
display: flex;
margin-bottom: 1.25em;
align-items: center
}
.block-article-entertainment-new .entertainment-accessibility li:last-child {
margin-bottom: 0
}
.block-article-entertainment-new .entertainment-accessibility li .icon {
flex: none;
width: 46px;
height: 46px;
margin-right: 16px;
position: relative;
border-radius: 50%;
background-color: #b6b6b6
}
.block-article-entertainment-new .entertainment-accessibility li .icon .svg-icon {
width: 23px;
height: 23px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: #fff
}
.block-article-entertainment-new .entertainment-promo-table {
margin-bottom: 17px;
width: 100%;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
font: 11px/1.27 "walirides", Arial, sans-serif;
letter-spacing: -.1px;
text-align: left;
color: #384550
}
.block-article-entertainment-new .entertainment-promo-table .price {
display: block;
font: 700 14px/1.25 "walirides", Arial, sans-serif;
color: #f81700
}
.block-article-entertainment-new .entertainment-promo-table .price-old {
font-size: 12px;
color: #dadada
}
.block-article-entertainment-new .entertainment-promo-table .price-old span {
position: relative
}
.block-article-entertainment-new .entertainment-promo-table .price-old span:after {
content: "";
display: block;
width: 130%;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-20deg);
background: rgba(0, 0, 0, .25)
}
.block-article-entertainment-new .entertainment-promo-table th,
.block-article-entertainment-new .entertainment-promo-table td {
padding: 10px;
vertical-align: middle;
border: 1px solid #e0e0e0
}
.block-article-entertainment-new .entertainment-promo-table th {
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-size: 19px
}
.block-article-entertainment-new .entertainment-promo-table td:last-child {
padding-left: 20px;
text-align: right
}
.block-article-entertainment-new .article-sidebar {
display: none;
position: relative;
background: #fff;
z-index: 2
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar {
min-height: 62px;
margin-top: -62px
}
}
@media (min-width:1024px) {
.block-article-entertainment-new .article-sidebar {
display: block;
width: 330px
}
}
.block-article-entertainment-new .article-sidebar .sidebar-toggle {
display: none;
padding: 14px 60px 14px 30px;
position: relative;
font-size: 18px;
font-weight: 700;
color: #f81700;
text-decoration: none;
border-bottom: 1px solid #e5e5e5;
min-height: 62px
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar .sidebar-toggle {
display: block
}
}
.block-article-entertainment-new .article-sidebar .sidebar-toggle .arrow {
width: 11px;
height: 6px;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
fill: #6b7d8d
}
.block-article-entertainment-new .article-sidebar .sidebar-toggle[aria-expanded=true] .arrow {
transform: translateY(-50%) rotate(180deg)
}
.block-article-entertainment-new .article-sidebar h2,
.block-article-entertainment-new .article-sidebar .h2,
.block-article-entertainment-new .article-sidebar h1,
.block-article-entertainment-new .article-sidebar .h1 {
margin-bottom: 1.15em;
font: 19px "walirides", Arial, sans-serif
}
.block-article-entertainment-new .article-sidebar .btn,
.block-article-entertainment-new .article-sidebar .button,
.block-article-entertainment-new .article-sidebar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment-new .article-sidebar .ticket-dropbtn {
min-width: 198px;
font-size: 18px
}
.block-article-entertainment-new .article-sidebar .btn.btn-circle,
.block-article-entertainment-new .article-sidebar .btn-circle.button,
.block-article-entertainment-new .article-sidebar .block-prices .ticket-dropdown .btn-circle.ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment-new .article-sidebar .btn-circle.ticket-dropbtn {
min-width: 0
}
.block-article-entertainment-new .article-sidebar .btn-reserve {
padding-right: 24px;
padding-left: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, .19)
}
.block-article-entertainment-new .article-sidebar .btn-reserve .icon {
width: 24px;
height: 21px;
margin-right: 4px;
vertical-align: -2px
}
.block-article-entertainment-new .article-sidebar .link {
font-weight: 500;
text-decoration: underline;
letter-spacing: -.16px;
color: inherit
}
.dj-no-touch .block-article-entertainment-new .article-sidebar .link:hover,
.dj-no-touch .block-article-entertainment-new .article-sidebar .link:focus {
text-decoration: none
}
.block-article-entertainment-new .article-sidebar .entertainment-name {
margin-bottom: .5em;
font-weight: 700
}
@media (min-width:1024px) {
.block-article-entertainment-new .article-sidebar #sidebar-content {
display: block
}
}
.block-article-entertainment-new .article-sidebar .sidebar-block {
padding: 25px 40px;
border-bottom: 2px dashed #e9e9e9
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar .sidebar-block {
padding-right: 30px;
padding-left: 30px
}
}
@media (min-width:1024px) {
.block-article-entertainment-new .article-sidebar .sidebar-block:last-child {
border-bottom: none
}
}
.block-article-entertainment-new .article-sidebar .sidebar-block>:last-child {
margin-bottom: 0
}
.block-article-entertainment-new .article-sidebar .sidebar-block.no-border {
border: none
}
.block-article-entertainment-new .article-sidebar .sidebar-block-controls {
display: flex;
justify-content: space-between;
padding-top: 14px;
padding-bottom: 14px;
background: #f81700 url(../images/pattern_entryworld_red.png);
border: none
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar .sidebar-block-controls {
display: none
}
}
.block-article-entertainment-new .article-sidebar .sidebar-block-controls .share {
margin: 0
}
.block-article-entertainment-new .article-sidebar .sidebar-block-controls .share li:last-child {
margin-right: 0
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar .sidebar-block-info {
display: none
}
}
.block-article-entertainment-new .article-sidebar .sidebar-block-buttons {
padding-left: 57px
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar .sidebar-block-buttons {
padding-left: 30px;
text-align: center
}
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-sidebar .sidebar-block-buttons .btn,
.block-article-entertainment-new .article-sidebar .sidebar-block-buttons .button,
.block-article-entertainment-new .article-sidebar .sidebar-block-buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment-new .article-sidebar .sidebar-block-buttons .ticket-dropbtn {
margin-top: 0
}
}
.block-article-entertainment-new .article-sidebar .sidebar-block-menu {
margin-top: 36px;
background: #f81700 url(../images/pattern_entryworld_red.png) center;
border: none;
color: #fff;
text-align: center
}
.block-article-entertainment-new .article-sidebar .sidebar-block-menu .entertainment-promo-table {
margin-top: -58px
}
.block-article-entertainment-new .article-sidebar .sidebar-block-menu .btn,
.block-article-entertainment-new .article-sidebar .sidebar-block-menu .button,
.block-article-entertainment-new .article-sidebar .sidebar-block-menu .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment-new .article-sidebar .sidebar-block-menu .ticket-dropbtn {
margin-bottom: .75em;
box-shadow: 0 6px 10px rgba(0, 0, 0, .08)
}
.block-article-entertainment-new .article-content {
z-index: 0;
position: relative
}
@media (min-width:1024px) {
.block-article-entertainment-new .article-content {
flex: 1;
overflow: hidden
}
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header {
min-height: 475px;
max-height: 475px
}
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header>img,
.block-article-entertainment-new .block-entertainment-header picture>img,
.block-article-entertainment-new .block-entertainment-header .video>img {
min-height: 475px;
height: auto
}
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header .video {
min-height: 475px;
max-height: 475px
}
}
.block-article-entertainment-new .block-entertainment-header h1,
.block-article-entertainment-new .block-entertainment-header .h1,
.block-article-entertainment-new .block-entertainment-header h2,
.block-article-entertainment-new .block-entertainment-header .h2 {
font-size: 85px;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header h1,
.block-article-entertainment-new .block-entertainment-header .h1,
.block-article-entertainment-new .block-entertainment-header h2,
.block-article-entertainment-new .block-entertainment-header .h2 {
margin-bottom: 1.5em;
font-size: 28px;
line-height: 1.5
}
}
.block-article-entertainment-new .block-entertainment-header .entertainment-universe {
display: none;
width: 100%;
padding: 12px 10px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, .53);
text-align: center;
color: #384550
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header .entertainment-universe {
display: block
}
}
.block-article-entertainment-new .block-entertainment-header .entertainment-categories {
display: none;
color: #fff
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header .entertainment-categories {
display: block
}
}
.block-article-entertainment-new .block-entertainment-header .entertainment-categories li .svg-icon {
margin-right: 6px
}
.block-article-entertainment-new .block-entertainment-header .entertainment-categories li[style] span {
color: #fff
}
.block-article-entertainment-new .block-entertainment-header .entertainment-services {
display: none;
justify-content: center
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header .entertainment-services {
display: flex
}
}
.block-article-entertainment-new .block-entertainment-header .content:before {
opacity: 1;
background-image: linear-gradient(215deg, rgba(0, 0, 0, .26) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .28) 100%, rgba(0, 0, 0, .28) 100%)
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header .content {
padding-top: 98px
}
.block-article-entertainment-new .block-entertainment-header .content:before {
opacity: .46;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%)
}
}
@media (min-width:1024px) {
.block-article-entertainment-new.has-sticky {
display: block
}
}
@media (min-width:1024px) {
.block-article-entertainment-new.has-sticky .article-sidebar {
position: absolute;
top: 0;
z-index: 2
}
}
@media (min-width:1024px) {
.block-article-entertainment-new.has-sticky .article-content {
margin-left: 330px
}
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-entertainment-header-slider {
padding-bottom: 62px
}
}
.block-article-entertainment-new .block-entertainment-header-slider .btn-back {
position: absolute;
top: 30px;
left: 20px;
z-index: 3;
display: none !important
}
@media (min-width:1024px) {
.block-article-entertainment-new .block-entertainment-header-slider .btn-back {
display: block
}
}
.block-article-entertainment-new .block-entertainment-header-slider .scroll-tip {
display: none;
width: 200px;
left: 0;
right: 0;
bottom: 73px;
font: 16px "walirides", Arial, sans-serif;
text-shadow: none
}
@media (min-width:1024px) {
.block-article-entertainment-new .block-entertainment-header-slider .scroll-tip {
display: block
}
}
.block-article-entertainment-new .article-description {
padding: 69px 0 10px
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-description {
padding-top: 37px
}
}
.block-article-entertainment-new .article-description .content {
padding: 0 124px
}
@media (max-width:1023px) {
.block-article-entertainment-new .article-description .content {
padding: 0 30px
}
}
.block-article-entertainment-new .block-paragraph {
padding: 10px 0 56px
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-paragraph {
padding-top: 37px
}
}
.block-article-entertainment-new .block-paragraph .content {
padding: 0 124px
}
@media (max-width:1023px) {
.block-article-entertainment-new .block-paragraph .content {
padding: 0 30px
}
}
@media (min-width:1024px) and (max-width:1200px) {
.block-article-entertainment-new .block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-content .ticket-title {
font-size: 16px
}
}
@media (min-width:1201px) {
.block-article-entertainment-new .block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-content .ticket-title {
font-size: 20px
}
}
@media (min-width:1024px) {
.block-article-entertainment-new .block-statistic .statistic-slider .item {
width: 160px;
margin-right: 5px;
padding-right: 15px;
padding-left: 15px
}
}
@media (min-width:1024px) {
.block-article-entertainment-new .block-statistic .statistic-slider .item .val {
font-size: 40px
}
}
.theme-aqualibi .block-article-entertainment-new .entertainment-name {
color: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .entertainment-categories li .svg-icon {
fill: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .entertainment-categories li .svg-icon-stroke {
stroke: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .entertainment-categories li[style] .svg-icon {
fill: currentColor
}
.theme-aqualibi .block-article-entertainment-new .entertainment-categories li[style] .svg-icon-stroke {
stroke: currentColor
}
.theme-aqualibi .block-article-entertainment-new .entertainment-services li .icon {
background: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .entertainment-properties dd {
color: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .entertainment-properties dd.more {
color: #384550
}
.theme-aqualibi .block-article-entertainment-new .entertainment-promo-table .price {
color: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .entertainment-promo-table .price-old {
color: #dadada
}
.theme-aqualibi .block-article-entertainment-new .article-sidebar .sidebar-toggle {
color: #13b5ea
}
.theme-aqualibi .block-article-entertainment-new .article-sidebar .sidebar-block-controls {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png")
}
.theme-aqualibi .block-article-entertainment-new .article-sidebar .sidebar-block-menu {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png")
}
.block-article-entertainment {
overflow: hidden
}
.block-article-entertainment .article-main {
overflow: hidden;
position: relative
}
.block-article-entertainment .block-entertainment-header .skew-bg {
bottom: -172px
}
@media (max-width:1023px) {
.block-article-entertainment .block-entertainment-header .skew-bg {
bottom: auto;
top: -140px
}
}
@media (max-width:1023px) {
.block-article-entertainment .block-entertainment-header .skew-bg .inner-bg-wrap {
transform: skewY(-3.6deg)
}
}
@media (max-width:767px) {
.block-article-entertainment .block-entertainment-header .skew-bg .inner-bg-wrap {
transform: skewY(-6.6deg)
}
}
@media (max-width:1023px) {
.block-article-entertainment .block-entertainment-header .skew-bg .inner-bg-wrap .inner-bg {
transform-origin: 0 100%;
transform: skewY(3.6deg)
}
}
@media (max-width:767px) {
.block-article-entertainment .block-entertainment-header .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(6.6deg)
}
}
.block-article-entertainment.has-video .content {
padding: 28px 200px 120px
}
@media (max-width:1023px) {
.block-article-entertainment.has-video .content {
padding: 190px 20px 90px
}
}
.block-article-entertainment.has-floating-section .block-entertainment-header .content {
padding-right: 170px;
padding-left: 306px
}
@media (max-width:1023px) {
.block-article-entertainment.has-floating-section .block-entertainment-header .content {
padding-right: 20px;
padding-left: 20px
}
}
.block-article-entertainment .btn-back {
position: absolute;
top: 30px;
left: 20px;
z-index: 3
}
.block-article-entertainment .info-buttons {
width: 100%;
padding: 0 20px;
position: absolute;
left: 0;
z-index: 3;
text-align: center
}
.block-article-entertainment .info-buttons.fixed {
position: fixed;
bottom: 88px
}
.block-article-entertainment .info-buttons.bottomed {
bottom: 28px
}
.block-article-entertainment .info-buttons .btn,
.block-article-entertainment .info-buttons .button,
.block-article-entertainment .info-buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment .info-buttons .ticket-dropbtn {
margin: 0
}
.block-article-entertainment .info-buttons .btn.btn-white,
.block-article-entertainment .info-buttons .button,
.block-article-entertainment .info-buttons .block-contact-form form .button,
.block-contact-form form .block-article-entertainment .info-buttons .button,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .block-article-entertainment .info-buttons .button,
.block-article-entertainment .info-buttons .block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .button,
.block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons .button,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-red,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons .btn.btn-red,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn-red.button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons .btn-red.button,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .block-article-entertainment .info-buttons .button.btn-book,
.block-article-entertainment .info-buttons .block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .button.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons .button.btn-book,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.button[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form .block-article-entertainment .info-buttons input.button[type=submit],
.block-article-entertainment .info-buttons .block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.button[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons input.button[type=submit],
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions input.btn[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions .block-article-entertainment .info-buttons input.btn[type=submit],
.block-article-entertainment .info-buttons .block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons input.btn[type=submit],
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .block-article-entertainment .info-buttons .btn.btn-book,
.block-article-entertainment .info-buttons .block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons .btn.btn-book,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .block-article-entertainment .info-buttons .ticket-dropbtn,
.block-article-entertainment .info-buttons .block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .ticket-dropbtn,
.block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons .ticket-dropbtn,
.block-article-entertainment .info-buttons .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.btn[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form .block-article-entertainment .info-buttons input.btn[type=submit],
.block-article-entertainment .info-buttons .block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-article-entertainment .info-buttons input.btn[type=submit],
.block-article-entertainment .info-buttons .block-prices .ticket-dropdown .btn-white.ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment .info-buttons .btn-white.ticket-dropbtn,
.block-article-entertainment .info-buttons .block-prices .ticket-dropdown .ticket-dropbtn.button,
.block-prices .ticket-dropdown .block-article-entertainment .info-buttons .ticket-dropbtn.button {
color: #384550 !important
}
.block-article-entertainment .info-buttons .btn.btn-show-article-info,
.block-article-entertainment .info-buttons .btn-show-article-info.button,
.block-article-entertainment .info-buttons .block-prices .ticket-dropdown .btn-show-article-info.ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment .info-buttons .btn-show-article-info.ticket-dropbtn {
display: inline-block;
width: auto;
min-width: 0;
padding-top: 5px;
padding-bottom: 4px
}
.block-article-entertainment .info-buttons .share {
margin: 0 0 0 10px;
vertical-align: middle;
display: none
}
.block-article-entertainment .info-buttons .share li {
margin: 0
}
.block-article-entertainment .characteristics-section {
position: absolute;
right: 35px;
bottom: -10px;
z-index: 3;
text-align: left
}
.block-article-entertainment .characteristics-section:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
transform-origin: 100% 0;
transform: skewX(6deg)
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section {
margin-bottom: 1.25em;
position: relative;
right: auto;
bottom: auto;
perspective: 500px
}
.block-article-entertainment .characteristics-section:before {
content: none
}
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .characteristics-wrap {
transform-origin: 100% 100%;
transform: rotateX(3deg) skewX(.85deg);
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff
}
}
.block-article-entertainment .characteristics-section .characteristics-wrap>.inner {
display: flex
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .characteristics-wrap>.inner {
display: block;
perspective: 500px
}
}
.block-article-entertainment .characteristics-section .title-wrap {
width: 142px;
margin-right: 25px;
padding: 20px 10px 10px 20px;
position: relative;
z-index: 1;
color: #fff;
text-align: center
}
@media (max-width:1279px) {
.block-article-entertainment .characteristics-section .title-wrap {
margin-right: 15px;
padding-right: 15px;
padding-left: 30px
}
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .title-wrap {
width: auto;
margin: 0;
padding: 20px 25px 14px;
text-align: left;
background: #f81700;
perspective: 500px
}
.block-article-entertainment .characteristics-section .title-wrap>.inner {
display: flex;
align-items: center;
transform-origin: 100% 100%;
transform: rotateX(-3deg) skewX(-.85deg)
}
}
.block-article-entertainment .characteristics-section .title-wrap .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #f81700;
transform-origin: 100% 0;
transform: skewX(6deg)
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .title-wrap .bg {
display: none
}
}
.block-article-entertainment .characteristics-section .title-wrap .svg-icon,
.block-article-entertainment .characteristics-section .title-wrap img {
display: block;
max-height: 45px;
margin: 0 auto 16px;
width: auto;
min-width: 0;
position: static
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .title-wrap .svg-icon,
.block-article-entertainment .characteristics-section .title-wrap img {
margin: 0 27px 20px
}
}
.block-article-entertainment .characteristics-section .title-wrap .svg-icon {
width: 45px;
fill: currentColor
}
.block-article-entertainment .characteristics-section .title-wrap .title {
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.43;
text-transform: uppercase;
letter-spacing: -.06px
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .title-wrap .title {
font-size: 18px
}
}
.block-article-entertainment .characteristics-section .items-wrap {
display: flex
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .items-wrap {
padding: 20px;
flex-wrap: wrap;
transform-origin: 100% 100%;
transform: rotateX(-3deg) skewX(-.85deg)
}
}
.block-article-entertainment .characteristics-section .items-wrap .item {
padding: 24px 35px 14px
}
@media (max-width:1279px) {
.block-article-entertainment .characteristics-section .items-wrap .item {
padding-right: 10px;
padding-left: 10px
}
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .items-wrap .item {
width: 50%;
padding: 0 5px 20px
}
}
.block-article-entertainment .characteristics-section .items-wrap .item .label-wrap {
padding-right: 30px;
position: relative
}
.block-article-entertainment .characteristics-section .items-wrap .item .label {
margin-bottom: 5px;
color: #384550;
font: 400 11px "walirides", Arial, sans-serif;
letter-spacing: -.1px
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .items-wrap .item .label {
height: 32px;
overflow: hidden;
font-size: 12px
}
}
.block-article-entertainment .characteristics-section .items-wrap .item .btn-i {
position: absolute;
top: 0;
right: 0
}
.block-article-entertainment .characteristics-section .items-wrap .item .val {
display: block;
color: #f81700;
font: 700 46px "walirides", Arial, sans-serif
}
@media (max-width:1279px) {
.block-article-entertainment .characteristics-section .items-wrap .item .val {
font-size: 42px
}
}
.block-article-entertainment .characteristics-section .items-wrap .item .val small,
.block-article-entertainment .characteristics-section .items-wrap .item .val .small {
font-size: .36em
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .items-wrap .item .val small,
.block-article-entertainment .characteristics-section .items-wrap .item .val .small {
font-size: .285em
}
}
.block-article-entertainment .characteristics-section .items-wrap .item .val-none {
font-size: 30px;
margin-top: 20px
}
@media (max-width:1023px) {
.block-article-entertainment .characteristics-section .items-wrap .item .val-none {
font-size: 32px;
margin-top: 15px
}
}
.block-article-entertainment .photo-sections-wrap {
position: relative;
z-index: 2
}
@media (min-width:1024px) {
.block-article-entertainment .photo-sections-wrap {
overflow: hidden
}
}
@media (min-width:1024px) {
.block-article-entertainment .photo-sections-wrap .photo-section {
margin-bottom: 20px;
transform-origin: 100% 0;
transform: skewY(2.5deg)
}
.block-article-entertainment .photo-sections-wrap .photo-section:last-child {
margin-bottom: -3.5%
}
.block-article-entertainment .photo-sections-wrap .photo-section_indent {
padding-left: 325px
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-grid {
display: flex;
flex-wrap: wrap;
margin: 0 -10px
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-grid .grid-col {
display: flex;
width: 50%;
padding: 0 10px;
flex-flow: column
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-grid .grid-col .grid-cell.full-height {
height: 100%
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-grid .grid-col .grid-cell.half-height {
height: 50%;
padding-bottom: 10px
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-grid .grid-col .grid-cell.half-height+.half-height {
padding-top: 10px;
padding-bottom: 0
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-grid .grid-col .grid-cell img {
height: 100%
}
}
.block-article-entertainment .photo-sections-wrap .photo-section .photo-description {
display: none
}
.block-article-entertainment .photo-sections-wrap .photo-section img {
display: block;
width: 100%
}
@media (max-width:1023px) {
.block-article-entertainment .photo-sections-wrap .photo-section img {
width: auto;
min-width: 100%;
max-width: 1024px;
position: relative;
left: 50%;
transform: translateX(-50%)
}
}
.block-article-entertainment .article-footer {
display: flex;
flex-wrap: wrap;
height: 109px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #fff
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer {
display: block;
height: auto;
box-shadow: none
}
}
.block-article-entertainment .article-footer>div {
display: flex;
flex: 1 0 auto;
flex-flow: column wrap;
justify-content: center
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer>div {
display: block
}
}
.block-article-entertainment .article-footer .block-title {
padding: 5px 20px;
position: relative;
z-index: 1;
color: #fff;
text-align: center;
background-repeat: no-repeat;
background-size: cover
}
.block-article-entertainment .article-footer .block-title:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: rgba(0, 0, 0, .62)
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-title {
max-width: none;
min-height: 163px;
padding: 35px 20px 50px
}
}
.block-article-entertainment .article-footer .block-title .title {
display: block;
font: 700 35px "walirides", Arial, sans-serif;
letter-spacing: -.15px;
text-shadow: 0 5px #f81700
}
.block-article-entertainment .article-footer .block-share {
padding: 10px 40px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
display: none
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-share {
padding: 0 20px 45px
}
}
.block-article-entertainment .article-footer .block-share .share {
margin: 0;
padding: 0
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-share .share {
margin-top: -38px
}
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-share .share li .btn,
.block-article-entertainment .article-footer .block-share .share li .button,
.block-article-entertainment .article-footer .block-share .share li .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-article-entertainment .article-footer .block-share .share li .ticket-dropbtn {
width: 68px;
height: 68px;
box-shadow: 0 5px 14px rgba(0, 0, 0, .06)
}
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-share .share li .btn .svg-icon.svg-icon-heart,
.block-article-entertainment .article-footer .block-share .share li .button .svg-icon.svg-icon-heart,
.block-article-entertainment .article-footer .block-share .share li .block-prices .ticket-dropdown .ticket-dropbtn .svg-icon.svg-icon-heart,
.block-prices .ticket-dropdown .block-article-entertainment .article-footer .block-share .share li .ticket-dropbtn .svg-icon.svg-icon-heart {
width: 24px;
height: 22px
}
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-share .share li .btn .svg-icon.svg-icon-share,
.block-article-entertainment .article-footer .block-share .share li .button .svg-icon.svg-icon-share,
.block-article-entertainment .article-footer .block-share .share li .block-prices .ticket-dropdown .ticket-dropbtn .svg-icon.svg-icon-share,
.block-prices .ticket-dropdown .block-article-entertainment .article-footer .block-share .share li .ticket-dropbtn .svg-icon.svg-icon-share {
width: 28px;
height: 30px
}
}
.block-article-entertainment .article-footer .block-btn {
max-width: 447px
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-btn {
max-width: none
}
}
.block-article-entertainment .article-footer .block-btn .btn-tickets {
flex: 1;
width: 100%;
margin: 0;
border: none
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-btn .btn-tickets {
height: auto;
min-height: 84px
}
}
.block-article-entertainment .article-footer .block-btn .btn-tickets .svg-icon {
width: 36px;
height: 30px;
margin-right: 34px
}
@media (max-width:1023px) {
.block-article-entertainment .article-footer .block-btn .btn-tickets .svg-icon {
width: 39px;
margin-right: 29px
}
}
.ticket-booking-page-title {
margin-bottom: 0;
text-align: center;
font: 700 25px/30px "walirides", Arial, sans-serif;
background: #384550;
color: #fff;
padding-top: 25px
}
@media (max-width:767px) {
.ticket-booking-page-title {
font: 700 15px/30px "walirides", Arial, sans-serif
}
}
.booking-progress-bar-block {
background: #384550;
padding: 25px 20px 28px;
position: relative
}
@media (max-width:767px) {
.booking-progress-bar-block {
padding: 0 0 82px;
background: #fff;
border-bottom: 1px solid #dedddd
}
}
.booking-progress-bar-block .progress-arrow {
position: absolute;
top: 25px;
padding: 3px 10px;
font: 400 14px/30px "walirides", Arial, sans-serif;
background-color: #fff;
color: #384550;
min-width: 115px;
text-decoration: none;
border-radius: 30px;
text-align: center;
vertical-align: middle
}
@media (max-width:767px) {
.booking-progress-bar-block .progress-arrow {
top: auto;
bottom: 20px;
min-width: auto;
padding: 3px 20px
}
}
.booking-progress-bar-block .progress-arrow.progress-prev {
left: 36px
}
@media (max-width:767px) {
.booking-progress-bar-block .progress-arrow.progress-prev {
left: 0
}
.booking-progress-bar-block .progress-arrow.progress-prev .icon-arrow {
margin-right: 5px
}
}
.booking-progress-bar-block .progress-arrow.progress-next {
right: 36px
}
@media (max-width:767px) {
.booking-progress-bar-block .progress-arrow.progress-next {
right: 0
}
.booking-progress-bar-block .progress-arrow.progress-next .icon-arrow {
margin-left: 5px
}
}
.booking-progress-bar-block .progress-arrow .icon-arrow {
width: 13px;
height: 8px;
overflow: hidden;
display: inline-block
}
.booking-progress-bar-block.progress-on-tickets-step .tickets-step,
.booking-progress-bar-block.progress-on-booking-step .tickets-step {
color: #fff
}
.booking-progress-bar-block.progress-on-tickets-step .tickets-step .mark,
.booking-progress-bar-block.progress-on-booking-step .tickets-step .mark {
border-color: #a0cc00;
color: #a0cc00
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-on-tickets-step .tickets-step:after,
.booking-progress-bar-block.progress-on-booking-step .tickets-step:after {
display: block
}
}
.booking-progress-bar-block.progress-on-tickets-step .progress-steps:after,
.booking-progress-bar-block.progress-on-booking-step .progress-steps:after {
display: block;
width: 19%
}
@media (max-width:1023px) {
.booking-progress-bar-block.progress-on-tickets-step .progress-steps:after,
.booking-progress-bar-block.progress-on-booking-step .progress-steps:after {
width: 17%
}
}
.booking-progress-bar-block.progress-on-extras-step .extras-step,
.booking-progress-bar-block.progress-on-extras-step .tickets-step {
color: #fff
}
.booking-progress-bar-block.progress-on-extras-step .extras-step .mark,
.booking-progress-bar-block.progress-on-extras-step .tickets-step .mark {
border-color: #a0cc00;
color: #a0cc00
}
.booking-progress-bar-block.progress-on-extras-step .tickets-step .mark {
cursor: pointer
}
.booking-progress-bar-block.progress-on-extras-step .tickets-step .mark .svg-icon {
display: block
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-on-extras-step .tickets-step:after {
display: none
}
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-on-extras-step .extras-step:after {
display: block
}
}
.booking-progress-bar-block.progress-on-extras-step .progress-steps:after {
display: block;
width: 52.3%
}
@media (max-width:1023px) {
.booking-progress-bar-block.progress-on-extras-step .progress-steps:after {
width: 48%
}
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-on-extras-step .progress-steps:after {
width: 47%
}
}
.booking-progress-bar-block.progress-on-validation-step .validation-step,
.booking-progress-bar-block.progress-on-validation-step .extras-step,
.booking-progress-bar-block.progress-on-validation-step .tickets-step,
.booking-progress-bar-block.progress-finished .validation-step,
.booking-progress-bar-block.progress-finished .extras-step,
.booking-progress-bar-block.progress-finished .tickets-step {
color: #fff
}
.booking-progress-bar-block.progress-on-validation-step .validation-step .mark,
.booking-progress-bar-block.progress-on-validation-step .extras-step .mark,
.booking-progress-bar-block.progress-on-validation-step .tickets-step .mark,
.booking-progress-bar-block.progress-finished .validation-step .mark,
.booking-progress-bar-block.progress-finished .extras-step .mark,
.booking-progress-bar-block.progress-finished .tickets-step .mark {
border-color: #a0cc00;
color: #a0cc00
}
.booking-progress-bar-block.progress-on-validation-step .extras-step .mark,
.booking-progress-bar-block.progress-on-validation-step .tickets-step .mark,
.booking-progress-bar-block.progress-finished .extras-step .mark,
.booking-progress-bar-block.progress-finished .tickets-step .mark {
cursor: pointer
}
.booking-progress-bar-block.progress-on-validation-step .extras-step .mark .svg-icon,
.booking-progress-bar-block.progress-on-validation-step .tickets-step .mark .svg-icon,
.booking-progress-bar-block.progress-finished .extras-step .mark .svg-icon,
.booking-progress-bar-block.progress-finished .tickets-step .mark .svg-icon {
display: block
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-on-validation-step .extras-step:after,
.booking-progress-bar-block.progress-on-validation-step .tickets-step:after,
.booking-progress-bar-block.progress-finished .extras-step:after,
.booking-progress-bar-block.progress-finished .tickets-step:after {
display: none
}
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-on-validation-step .validation-step:after,
.booking-progress-bar-block.progress-finished .validation-step:after {
display: block
}
}
.booking-progress-bar-block.progress-on-validation-step .progress-steps:after,
.booking-progress-bar-block.progress-finished .progress-steps:after {
display: block;
width: 70%
}
@media (max-width:1023px) {
.booking-progress-bar-block.progress-on-validation-step .progress-steps:after,
.booking-progress-bar-block.progress-finished .progress-steps:after {
width: 64%
}
}
@media (max-width:1023px) {
.booking-progress-bar-block.progress-on-validation-step .progress-steps:after,
.booking-progress-bar-block.progress-finished .progress-steps:after {
width: 60%
}
}
.booking-progress-bar-block.progress-finished .extras-step .mark {
cursor: auto
}
.booking-progress-bar-block.progress-finished .validation-step .mark {
cursor: auto
}
.booking-progress-bar-block.progress-finished .validation-step .mark .svg-icon {
display: block
}
@media (max-width:767px) {
.booking-progress-bar-block.progress-finished .validation-step:after {
display: none
}
}
.booking-progress-bar-block.progress-finished.error .extras-step .mark {
cursor: auto
}
.booking-progress-bar-block.progress-finished.error .validation-step .mark {
border-color: #f81700
}
.booking-progress-bar-block.progress-pending .extras-step,
.booking-progress-bar-block.progress-pending .tickets-step {
color: #fff
}
.booking-progress-bar-block.progress-pending .extras-step .mark,
.booking-progress-bar-block.progress-pending .tickets-step .mark {
border-color: #a0cc00;
color: #a0cc00
}
.booking-progress-bar-block.progress-pending .svg-icon {
display: block !important
}
.booking-progress-bar-block.progress-pending .validation-step {
color: #fff
}
.booking-progress-bar-block.progress-pending .validation-step .mark {
border-color: #fab700;
color: #fab700
}
.booking-progress-bar-block.progress-pending .progress-steps:before {
border: 0;
height: 3px;
width: 35%;
z-index: 5;
background-color: #a0cc00
}
.booking-progress-bar-block.progress-pending .progress-steps:after {
background-color: #fab700;
display: block;
border: 0;
height: 3px
}
.webform-progress-tracker .progress-step:after {
z-index: 1
}
.progress-steps {
max-width: 756px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
text-align: center;
font: 700 12px/18px "Futura", Arial, sans-serif;
text-transform: uppercase;
color: #b3b3b3;
list-style: none;
padding: 0;
position: relative
}
@media (max-width:1023px) {
.progress-steps {
max-width: 500px
}
}
@media (max-width:767px) {
.progress-steps {
max-width: 100%;
padding: 18px;
background: #384550;
font-size: 10px;
line-height: 14px
}
}
.progress-steps:after,
.progress-steps:before {
content: "";
position: absolute;
top: 16px;
left: 109px;
right: 110px;
border-top: 3px dotted #b3b3b3;
z-index: 2
}
@media (max-width:1023px) {
.progress-steps:after,
.progress-steps:before {
left: 94px;
right: 94px
}
}
@media (max-width:767px) {
.progress-steps:after,
.progress-steps:before {
top: 26px;
left: 19%;
right: 19%
}
}
.progress-steps:after {
border-top: 3px solid #a0cc00;
z-index: 3;
display: none
}
.progress-steps a {
text-decoration: none;
color: inherit
}
.progress-steps .progress-step {
width: 33.33333%;
position: relative;
z-index: 10
}
.progress-steps .progress-step span {
display: block
}
.progress-steps .progress-step:after {
content: "";
position: absolute;
bottom: -18px;
margin-left: -15px;
left: 50%;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid #fff;
display: none
}
.progress-steps .progress-step .mark {
background: #fff;
border: 3px solid #b3b3b3;
width: 34px;
height: 34px;
border-radius: 50%;
margin: 0 auto 12px;
padding: 4px
}
@media (max-width:767px) {
.progress-steps .progress-step .mark {
width: 20px;
height: 20px;
padding: 2px;
margin-bottom: 10px
}
}
.progress-steps .progress-step .mark .svg-icon {
display: none
}
.croppie-container .cr-boundary {
margin: 0 !important
}
.dz-preview .note.two {
margin: 0 !important
}
.booking-section-timer {
background: #384550;
padding: 16px 20px 26px;
text-align: center;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
font-size: 13px;
line-height: 14px;
position: relative;
z-index: 1
}
.booking-section-timer__counter {
font-weight: 700;
color: #f5f9fd;
padding: 6px 0
}
.booking-section-timer__text {
color: #dedddd;
font-weight: 500
}
.block-brochure-2 {
margin: 90px 0 40px;
padding: 88px 0 50px;
position: relative;
z-index: 1;
color: #fff
}
.block-brochure-2 .bg-1 {
height: 50%;
position: absolute;
top: -10px;
left: 1px;
right: 1px;
z-index: -1;
background: #f81700;
transform-origin: 100% 0;
transform: skewY(-2.75deg)
}
@media (max-width:1023px) {
.block-brochure-2 .bg-1 {
transform-origin: 0 0;
transform: skewY(-1.5deg)
}
}
@media (max-width:767px) {
.block-brochure-2 .bg-1 {
transform: skewY(-2.75deg)
}
}
@media (max-width:1023px) {
.block-brochure-2 {
margin-top: 160px;
padding: 110px 0 45px;
text-align: center
}
}
.block-brochure-2 .bg-2 {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.block-brochure-2 .bg-2 .bg-inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #384550;
transform-origin: 0 0;
transform: skewY(3.5deg)
}
@media (max-width:1023px) {
.block-brochure-2 .bg-2 .bg-inner {
transform: skewY(2.5deg)
}
}
@media (max-width:767px) {
.block-brochure-2 .bg-2 .bg-inner {
transform: skewY(3.5deg)
}
}
.block-brochure-2 h2,
.block-brochure-2 .h2 {
margin-bottom: .9em;
font-weight: 700;
font-size: 60px;
line-height: 1.13;
letter-spacing: -.6px;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22);
color: inherit;
text-align: left
}
@media (max-width:1023px) {
.block-brochure-2 h2,
.block-brochure-2 .h2 {
font-size: 24px;
line-height: 1.2;
text-shadow: none;
text-transform: uppercase;
letter-spacing: -.11px
}
}
.block-brochure-2 h3,
.block-brochure-2 .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: inherit
}
@media (max-width:1023px) {
.block-brochure-2 h3,
.block-brochure-2 .h3 {
margin-bottom: .89em
}
}
.block-brochure-2 .content {
display: flex;
padding: 0 100px 0 55px;
justify-content: space-between;
align-items: flex-start
}
@media (max-width:1023px) {
.block-brochure-2 .content {
display: block;
padding: 0 20px
}
}
.block-brochure-2 .text {
flex: 1 0 0px;
padding-right: 82px;
text-align: left
}
.block-brochure-2 .text a {
color: #fff
}
@media (max-width:1023px) {
.block-brochure-2 .text {
margin: 0 auto 38px;
padding: 0
}
}
.block-brochure-2 .text[style*=color] h2,
.block-brochure-2 .text[style*=color] .h2 {
color: inherit
}
.block-brochure-2 .image {
width: 358px;
margin-top: -150px;
text-align: center
}
@media (max-width:1023px) {
.block-brochure-2 .image {
width: auto;
margin: 0
}
}
.block-brochure-2 .image img {
display: block;
width: 100%;
margin: 0 auto 30px
}
@media (max-width:1023px) {
.block-brochure-2 .image img {
width: 230px;
max-height: 200px;
margin: 0 auto;
position: absolute;
top: -115px;
left: 0;
right: 0
}
}
.block-brochure-2 .image .btn,
.block-brochure-2 .image .button,
.block-brochure-2 .image .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-brochure-2 .image .ticket-dropbtn {
min-width: 236px;
position: relative;
left: 12px;
font-size: 16px;
box-shadow: 0 4px 7px rgba(0, 0, 0, .08)
}
@media (max-width:1023px) {
.block-brochure-2 .image .btn,
.block-brochure-2 .image .button,
.block-brochure-2 .image .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-brochure-2 .image .ticket-dropbtn {
min-width: 256px;
left: auto
}
}
.block-brochure-2.light {
margin-top: 18px;
padding: 78px 0 32px;
color: #384550;
font: 400 19px "walirides", Arial, sans-serif;
letter-spacing: -.31px
}
@media (max-width:1023px) {
.block-brochure-2.light {
margin-top: 70px;
padding-top: 38px;
padding-bottom: 27px;
font-size: 16px;
font-weight: 700;
line-height: 1.562
}
}
@media (max-width:1023px) {
.block-brochure-2.light .bg-2 {
overflow: visible
}
}
.block-brochure-2.light .bg-2 .bg-inner {
background: #eff4fa
}
.block-brochure-2.light h2,
.block-brochure-2.light .h2 {
margin-bottom: .4em;
color: #f81700;
text-shadow: none
}
@media (max-width:1023px) {
.block-brochure-2.light h2,
.block-brochure-2.light .h2 {
margin-bottom: 1.1em;
font-size: 30px;
line-height: 1.533
}
}
.block-brochure-2.light .text {
max-width: 740px
}
@media (max-width:1023px) {
.block-brochure-2.light .text {
margin-bottom: 0
}
}
.theme-aqualibi .block-brochure .bg:before {
background: #13b5ea
}
.theme-aqualibi .block-brochure h2,
.theme-aqualibi .block-brochure .h2 {
color: #fff
}
.theme-aqualibi .block-brochure-2 .bg-1 {
background: #13b5ea
}
.theme-aqualibi .block-brochure-2 h2,
.theme-aqualibi .block-brochure-2 .h2 {
color: #13b5ea
}
.block-brochure {
margin-bottom: -6.25%;
padding: 78px 0 108px;
position: relative;
z-index: 2;
color: #fff;
text-align: center
}
@media (max-width:1023px) {
.block-brochure {
margin-bottom: -17.5%;
padding: 37px 0 0
}
}
@media (max-width:767px) {
.block-brochure {
margin-bottom: -34.5%
}
}
.block-brochure.custom-image {
padding: 78px 0 200px;
margin: 0 0 -70px
}
.block-brochure.custom-image .image {
left: 0;
top: 0
}
.block-brochure.custom-image .bg {
bottom: -50px
}
@media (max-width:1023px) {
.block-brochure.custom-image {
margin-bottom: 0;
padding: 37px 0 0
}
}
@media (max-width:767px) {
.block-brochure.custom-image {
margin-bottom: 0
}
}
.block-brochure h2,
.block-brochure .h2 {
margin-bottom: .875em;
font-weight: 700;
font-size: 30px;
line-height: 1.53;
letter-spacing: -.3px;
color: inherit;
text-shadow: 0 10px 13px rgba(0, 0, 0, .23)
}
@media (max-width:1023px) {
.block-brochure h2,
.block-brochure .h2 {
margin-bottom: .83em;
text-align: center;
font-size: 24px;
line-height: 1.2;
text-shadow: none;
text-transform: uppercase;
letter-spacing: -.11px
}
}
.block-brochure h3,
.block-brochure .h3 {
font: 700 20px/1.5 "Futura", Arial, sans-serif;
color: inherit
}
@media (max-width:1023px) {
.block-brochure h3,
.block-brochure .h3 {
margin-bottom: .89em;
font-size: 19px;
line-height: normal
}
}
.block-brochure .bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
@media (max-width:1023px) {
.block-brochure .bg {
height: auto;
bottom: 84px
}
}
.block-brochure .bg:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #f81700;
transform-origin: 100% 0;
transform: skewY(3.5deg)
}
.block-brochure .content {
display: flex;
padding: 0 185px;
justify-content: flex-end
}
@media (max-width:1023px) {
.block-brochure .content {
display: block;
padding: 0 20px
}
}
.block-brochure .image {
display: block;
max-width: 50.97%;
max-height: 120%;
position: absolute;
top: -59px;
left: -62px
}
@media (max-width:1023px) {
.block-brochure .image {
max-width: 100%;
margin: 0 auto;
position: relative;
top: auto;
left: auto
}
}
.block-brochure .text {
max-width: 380px
}
@media (max-width:1023px) {
.block-brochure .text {
margin: 0 auto 43px
}
}
.block-brochure .btn,
.block-brochure .button,
.block-brochure .block-contact-form form .button,
.block-contact-form form .block-brochure .button,
.block-brochure .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-brochure .ticket-dropbtn {
min-width: 279px;
margin-top: 23px;
font-size: 16px;
box-shadow: 0 6px 10px rgba(0, 0, 0, .08)
}
@media (max-width:1023px) {
.block-brochure .btn,
.block-brochure .button,
.block-brochure .block-contact-form form .button,
.block-contact-form form .block-brochure .button,
.block-brochure .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-brochure .ticket-dropbtn {
min-width: 256px
}
}
.block-brochure.block-brochure-empty .content .image {
max-height: 110%;
top: -40px;
left: -62px;
bottom: 0;
margin: auto 0
}
@media (max-width:1023px) {
.block-brochure.block-brochure-empty .content .image {
left: 0;
right: 0
}
}
@media (max-width:1023px) {
.block-brochure.block-brochure-empty {
margin-bottom: 10px
}
}
.block-brochure:last-of-type:not(:nth-last-of-type(n+2)) {
margin: 35px auto
}
.block-brochure:has(+.DJ__groups-sticky-bar__processed) {
margin: 35px auto
}
.theme-aqualibi .block-brochure .bg:before {
background: #13b5ea
}
.theme-aqualibi .block-brochure h2,
.theme-aqualibi .block-brochure .h2 {
color: #fff
}
.card {
border: 0 none;
background: inherit
}
.block-cards {
position: relative
}
.block-cards.linked-reviews {
text-align: center
}
.block-cards.linked-reviews .title {
font-size: 48px;
margin: 40px 0 0
}
.block-cards.linked-reviews .cards-wrap .card-item {
text-align: left
}
.block-cards.linked-reviews .inner {
padding: 20px 20px 33px
}
.block-cards.linked-reviews .inner .block-review {
padding: 0
}
.block-cards.linked-reviews .block-bottom .person {
font-size: 20px;
color: #dc1400;
text-transform: lowercase
}
.block-cards.linked-reviews .block-bottom .person span {
text-transform: capitalize
}
.block-cards.linked-reviews .linked-reviews__category .text {
display: inline-block;
margin: 0 4px 0 0
}
.block-cards.linked-reviews .linked-reviews__category--item {
color: #fff;
display: inline-block;
background-color: #dc1400;
border-radius: 5px;
padding: 2px 8px;
margin: 0 4px 4px 0
}
.block-cards.linked-reviews .btn,
.block-cards.linked-reviews .button,
.block-cards.linked-reviews .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-cards.linked-reviews .ticket-dropbtn {
margin: 30px 0 0
}
.block-cards .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-cards .content {
padding: 0 20px
}
}
.block-cards .icon {
width: 55px;
height: 55px;
margin: 0 auto 27px
}
@media (max-width:1023px) {
.block-cards .icon {
margin-bottom: 20px;
left: auto;
top: auto;
transform: none;
position: relative
}
}
.block-cards .icon img {
display: block
}
.block-cards .icon svg {
fill: #f81700
}
.block-cards .icon .st1 {
fill: #fff
}
.block-cards .icon .st2 {
fill: #f81700
}
.block-cards h2,
.block-cards .h2 {
margin-bottom: .5em;
font: 700 24px/1.21 "walirides", Arial, sans-serif;
color: #f81700;
letter-spacing: -.11px;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-cards h2,
.block-cards .h2 {
margin-bottom: .7em;
font-size: 26px
}
}
.block-cards .cards-wrap {
display: flex;
margin: 0 -15px;
flex-wrap: wrap
}
@media (max-width:1023px) {
.block-cards .cards-wrap {
display: block;
margin: 0
}
}
.block-cards .cards-wrap .card-item {
width: 33.33%;
flex: none;
margin: 50px 0 25px;
padding: 0 15px;
position: relative;
text-align: center;
letter-spacing: -.07px;
font-weight: 500;
line-height: 1.86;
outline: none
}
.block-cards .cards-wrap .card-item .bg {
height: 100%;
position: absolute;
top: 50%;
left: 15px;
right: 15px;
z-index: -1;
transition: all .25s;
transform: translateY(-50%)
}
.block-cards .cards-wrap .card-item .bg:before,
.block-cards .cards-wrap .card-item .bg:after {
content: "";
display: block;
width: 100%;
height: 53%;
position: absolute;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e4e4e4;
background-color: #fff
}
.block-cards .cards-wrap .card-item .bg:before {
top: -2px;
transform-origin: 100% 0;
transform: skewY(2deg)
}
.block-cards .cards-wrap .card-item .bg:after {
bottom: -2px;
transform-origin: 100% 100%;
transform: skewY(-2deg)
}
.block-cards .cards-wrap .card-item .bg .bg-inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
border: 1px solid #e4e4e4;
border-top: none;
border-bottom: none;
background-color: #fff
}
.block-cards .cards-wrap .card-item .inner {
height: 100%;
padding: 127px 20px 33px;
position: relative;
display: flex;
flex-wrap: wrap
}
.block-cards .cards-wrap .card-item .inner>div {
display: flex;
flex-direction: column;
width: 100%
}
.block-cards .cards-wrap .card-item .inner>div .btn,
.block-cards .cards-wrap .card-item .inner>div .button,
.block-cards .cards-wrap .card-item .inner>div .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-cards .cards-wrap .card-item .inner>div .ticket-dropbtn {
margin-top: auto
}
.block-cards .cards-wrap .card-item:nth-child(2n) .bg:before {
transform-origin: 0 0;
transform: skewY(-2deg)
}
.block-cards .cards-wrap .card-item:nth-child(2n) .bg:after {
transform-origin: 0 100%;
transform: skewY(2deg)
}
@media (max-width:1023px) {
.block-cards .cards-wrap .card-item {
width: auto;
margin: 35px 0;
padding: 0
}
.block-cards .cards-wrap .card-item .bg {
left: 5px;
right: 5px
}
.block-cards .cards-wrap .card-item .bg:before {
transform-origin: 0 0;
transform: skewY(-2deg)
}
.block-cards .cards-wrap .card-item .bg:after {
transform-origin: 0 100%;
transform: skewY(2deg)
}
.block-cards .cards-wrap .card-item .inner {
padding: 35px 20px 38px
}
.block-cards .cards-wrap .card-item:nth-child(2n) .bg:before {
transform-origin: 100% 0;
transform: skewY(2deg)
}
.block-cards .cards-wrap .card-item:nth-child(2n) .bg:after {
transform-origin: 100% 100%;
transform: skewY(-2deg)
}
}
.block-cards .cards-wrap .card-item h2:before,
.block-cards .cards-wrap .card-item .h2:before {
content: "";
display: inline-block;
height: 100%;
margin-left: -.25em;
vertical-align: middle
}
@media (max-width:1023px) {
.block-cards .cards-wrap .card-item h2,
.block-cards .cards-wrap .card-item .h2 {
height: auto
}
}
.block-cards .cards-wrap .card-item h2 span,
.block-cards .cards-wrap .card-item .h2 span {
display: inline-block;
vertical-align: middle;
word-break: break-word
}
.block-cards .cards-wrap .card-item hr {
width: 100px;
margin: 1em auto;
background: #ebebeb
}
.block-cards .cards-wrap .card-item strong {
color: #f81700
}
@media (max-width:1023px) {
.block-cards .cards-wrap .card-item strong {
font-weight: 400
}
}
.block-cards .cards-wrap .card-item a {
color: inherit;
text-decoration: none
}
.dj-no-touch .block-cards .cards-wrap .card-item a:hover,
.dj-no-touch .block-cards .cards-wrap .card-item a:focus {
text-decoration: underline
}
.block-cards .cards-wrap .card-item .more {
font-size: 16px;
font-weight: 500;
text-decoration: underline;
letter-spacing: .435px;
color: #384550;
outline: none
}
.dj-no-touch .block-cards .cards-wrap .card-item .more:hover,
.dj-no-touch .block-cards .cards-wrap .card-item .more:focus {
text-decoration: none
}
.block-cards .cards-wrap .card-item .more .off {
display: none
}
.block-cards .cards-wrap .card-item .btn,
.block-cards .cards-wrap .card-item .button,
.block-cards .cards-wrap .card-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-cards .cards-wrap .card-item .ticket-dropbtn {
min-width: 135px;
margin: .35em auto 2.1em
}
.dj-no-touch .block-cards .cards-wrap .card-item .btn:hover,
.dj-no-touch .block-cards .cards-wrap .card-item .button:hover,
.dj-no-touch .block-cards .cards-wrap .card-item .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .block-cards .cards-wrap .card-item .ticket-dropbtn:hover,
.dj-no-touch .block-cards .cards-wrap .card-item .btn:focus,
.dj-no-touch .block-cards .cards-wrap .card-item .button:focus,
.dj-no-touch .block-cards .cards-wrap .card-item .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .block-cards .cards-wrap .card-item .ticket-dropbtn:focus {
text-decoration: none
}
.block-cards .cards-wrap .card-item .btn.btn-red,
.block-cards .cards-wrap .card-item .btn-red.button,
.block-cards .cards-wrap .card-item .block-contact-form form .button,
.block-contact-form form .block-cards .cards-wrap .card-item .button,
.block-cards .cards-wrap .card-item .block-contact-form form .form-actions input.button[type=submit],
.block-contact-form form .form-actions .block-cards .cards-wrap .card-item input.button[type=submit],
.block-cards .cards-wrap .card-item .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-offers .offers-list .offers-item-2 .block-cards .cards-wrap .card-item .button.btn-book,
.block-cards .cards-wrap .card-item .block-request-brochure form input.button[type=submit],
.block-request-brochure form .block-cards .cards-wrap .card-item input.button[type=submit],
.block-cards .cards-wrap .card-item .block-contact-form form .form-actions input.btn[type=submit],
.block-contact-form form .form-actions .block-cards .cards-wrap .card-item input.btn[type=submit],
.block-cards .cards-wrap .card-item .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-offers .offers-list .offers-item-2 .block-cards .cards-wrap .card-item .btn.btn-book,
.block-cards .cards-wrap .card-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-cards .cards-wrap .card-item .ticket-dropbtn,
.block-cards .cards-wrap .card-item .block-request-brochure form input.btn[type=submit],
.block-request-brochure form .block-cards .cards-wrap .card-item input.btn[type=submit] {
color: #fff
}
.block-cards .cards-wrap .card-item .more {
display: block
}
.block-cards .cards-wrap .card-item .more .off {
display: none
}
.block-cards .cards-wrap .card-item.active .bg {
height: calc(100% + 40px);
transform: translateY(-50%) scaleX(1.1)
}
.block-cards .cards-wrap .card-item.active .bg:before,
.block-cards .cards-wrap .card-item.active .bg:after,
.block-cards .cards-wrap .card-item.active .bg .bg-inner {
border-width: 2px;
border-color: #f81700
}
.block-cards .cards-wrap .card-item.active .more {
color: #f81700
}
.block-cards .cards-wrap .card-item.active .more .on {
display: none
}
.block-cards .cards-wrap .card-item.active .more .off {
display: block
}
@media (min-width:1024px) {
.block-cards .cards-wrap .card-item.full {
flex: auto;
width: 100%
}
.block-cards .cards-wrap .card-item.full:last-child {
margin-bottom: 0
}
.block-cards .cards-wrap .card-item.full .bg .bg-inner {
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e4e4e4;
transform: perspective(500px) rotateX(1.25deg)
}
.block-cards .cards-wrap .card-item.full .bg:before,
.block-cards .cards-wrap .card-item.full .bg:after {
content: none
}
.block-cards .cards-wrap .card-item.full .inner {
display: flex;
padding: 64px 100px 64px 280px;
justify-content: space-between;
align-items: center;
align-content: center;
text-align: left
}
.block-cards .cards-wrap .card-item.full .icon {
margin: 0;
position: absolute;
top: 50%;
left: 86px;
transform: translateY(-50%);
margin: 0;
width: 57px;
height: 50px
}
.block-cards .cards-wrap .card-item.full h2,
.block-cards .cards-wrap .card-item.full .h2 {
width: 305px;
margin: 0
}
.block-cards .cards-wrap .card-item.full h2:before,
.block-cards .cards-wrap .card-item.full .h2:before {
content: none
}
.block-cards .cards-wrap .card-item.full p {
max-width: 350px;
margin: 0;
flex: 1 0 auto
}
}
.block-cards .cards-wrap .card-item.simple .inner {
padding-right: 30px;
padding-left: 30px
}
.block-cards .cards-wrap .card-item.simple .icon {
width: 45px;
height: 45px
}
.block-cards .cards-wrap .card-item.simple h2,
.block-cards .cards-wrap .card-item.simple .h2 {
margin-bottom: 1em
}
.block-cards .cards-wrap .card-item.simple p {
text-align: left
}
.block-cards .cards-wrap .cards-info {
display: none;
width: 100%;
flex: 1 0 auto;
margin: 0 -55px 60px;
padding: 55px;
position: relative;
background: #f5f8fd;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
text-align: left;
line-height: normal
}
@media (max-width:1023px) {
.block-cards .cards-wrap .cards-info {
height: 100%;
margin: 0;
padding: 93px 30px 97px;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: #fff;
border: none
}
}
.block-cards .cards-wrap .cards-info .arrow {
display: block;
position: absolute;
top: -10px;
width: 20px;
height: 20px;
background: inherit;
border-left: 1px solid #e4e4e4;
border-top: 1px solid #e4e4e4;
transform: translateX(-50%) rotate(45deg)
}
@media (max-width:1023px) {
.block-cards .cards-wrap .cards-info .arrow {
display: none
}
}
.block-cards .cards-wrap .cards-info .btn-close {
position: absolute;
top: 30px;
left: 20px;
z-index: 3
}
.block-cards .cards-wrap .cards-info .skew-bg {
top: -140px
}
.block-cards .cards-wrap .cards-info .skew-bg .inner-bg-wrap {
transform-origin: 0 100%;
transform: skewY(-1.6deg)
}
@media (max-width:1023px) {
.block-cards .cards-wrap .cards-info .skew-bg .inner-bg-wrap {
transform: skewY(-6deg)
}
}
.block-cards .cards-wrap .cards-info .skew-bg .inner-bg-wrap .inner-bg {
transform-origin: 0 100%;
transform: skewY(1.6deg)
}
@media (max-width:1023px) {
.block-cards .cards-wrap .cards-info .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(6deg)
}
}
.block-cards .cards-wrap .cards-info .info-item {
display: none
}
.block-cards .cards-wrap .cards-info .info-item .info-title {
padding: 0 20px;
text-align: center
}
.block-cards .cards-wrap .cards-info .info-item .btn,
.block-cards .cards-wrap .cards-info .info-item .button,
.block-cards .cards-wrap .cards-info .info-item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-cards .cards-wrap .cards-info .info-item .ticket-dropbtn {
margin-top: .75em;
margin-bottom: .75em
}
@media (max-width:1023px) {
.block-cards .cards-wrap .cards-info .info-item .buttons {
text-align: center
}
}
.block-cards .cards-wrap.slick-slider {
margin: 0 -20px;
padding-bottom: 50px
}
@media (max-width:1023px) {
.block-cards .cards-wrap.slick-slider .card-item {
margin: 10px 5px
}
}
@media (max-width:1023px) {
.block-cards .cards-wrap.slick-slider .card-item .bg {
left: 0;
right: 0
}
.block-cards .cards-wrap.slick-slider .card-item .bg:after {
content: none
}
.block-cards .cards-wrap.slick-slider .card-item .bg .bg-inner {
border-bottom: 1px solid #e4e4e4
}
}
.block-cards .cards-wrap.slick-slider .slick-dots {
bottom: 17px
}
.block-cards.size-fourth .cards-wrap .card-item {
width: 25%
}
@media (max-width:1279px) {
.block-cards.size-fourth .cards-wrap .card-item {
width: 50%
}
}
@media (max-width:1023px) {
.block-cards.size-fourth .cards-wrap .card-item {
width: auto
}
}
@media (min-width:1024px) {
.block-cards.has-cards-info .cards-wrap .card-item {
margin-bottom: 60px
}
}
@media (min-width:1024px) {
.block-cards.has-cards-info .cards-wrap .card-item .more-link-wrapper {
position: absolute;
text-align: center;
bottom: 0;
left: 0
}
}
@media (max-width:500px) {
.block-cards+.block-cards {
margin-top: 45px
}
}
@media (min-width:501px) and (max-width:767px) {
.block-cards+.block-cards {
margin-top: 55px
}
}
@media (min-width:768px) and (max-width:991px) {
.block-cards+.block-cards {
margin-top: 65px
}
}
@media (min-width:992px) and (max-width:1023px) {
.block-cards+.block-cards {
margin-top: 85px
}
}
.page-editorial .block-cards .icon {
position: absolute;
left: 50%;
top: 45px;
transform: translateX(-50%)
}
.theme-aqualibi .block-cards .icon svg {
fill: #13b5ea
}
.theme-aqualibi .block-cards .cards-wrap .card-item h2,
.theme-aqualibi .block-cards .cards-wrap .card-item .h2,
.theme-aqualibi .block-cards .cards-wrap .card-item strong {
color: #13b5ea
}
.theme-aqualibi .block-cards .cards-wrap .card-item.active .bg:before,
.theme-aqualibi .block-cards .cards-wrap .card-item.active .bg:after,
.theme-aqualibi .block-cards .cards-wrap .card-item.active .bg .bg-inner {
border-color: #13b5ea
}
.theme-aqualibi .block-cards .cards-wrap .card-item.active .more {
color: #13b5ea
}
.browser-ie .block-cards {
overflow: hidden
}
body.card-info-opened {
overflow: hidden
}
body.card-info-opened .park-is-closed-banner {
display: none
}
.booking-section .homepage-availability-calendar {
margin: 0 0 20px;
padding: 30px 22px
}
@media (max-width:1024px) {
.booking-section .homepage-availability-calendar {
max-width: 100%;
justify-content: space-between
}
}
@media (max-width:768px) {
.booking-section .homepage-availability-calendar {
justify-content: center
}
}
@media (max-width:1023px) {
.booking-section .homepage-availability-calendar {
padding: 20px;
position: static
}
.booking-section .homepage-availability-calendar .calendars .button-holder:nth-child(2) {
margin-bottom: 14px
}
}
@media (max-width:767px) {
.booking-section .homepage-availability-calendar {
padding: 10px
}
}
.booking-section .homepage-availability-calendar__calendar-trigger {
padding: 16px 15px 12px;
min-width: 207px;
white-space: nowrap;
width: auto
}
@media (min-width:768px) and (max-width:1024px) {
.booking-section .homepage-availability-calendar__calendar-trigger {
margin-bottom: 0
}
}
@media (max-width:768px) {
.booking-section .homepage-availability-calendar__calendar-trigger {
width: 100%
}
}
@media (max-width:1023px) {
.booking-section .homepage-availability-calendar__calendar-trigger {
margin-bottom: 10px
}
}
@media (max-width:767px) {
.booking-section .homepage-availability-calendar__calendar-trigger {
margin-bottom: 12px
}
}
.booking-section .homepage-availability-calendar__calendar-trigger svg {
margin: 0 6px 0 0
}
.booking-section .homepage-availability-calendar__open-hours {
padding: 0 20px;
margin: 0 auto
}
@media (max-width:1023px) {
.booking-section .homepage-availability-calendar__open-hours {
text-align: center
}
.booking-section .homepage-availability-calendar__open-hours-value {
font-size: 12px
}
}
@media (max-width:767px) {
.booking-section .homepage-availability-calendar__open-hours {
padding: 0 12px;
margin-bottom: 18px
}
}
.booking-section .homepage-availability-calendar__open-hours svg {
margin: 0
}
.booking-section #vue-ticket-booking-step-2 .homepage-availability-calendar {
padding: 0;
border: none;
background: 0 0
}
.booking-section #vue-ticket-booking-step-2 .homepage-availability-calendar__calendar-trigger {
cursor: auto;
display: inline-block;
vertical-align: top
}
.booking-section #vue-ticket-booking-step-3 .block-title {
display: inline-block;
vertical-align: top;
width: 100%;
font: 700 16px/20px "walirides", Arial, sans-serif;
margin: 0 0 35px;
color: #384550
}
@media (max-width:1023px) {
.booking-section #vue-ticket-booking-step-3 .block-title {
margin-top: 19px
}
}
@media (min-width:1024px) {
.booking-section #vue-ticket-booking-step-3 .row+.block-title {
margin-top: 17px
}
}
@media (min-width:1024px) {
.booking-section .step3 .section-content {
padding-left: 55px;
padding-top: 43px;
padding-right: 31px
}
}
.booking-section form .vue-dropzone.success .dz-message,
.booking-section form .vue-dropzone.dz-started .dz-message,
.booking-section form .vue-dropzone.imageAdded .dz-message {
display: none
}
.booking-section form .vue-dropzone.error .dz-message {
display: block !important
}
.booking-section form .vue-dropzone.error .dz-preview {
display: none !important
}
.booking-section form .vue-dropzone .dz-image-preview {
display: block !important
}
.booking-section form .vue-dropzone .dz-error {
display: none
}
.booking-section form .dz-image {
width: 100px;
height: 150px
}
.booking-section form .form-item {
position: relative
}
.booking-section form .form-item span.error__message {
min-width: 100%;
min-height: 0;
box-shadow: none;
border: none;
background-color: transparent;
padding: 7px 0 0;
border-radius: 0;
display: block;
color: #f81700;
font: 500 10px/13px "Futura", Arial, sans-serif;
letter-spacing: -.1px;
bottom: auto;
top: 100%;
z-index: 1;
transform: none
}
.booking-section form .form-item span.error__message--closer {
padding-top: 1px
}
@media (max-width:1023px) {
.booking-section form .form-item span.error__message {
position: static
}
}
.booking-section form .form-item span.error__message:before {
display: none
}
.booking-section form .jcf-select {
height: 52px;
border: 1px solid #e6e6e6;
border-radius: 5px 4px 4px 5px;
margin: 0;
position: relative;
cursor: pointer
}
.booking-section form .jcf-select-text {
font: 12px/52px "Futura-Book", "Futura", Arial, sans-serif;
color: #000;
letter-spacing: -.12px;
text-transform: uppercase;
margin: 0 35px 0 18px;
cursor: pointer
}
.booking-section form .jcf-select-text:after {
content: '';
position: absolute;
right: 21px;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -316px -229px;
width: 7px;
height: 12px
}
.booking-section form .jcf-select-drop {
margin-top: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 2;
max-height: 354px;
overflow: auto
}
.booking-section form .jcf-list {
padding: 12px 0 5px
}
.booking-section form .jcf-list .jcf-option {
overflow: hidden;
cursor: pointer;
padding: 12px 20px
}
.booking-section form .jcf-list .jcf-option:hover {
background: #8a8c23;
color: #fff
}
.booking-section form .form-group {
margin-bottom: 1rem
}
@media (min-width:1024px) {
.booking-section form .form-group {
margin-bottom: 35px
}
}
.booking-section form .form-group .form-control,
.booking-section form .form-group .form-text,
.booking-section form .form-group textarea {
font-weight: 400;
font-family: "Futura-Book", "Futura", Arial, sans-serif
}
.booking-section form .default-form>h3,
.booking-section form .default-form>.h3 {
margin-bottom: 35px;
display: inline-block;
vertical-align: top;
width: 100%
}
@media (max-width:1023px) {
.booking-section form .default-form>h3,
.booking-section form .default-form>.h3 {
margin-top: 19px
}
}
@media (min-width:1024px) {
.booking-section form .row+h3,
.booking-section form .row+.h3 {
margin-top: 17px
}
}
.booking-section form .form-control {
min-height: 52px
}
.booking-section form label {
color: #b3b3b3;
font-family: "Futura", Arial, sans-serif;
font-size: 10px;
line-height: 13px;
font-weight: 500;
letter-spacing: -.1px;
text-transform: uppercase;
display: block;
margin-bottom: 8px
}
.booking-section form .dz-error {
display: block;
color: #f81700;
letter-spacing: -.1px;
font: 500 10px/13px "Futura", Arial, sans-serif;
margin-top: 5px
}
.booking-section form .error label {
color: #b3b3b3 !important
}
.booking-section form .error .photo-input {
border-color: #f81700
}
.booking-section form .error .photo-input+.note {
color: #f81700
}
.booking-section form .photo-input {
background: #fff;
border: 1px dashed #e9eff4;
border-radius: 5px 4px 4px 5px;
display: flex;
align-items: center;
margin-bottom: 15px;
justify-content: center;
height: 107px;
padding: 0 10px
}
@media (max-width:1023px) {
.booking-section form .photo-input {
justify-content: flex-start
}
}
.booking-section form .photo-input .txt {
text-transform: uppercase;
color: #b3b3b3;
letter-spacing: -.1px;
font: 500 10px/13px "Futura", Arial, sans-serif;
padding: 0 5px 0 0
}
.booking-section form .photo-input .btn,
.booking-section form .photo-input .button,
.booking-section form .photo-input .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .booking-section form .photo-input .ticket-dropbtn {
margin-top: 0;
min-width: 65px;
border: 1px solid #dedddd;
border-radius: 100px;
font: 10px/28px "walirides", Arial, sans-serif;
color: #b3b3b3;
letter-spacing: 0;
text-align: center;
padding: 0 5px;
cursor: pointer;
margin: 0
}
.dj-no-touch .booking-section form .photo-input .btn:hover,
.dj-no-touch .booking-section form .photo-input .button:hover,
.dj-no-touch .booking-section form .photo-input .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .booking-section form .photo-input .ticket-dropbtn:hover,
.dj-no-touch .booking-section form .photo-input .btn:focus,
.dj-no-touch .booking-section form .photo-input .button:focus,
.dj-no-touch .booking-section form .photo-input .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .booking-section form .photo-input .ticket-dropbtn:focus {
transform: none
}
.booking-section form .photo-input+.note {
display: block;
color: #000;
letter-spacing: -.1px;
font: 500 10px/13px "Futura", Arial, sans-serif
}
.booking-section form .photo-holder {
margin-bottom: 13px
}
.booking-section form .photo-holder img {
display: block;
max-width: 100px
}
.booking-section form .photo-holder+.note {
display: block
}
.booking-section form .photo-holder+.note .remove {
font: 500 12px/24px "Futura", Arial, sans-serif;
color: #000;
letter-spacing: -.15px;
padding-right: 20px;
position: relative;
display: inline-block;
vertical-align: top;
cursor: pointer
}
.booking-section form .photo-holder+.note .remove svg {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.booking-section form .photo-holder+.note .remove:hover {
text-decoration: underline
}
.booking-section form .checkbox-style {
margin-bottom: -35px
}
@media (max-width:1023px) {
.booking-section form .checkbox-style {
margin-bottom: 0
}
}
.booking-section form .checkbox-style+p {
margin: 44px 0 0;
font-family: "Futura", Arial, sans-serif;
font-weight: 500;
font-size: 10px;
color: #000;
letter-spacing: -.1px;
line-height: 13px;
max-width: 570px
}
@media (max-width:1023px) {
.booking-section form .checkbox-style+p {
margin: 5px 0 0
}
}
.booking-section form .checkbox-style.error .jcf-checkbox {
border-color: #f81700
}
.booking-section form .checkbox-style .jcf-checkbox {
cursor: pointer;
overflow: visible;
position: static
}
.booking-section form .checkbox-style .jcf-checkbox input[type=checkbox] {
opacity: 0;
width: 20px;
height: 20px;
cursor: pointer
}
.booking-section form .checkbox-style .jcf-checkbox span {
border-color: #fff !important;
margin: -3px 0 0 -4px;
border-width: 0 0 2px 2px
}
.booking-section form .checkbox-style .jcf-checkbox span.error__message {
width: 100%;
height: auto;
min-width: 280px;
border: none;
margin: 0
}
@media (max-width:1023px) {
.booking-section form .checkbox-style .jcf-checkbox span.error__message {
min-width: 280px;
position: absolute
}
}
.booking-section form .checkbox-style .jcf-checkbox.jcf-checked {
border-color: #00538a !important;
background-color: #00538a;
overflow: hidden;
position: relative
}
.booking-section form .checkbox-style label {
color: #000;
font-weight: 700;
margin-bottom: 0
}
.booking-section form .checkbox-style label a {
color: #00538a
}
.booking-section form .form-actions {
padding-top: 16px
}
.booking-section form .form-actions .btn,
.booking-section form .form-actions .button,
.booking-section form .form-actions .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .booking-section form .form-actions .ticket-dropbtn {
font-size: 16px
}
.booking-section .amount-of-tickets .jcf-select {
margin: 0;
min-width: 120px;
height: 29px;
border-color: #e6e6e6;
position: relative;
cursor: pointer
}
.booking-section .amount-of-tickets .jcf-select .jcf-select-text {
font-size: 10px;
font-family: "Futura-Book", "Futura", Arial, sans-serif;
line-height: 27px;
margin: 0 20px 0 10px;
color: #000;
letter-spacing: -.1px;
text-transform: uppercase;
cursor: pointer
}
.booking-section .amount-of-tickets .jcf-select .jcf-select-text:after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -319px -83px;
width: 5px;
height: 7px;
right: 11px;
width: 5px;
height: 7px;
z-index: 2
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.booking-section .amount-of-tickets .jcf-select .jcf-select-text:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.booking-section .amount-of-tickets .jcf-select-drop {
position: absolute;
left: 0;
top: 39px;
width: calc(100% + 20px);
background: #fff;
z-index: 50;
max-height: 100px;
overflow: hidden;
overflow-y: auto
}
.booking-section .amount-of-tickets .jcf-select-drop .jcf-option {
white-space: normal;
cursor: pointer
}
.booking-section .amount-of-tickets .jcf-select-drop .jcf-option:hover {
color: #323c47;
background: #f5f5f5
}
.booking-section .block-undated-tickets:after {
content: "";
clear: both;
display: block
}
.booking-section .block-undated-tickets .check-ticket {
float: left;
line-height: 18px
}
.booking-section .block-undated-tickets label {
font-weight: 700;
line-height: 18px;
display: inline;
margin: 0
}
.booking-section .block-undated-tickets .jcf-checkbox,
.booking-section .block-undated-tickets .jcf-focus {
border: 2px solid #b3b3b3 !important;
border-radius: 4px;
background-color: #fff;
width: 20px;
height: 20px;
margin: 0 8px 0 0
}
.booking-section .block-undated-tickets .jcf-checkbox span,
.booking-section .block-undated-tickets .jcf-focus span {
border-color: #fff !important;
margin: -3px 0 0 -4px
}
.booking-section .block-undated-tickets .jcf-checkbox.jcf-checked,
.booking-section .block-undated-tickets .jcf-focus.jcf-checked {
border-color: #00538a !important;
background-color: #00538a
}
.booking-section .block-undated-tickets .icon-info-for-check {
width: 16px;
height: 16px;
float: left;
margin: 2px 0 0 10px;
position: relative;
cursor: pointer
}
.dj-no-touch .booking-section .block-undated-tickets .icon-info-for-check:hover .info-tooltip,
.dj-no-touch .booking-section .block-undated-tickets .icon-info-for-check:focus .info-tooltip {
display: block
}
.booking-section .step3 form label.form-required:after {
color: #f81700;
margin-left: 1px
}
.booking-section.season-pass .default-form .tickets-tab+.row {
padding-bottom: 20px;
margin-bottom: 25px;
position: relative
}
.booking-section.season-pass .default-form .tickets-tab+.row:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
height: 1px;
background: #dedddd
}
.booking-section.season-pass .default-form .form-actions {
display: none
}
@media (max-width:1023px) {
.booking-section.season-pass .default-form .form-actions {
display: block
}
}
.ticket-checkout-section {
display: flex
}
.ticket-checkout-section .tickets-not-avaliable {
text-align: center
}
.ticket-checkout-section .tickets-not-avaliable__image {
max-width: 250px
}
.ticket-checkout-section .tickets-not-avaliable__title {
font: 700 16px/20px "walirides", Arial, sans-serif
}
.ticket-checkout-section .tickets-not-avaliable__lead {
font-size: 14px;
margin: 10px 0 0
}
.ticket-checkout-section .tickets-not-avaliable__btns {
margin: 10px 0 0
}
.ticket-checkout-section .tickets-not-avaliable__btns a {
background-color: #384550;
color: #fff;
margin: 0 10px
}
@media (max-width:767px) {
.ticket-checkout-section .tickets-not-avaliable__btns a {
margin: 5px;
min-width: 100px
}
}
.ticket-checkout-section .section-content {
border-right: 1px solid #dedddd;
padding: 24px 48px 40px 74px;
flex: 1
}
@media (max-width:1025px) {
.ticket-checkout-section .section-content {
margin: 0;
border: 0;
padding: 24px 48px 82px
}
}
@media (max-width:1023px) {
.ticket-checkout-section .section-content {
padding: 24px 24px 82px
}
}
@media (max-width:767px) {
.ticket-checkout-section .section-content {
padding: 26px 20px 82px
}
}
.ticket-checkout-section .section-content .label_calendar {
display: block;
padding-bottom: 11px;
font: 14px/20px "Futura-Book", "Futura", Arial, sans-serif;
letter-spacing: -.14px;
color: #828282
}
.ticket-checkout-section .section-content .btn-block {
text-align: right;
display: none
}
@media (max-width:1025px) {
.ticket-checkout-section .section-content .btn-block {
display: block
}
}
.ticket-checkout-section .section-content .btn-block .btn,
.ticket-checkout-section .section-content .btn-block .button,
.ticket-checkout-section .section-content .btn-block .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .ticket-checkout-section .section-content .btn-block .ticket-dropbtn {
min-width: 82px;
font-size: 12px;
line-height: 24px
}
@media (max-width:1023px) {
.ticket-checkout-section .section-content .btn-block .btn,
.ticket-checkout-section .section-content .btn-block .button,
.ticket-checkout-section .section-content .btn-block .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .ticket-checkout-section .section-content .btn-block .ticket-dropbtn {
margin: 0
}
}
.dj-no-touch .ticket-checkout-section .section-content .btn-block .btn:hover,
.dj-no-touch .ticket-checkout-section .section-content .btn-block .button:hover,
.dj-no-touch .ticket-checkout-section .section-content .btn-block .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .ticket-checkout-section .section-content .btn-block .ticket-dropbtn:hover,
.dj-no-touch .ticket-checkout-section .section-content .btn-block .btn:focus,
.dj-no-touch .ticket-checkout-section .section-content .btn-block .button:focus,
.dj-no-touch .ticket-checkout-section .section-content .btn-block .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .ticket-checkout-section .section-content .btn-block .ticket-dropbtn:focus {
transform: inherit
}
.ticket-checkout-section .section-content h3,
.ticket-checkout-section .section-content .h3 {
font: 700 16px/20px "walirides", Arial, sans-serif;
margin: 0 0 20px;
color: #384550
}
.ticket-checkout-section .section-content .free-entrance {
color: #384550;
position: relative;
z-index: 1;
padding: 0 0 0 1px
}
.ticket-checkout-section .section-content .free-entrance .free {
display: none
}
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar__details .calendar_frame td.selected.ticket,
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar__details .calendar_frame td.selected:hover {
box-shadow: inset 0px 0px 0px 2px #fab700;
background: #d8d8d8
}
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar__details .calendar_frame td.selected.ticket .free,
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar__details .calendar_frame td.selected:hover .free {
position: absolute;
display: block;
font-size: 9px;
font-weight: 500;
text-transform: uppercase;
right: 0;
bottom: 0;
background-color: #fab700;
color: #384550;
padding: 1px 2px
}
.ticket-checkout-section .section-content .free-entrance .badge {
font-size: 12px;
line-height: 15px;
background: #fab700;
text-transform: uppercase;
padding: 8px 12px 8px 10px;
margin-right: 7px;
display: inline-block;
vertical-align: top;
border-radius: 0;
font-weight: 400;
letter-spacing: .5px
}
.ticket-checkout-section .section-content .free-entrance .title {
font-size: 18px;
font-weight: 600;
letter-spacing: .1px;
line-height: 20px
}
@media (max-width:767px) {
.ticket-checkout-section .section-content .free-entrance .title {
display: block;
margin: 16px 0 0
}
}
.ticket-checkout-section .section-content .free-entrance p {
font-size: 16px;
line-height: 30px;
margin: 14px 5px 14px 0
}
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar {
padding: 0;
margin: 0;
border: 0;
background-color: transparent
}
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar__calendar-trigger {
border-width: 1px !important;
border-radius: 5px !important
}
.ticket-checkout-section .section-content .free-entrance .homepage-availability-calendar__details {
top: 75px
}
.ticket-checkout-section .section-content .ticket-filters {
margin: -8px 0 18px
}
.ticket-checkout-section .section-content .ticket-filters-label {
text-transform: uppercase;
font-size: 11px;
color: #828282
}
.ticket-checkout-section .section-content .ticket-filters span:not(:first-child) {
display: inline-block;
text-transform: uppercase;
padding: 3px 9px;
background-color: #fff;
border: 2px solid #e5e5e5;
border-radius: 5px;
font-size: 11px;
font-weight: 600;
margin: 0 7px 0 0;
color: #ccc;
cursor: pointer
}
.ticket-checkout-section .section-content .ticket-filters span:not(:first-child).active {
color: #384550
}
.ticket-checkout-section.success {
display: block
}
.ticket-checkout-section.success .section-content {
padding: 0
}
.ticket-checkout-section.success .booking-message-block .icon {
color: #a0cc00
}
.ticket-checkout-section.success .booking-message-block h2,
.ticket-checkout-section.success .booking-message-block .h2 {
color: #a0cc00
}
.ticket-checkout-section.success .booking-message-block p {
margin: 0 0 43px
}
.ticket-checkout-section.error .section-content {
display: flex;
justify-content: flex-end;
padding: 0;
align-items: flex-start
}
@media (max-width:1025px) {
.ticket-checkout-section.error .section-content {
display: block
}
}
@media (max-width:1025px) {
.ticket-checkout-section.error .booking-message-block {
margin: 27px auto
}
}
.ticket-checkout-section.error .booking-message-block h2,
.ticket-checkout-section.error .booking-message-block .h2 {
color: #f81700
}
.ticket-checkout-section.error .booking-message-block p {
margin: 0 0 43px
}
.ticket-checkout-section.pending {
display: block
}
.ticket-checkout-section.pending .section-content {
padding: 0
}
.ticket-checkout-section.pending .booking-message-block .icon {
color: #fab700
}
.ticket-checkout-section.pending .booking-message-block h2,
.ticket-checkout-section.pending .booking-message-block .h2 {
color: #fab700
}
.section-tickets-list:after {
content: "";
clear: both;
display: table
}
.section-tickets-list h2,
.section-tickets-list .h2 {
margin: 28px 0 24px;
font: bold 16px/18px "walirides", Arial, sans-serif;
color: #384550
}
.section-tickets-list h2+h3.sub_ttl,
.section-tickets-list .h2+h3.sub_ttl,
.section-tickets-list h2+.sub_ttl.h3,
.section-tickets-list .h2+.sub_ttl.h3 {
margin-top: 0
}
.section-tickets-list h2~h3,
.section-tickets-list .h2~h3,
.section-tickets-list h2~.h3,
.section-tickets-list .h2~.h3 {
margin: 0
}
.section-tickets-list>h3.sub_ttl,
.section-tickets-list>.sub_ttl.h3 {
color: #384550;
margin: 20px 0;
font: bold 16px/25px "Futura", Arial, sans-serif
}
.ticket-block {
background-color: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
margin: 0 0 16px
}
.ticket-block .info-block:after {
content: "";
clear: both;
display: table
}
@media (max-width:767px) {
.ticket-block .info-block {
padding: 0 0 28px;
position: relative
}
}
.ticket-block .ticket-detail {
border-top: 1px solid #e5e5e5;
padding: 15px 37px 15px 45px;
display: none;
font-weight: 500;
font-size: 14px;
line-height: 23px;
color: #333
}
@media (max-width:1023px) {
.ticket-block .ticket-detail {
padding: 15px 20px
}
}
.ticket-block .ticket-detail ul {
list-style: none;
padding: 0;
margin: 0;
font-weight: 500;
font-size: 14px;
line-height: 23px;
color: #333;
column-count: 2;
width: 86%
}
@media (max-width:1023px) {
.ticket-block .ticket-detail ul {
width: 100%
}
}
@media (max-width:767px) {
.ticket-block .ticket-detail ul {
column-count: 1
}
}
.ticket-block .ticket-detail ul li {
position: relative;
padding-left: 10px;
margin-right: 18px
}
@media (max-width:767px) {
.ticket-block .ticket-detail ul li {
margin: 0
}
}
.ticket-block .ticket-detail ul li:after {
content: "";
width: 4px;
height: 4px;
position: absolute;
left: 0;
top: 9px;
border-radius: 50%;
background-color: #333
}
.ticket-block .ticket-info:after {
content: "";
clear: both;
display: table
}
.ticket-block .img-block {
height: 109px;
width: 375px;
position: relative;
float: left
}
@media (max-width:1023px) {
.ticket-block .img-block {
float: none;
width: 100%
}
}
@media (max-width:767px) {
.ticket-block .img-block {
height: 74px
}
}
.ticket-block .img-block img {
display: none;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover
}
.ticket-block .img-block h3,
.ticket-block .img-block .h3,
.ticket-block .img-block h2,
.ticket-block .img-block .h2 {
font: 700 24px/30px "walirides", Arial, sans-serif;
color: #384550;
text-transform: uppercase;
margin: 0;
max-width: 246px;
position: absolute;
top: 50%;
left: 44px;
transform: translate(0, -50%)
}
@media (max-width:1023px) {
.ticket-block .img-block h3,
.ticket-block .img-block .h3,
.ticket-block .img-block h2,
.ticket-block .img-block .h2 {
font-size: 22px;
max-width: 220px;
left: 20px
}
}
.ticket-block .img-block.have-img {
background: #6d6d6d
}
.ticket-block .img-block.have-img img {
display: block
}
.ticket-block .img-block.have-img h3,
.ticket-block .img-block.have-img .h3 {
color: #fff
}
.ticket-block .price-section {
float: left;
padding: 16px 0 16px 25px;
min-width: 122px;
width: 156px
}
@media (max-width:1023px) {
.ticket-block .price-section {
padding: 20px 5px 2px 20px
}
}
@media (max-width:767px) {
.ticket-block .price-section {
width: 50%;
min-width: 0
}
}
.ticket-block .price-section .price-info {
color: #b3b3b3;
display: block;
font: 400 12px/18px "walirides", Arial, sans-serif;
max-width: 130px
}
.ticket-block .price-section .price-block {
font-weight: 700;
color: #384550;
margin: 0 0 -5px;
font-size: 0
}
@media (max-width:767px) {
.ticket-block .price-section .price-block {
font-size: initial
}
}
.ticket-block .price-section .price-block .price-value {
font-size: 50px;
line-height: 60px;
display: inline-block
}
@media (max-width:767px) {
.ticket-block .price-section .price-block .price-value {
font: 700 35px/35px "walirides", Arial, sans-serif
}
}
.ticket-block .price-section .price-block .price-value-prefix {
display: inline-block;
text-align-last: left;
position: relative;
top: -4px
}
@media (max-width:767px) {
.ticket-block .price-section .price-block .price-value-prefix {
top: 0;
left: -3px
}
}
.ticket-block .price-section .price-block .price-value-prefix .curency {
display: block;
font-size: 18px;
line-height: 18px
}
@media (max-width:767px) {
.ticket-block .price-section .price-block .price-value-prefix .curency {
font: 700 14px/18px "walirides", Arial, sans-serif
}
}
.ticket-block .price-section .price-block .price-value-prefix .cents {
display: block;
clear: both;
font-size: 20px;
line-height: 20px
}
@media (max-width:767px) {
.ticket-block .price-section .price-block .price-value-prefix .cents {
font: 700 12px/15px "walirides", Arial, sans-serif;
position: relative;
top: -4px
}
}
.ticket-block .btn-more-info {
float: right;
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #384550;
position: relative;
margin: 40px 40px 40px 0;
padding-right: 23px;
cursor: pointer
}
.ticket-block .btn-more-info:after {
content: "";
position: absolute;
top: 7px;
right: 0;
width: 10px;
height: 10px;
border: solid #262626;
border-width: 2px 2px 0 0;
transform: rotate(135deg)
}
@media (max-width:1279px) {
.ticket-block .btn-more-info {
margin-right: 20px
}
}
@media (max-width:767px) {
.ticket-block .btn-more-info {
clear: both;
float: none;
font-size: 14px;
display: inline-block;
transform: translate(-50%, 0);
margin: 0;
left: 50%;
position: absolute;
bottom: 10px
}
}
.ticket-block.detail-is-show .ticket-detail {
display: block
}
.ticket-block.detail-is-show .btn-more-info:after {
transform: rotate(-45deg);
top: 13px
}
.amount-of-tickets {
float: left
}
@media (max-width:767px) {
.amount-of-tickets {
float: right;
max-width: 50%
}
}
.amount-of-tickets form {
padding: 18px 28px 0 19px;
position: relative
}
.amount-of-tickets form.disabled {
opacity: .3;
pointer-events: none
}
@media (max-width:1279px) {
.amount-of-tickets form {
padding: 18px 18px 0
}
}
@media (max-width:767px) {
.amount-of-tickets form {
padding: 17px 11px 0
}
}
.amount-of-tickets form+.holder {
opacity: .3;
pointer-events: none;
padding-top: 0;
padding-bottom: 21px
}
.amount-of-tickets form+.holder.active {
opacity: 1;
pointer-events: auto
}
.amount-of-tickets .holder {
overflow: hidden;
padding: 42px 38px 42px 29px
}
@media (max-width:1279px) {
.amount-of-tickets .holder {
padding: 42px 28px
}
}
@media (max-width:767px) {
.amount-of-tickets .holder {
float: right;
padding: 30px 11px 20px
}
}
.amount-of-tickets .form-item {
width: 120px;
margin-bottom: 16px;
position: relative
}
.amount-of-tickets .form-item.error .jcf-select {
border: 2px solid #f81700
}
.amount-of-tickets .form-item.error .jcf-select .jcf-select-text {
margin: 0 19px 0 9px
}
.amount-of-tickets .count {
float: left;
color: #000;
font-weight: 700;
font-size: 18px;
line-height: 25px;
width: 50px;
text-align: center
}
.amount-of-tickets .change-amount {
width: 25px;
height: 25px;
border: 1px solid #b3b3b3;
border-radius: 50%;
position: relative;
float: left;
background-color: #fff;
cursor: pointer
}
.amount-of-tickets .change-amount:after {
content: "";
width: 11px;
height: 1px;
background-color: #000;
position: absolute;
top: 11px;
left: 6px
}
.amount-of-tickets .change-amount:before {
content: "";
width: 1px;
height: 11px;
background-color: #000;
position: absolute;
top: 6px;
left: 11px;
display: none
}
.amount-of-tickets .change-amount.plus:before {
display: block
}
.info-tooltip {
position: absolute;
top: 100%;
right: 0;
border: 1px solid #e5e5e5;
border-radius: 4px;
background-color: #fff;
width: 240px;
padding: 16px;
z-index: 2;
display: none
}
.info-tooltip.active {
display: block
}
.info-tooltip p {
margin: 0
}
.ticket-booking-page {
background: #fafafa
}
.ticket-booking-page .main-footer {
z-index: 0
}
.booking-message-block {
max-width: 570px;
margin: 27px auto;
background-color: #fff;
border: 1px solid #dedddd;
text-align: center;
padding: 36px 20px 38px;
color: #333;
font: 14px/25px "Futura-Book", "Futura", Arial, sans-serif;
letter-spacing: -.14px
}
.booking-message-block .icon {
margin: 0 auto;
width: 69px;
height: 66px;
margin-bottom: 14px;
display: block
}
.booking-message-block h2,
.booking-message-block .h2 {
margin: 0 0 44px;
font: bold 30px/40px "walirides", Arial, sans-serif;
letter-spacing: normal
}
.booking-message-block h2 span,
.booking-message-block .h2 span {
display: block
}
.booking-message-block p {
margin: 0
}
.booking-message-block ol {
margin: 0 0 29px
}
.booking-message-block .btn,
.booking-message-block .button,
.booking-message-block .block-contact-form form .button,
.block-contact-form form .booking-message-block .button,
.booking-message-block .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .booking-message-block .ticket-dropbtn {
min-width: 170px;
letter-spacing: 0;
font-size: 16px
}
.village-ticket-box {
margin-bottom: 25px;
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
width: 100%
}
.village-ticket-box .top-section {
display: flex;
border-bottom: 1px solid #dedddd
}
@media (max-width:1023px) {
.village-ticket-box .top-section {
flex-direction: column;
position: relative
}
}
.village-ticket-box .bottom-section {
display: flex;
flex-direction: row-reverse;
padding: 25px 0 19px;
align-items: center
}
@media (max-width:1023px) {
.village-ticket-box .bottom-section {
flex-direction: column;
padding: 0
}
}
.village-ticket-box .btn-holder {
flex: 0 0 auto;
width: 271px;
padding-left: 24px;
font-size: 0;
line-height: 0
}
@media (max-width:1023px) {
.village-ticket-box .btn-holder {
width: 100%;
padding: 8px 16px
}
}
.village-ticket-box .btn-holder a {
display: inline-block;
vertical-align: top;
text-decoration: none;
font: 500 12px/24px "Futura", Arial, sans-serif;
color: #000;
letter-spacing: -.15px;
padding-right: 18px;
position: relative
}
@media (min-width:1024px) {
.village-ticket-box .btn-holder a:hover {
color: #f81700;
text-decoration: underline
}
}
@media (max-width:1023px) {
.village-ticket-box .btn-holder a {
padding: 0 0 0 18px
}
}
.village-ticket-box .btn-holder .svg-icon {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 13px;
height: 12px;
color: #f81700
}
@media (max-width:1023px) {
.village-ticket-box .btn-holder .svg-icon {
left: 0;
right: auto
}
}
.village-ticket-box .amount-holder {
display: flex;
flex: 0 0 auto;
width: calc(100% - 271px);
flex-direction: row;
justify-content: flex-end;
padding-right: 27px
}
@media (max-width:1023px) {
.village-ticket-box .amount-holder {
width: 100%;
flex-direction: column;
padding: 25px 10px 0;
border-bottom: 1px solid #dedddd
}
}
.village-ticket-box .amount-block {
display: flex;
align-items: center;
padding-left: 61px
}
.village-ticket-box .amount-block:first-child {
padding-left: 0
}
@media (max-width:1023px) {
.village-ticket-box .amount-block {
padding: 0 0 18px;
justify-content: space-between
}
}
.village-ticket-box .amount-block .amount_label {
font: 500 16px/24px "Futura", Arial, sans-serif;
color: #000;
letter-spacing: -.2px;
flex: 0 0 auto;
padding-right: 12px
}
.village-ticket-box .amount-block .holder {
flex: 0 0 auto
}
.village-ticket-box .amount-block .count {
float: left;
color: #000;
font-weight: 700;
font-size: 18px;
line-height: 25px;
width: 50px;
text-align: center
}
.village-ticket-box .amount-block .change-amount {
width: 25px;
height: 25px;
border: 1px solid #b3b3b3;
border-radius: 50%;
position: relative;
float: left;
background-color: #fff;
cursor: pointer
}
.village-ticket-box .amount-block .change-amount:after {
content: "";
width: 11px;
height: 1px;
background-color: #000;
position: absolute;
top: 11px;
left: 6px
}
.village-ticket-box .amount-block .change-amount:before {
content: "";
width: 1px;
height: 11px;
background-color: #000;
position: absolute;
top: 6px;
left: 11px;
display: none
}
.village-ticket-box .amount-block .change-amount.plus:before {
display: block
}
.village-ticket-box .img-holder {
flex: 0 0 auto;
width: 271px;
height: 173px
}
@media (max-width:1023px) {
.village-ticket-box .img-holder {
width: 100%;
height: 73px
}
}
.village-ticket-box .img-holder img {
display: block;
object-fit: cover;
width: 100%;
height: 100%
}
.village-ticket-box .info {
display: flex;
flex: 0 0 auto;
width: calc(100% - 271px);
flex-direction: row-reverse;
justify-content: flex-end
}
@media (max-width:1023px) {
.village-ticket-box .info {
width: 100%;
flex-direction: row;
padding: 10px 19px 10px 10px;
align-items: center;
justify-content: space-between
}
}
.village-ticket-box .data {
flex: 1;
padding: 23px 49px 0 25px
}
@media (max-width:1023px) {
.village-ticket-box .data {
width: auto;
padding: 0;
text-align: right
}
}
.village-ticket-box .data h3,
.village-ticket-box .data .h3 {
margin: 0 0 19px;
font: bold 24px/29px "walirides", Arial, sans-serif;
color: #384550;
letter-spacing: -.11px;
text-transform: uppercase
}
@media (max-width:1023px) {
.village-ticket-box .data h3,
.village-ticket-box .data .h3 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 73px;
font-size: 22px;
letter-spacing: -.1px;
color: #fff;
display: flex;
align-items: center;
padding: 0 10px;
margin: 0;
text-align: left
}
}
.village-ticket-box .data .txt {
font: bold 14px/22px "Futura", Arial, sans-serif;
color: #333;
letter-spacing: -.14px;
padding-bottom: 10px
}
.village-ticket-box .data .txt p {
margin: 0
}
@media (max-width:1023px) {
.village-ticket-box .data .txt {
display: none
}
}
.village-ticket-box .data .btn-show {
text-decoration: none;
font: 500 14px/16px "Futura", Arial, sans-serif;
color: #384550;
letter-spacing: -.06px;
padding-right: 16px;
position: relative;
display: none
}
.village-ticket-box .data .btn-show:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -153px -127px;
width: 13px;
height: 8px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.village-ticket-box .data .btn-show:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
@media (max-width:1023px) {
.village-ticket-box .data .btn-show {
display: inline-block;
vertical-align: middle
}
}
.village-ticket-box .price-section {
flex: 0 0 auto;
padding: 18px 26px 0 0
}
@media (max-width:1023px) {
.village-ticket-box .price-section {
width: auto;
padding: 0
}
}
.village-ticket-box .price-section .price-info {
color: #b3b3b3;
display: block;
font: 500 12px/15px "walirides", Arial, sans-serif;
max-width: 100%;
letter-spacing: -.12px
}
@media (max-width:767px) {
.village-ticket-box .price-section .price-info {
font-size: 10px;
letter-spacing: -.1px;
text-align: right;
font-weight: 400;
padding-right: 10px
}
}
.village-ticket-box .price-section .price-block {
font-weight: 700;
color: #384550;
margin: 0 0 -5px;
font-size: 0;
white-space: nowrap
}
@media (max-width:767px) {
.village-ticket-box .price-section .price-block {
font-size: initial
}
}
.village-ticket-box .price-section .price-block .price-value {
font-size: 50px;
line-height: 60px;
display: inline-block;
letter-spacing: -.95px
}
@media (max-width:767px) {
.village-ticket-box .price-section .price-block .price-value {
font: 700 35px/35px "walirides", Arial, sans-serif;
letter-spacing: -.67px
}
}
.village-ticket-box .price-section .price-block .price-value-prefix {
display: inline-block;
text-align-last: left;
position: relative;
top: -4px
}
@media (max-width:767px) {
.village-ticket-box .price-section .price-block .price-value-prefix {
top: 0;
left: -3px
}
}
.village-ticket-box .price-section .price-block .price-value-prefix .curency {
display: block;
font: bold 18px/18px "walirides", Arial, sans-serif;
letter-spacing: -.34px
}
@media (max-width:767px) {
.village-ticket-box .price-section .price-block .price-value-prefix .curency {
font: 700 14px/18px "walirides", Arial, sans-serif;
letter-spacing: 0
}
}
.village-ticket-box .price-section .price-block .price-value-prefix .cents {
display: block;
clear: both;
font-size: 20px;
line-height: 20px;
letter-spacing: -.38px
}
@media (max-width:767px) {
.village-ticket-box .price-section .price-block .price-value-prefix .cents {
font: 700 12px/15px "walirides", Arial, sans-serif;
position: relative;
top: -4px;
letter-spacing: -.23px
}
}
@media (max-width:1023px) {
.village-ticket-box.view-more .data .btn-show:after {
transform: translateY(-50%) rotate(-180deg)
}
.village-ticket-box.view-more .data .txt {
text-align: left;
display: block;
position: absolute;
left: 0;
top: 100%;
background: #fff;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
padding: 10px;
z-index: 2;
width: 100%
}
}
.add-ticket-form {
padding: 10px 0 165px;
max-width: 274px
}
@media (max-width:1023px) {
.add-ticket-form {
max-width: 280px;
padding: 10px 0 23px
}
}
.add-ticket-form .add-house_label {
display: block;
font: 500 10px/13px "Futura", Arial, sans-serif;
color: #b3b3b3;
text-transform: uppercase;
padding-bottom: 8px
}
.add-ticket-form .form-item {
width: 100%;
position: relative
}
.add-ticket-form .jcf-select {
height: 53px;
border: 1px solid #e6e6e6;
border-radius: 5px 4px 4px 5px;
margin: 0;
position: relative
}
.add-ticket-form .jcf-select-text {
font: 12px/51px "Futura-Book", "Futura", Arial, sans-serif;
color: #000;
letter-spacing: -.12px;
text-transform: uppercase;
margin: 0 35px 0 18px;
cursor: pointer
}
.add-ticket-form .jcf-select-text:after {
content: '';
position: absolute;
right: 21px;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -316px -229px;
width: 7px;
height: 12px
}
.add-ticket-form .jcf-select-drop {
margin-top: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 2;
max-height: 354px;
overflow: auto
}
.add-ticket-form .jcf-list {
padding: 12px 0 5px
}
.add-ticket-form .jcf-list .jcf-option {
overflow: hidden;
cursor: pointer;
padding: 12px 20px
}
.add-ticket-form .jcf-list .jcf-option:hover {
background: #8a8c23;
color: #fff
}
.add-ticket-form .jcf-list .jcf-option.option-unavailable {
pointer-events: none
}
.add-ticket-form .jcf-list .jcf-option.option-unavailable:hover {
background: #fff;
color: #323c47
}
.add-ticket-form .jcf-list .jcf-option .name {
float: left;
max-width: 60%;
white-space: normal
}
.add-ticket-form .jcf-list .jcf-option .price {
float: right;
max-width: 40%;
text-align: right;
white-space: normal
}
.add-ticket-form .jcf-list .jcf-option .unavailable {
color: #f81700;
white-space: nowrap
}
.package-box {
background: #384550
}
.package-box .package-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 22px 20px 22px 33px;
border-bottom: 1px solid #b3b3b3
}
@media (max-width:1023px) {
.package-box .package-header {
padding: 12px 11px 14px
}
}
.package-box .package-header .ttl {
color: #fff;
letter-spacing: -.19px;
font: 500 15px/24px "Futura", Arial, sans-serif;
flex: 0 0 auto;
width: 50%
}
@media (max-width:1023px) {
.package-box .package-header .ttl {
line-height: 20px
}
}
.package-box .package-footer {
display: flex;
justify-content: flex-end;
align-items: center;
padding-bottom: 22px
}
@media (max-width:1023px) {
.package-box .package-footer {
padding-bottom: 12px
}
}
.package-box .btn-trigger {
color: #fff;
letter-spacing: -.15px;
font: 500 12px/24px "Futura", Arial, sans-serif;
padding-right: 20px;
position: relative;
cursor: pointer
}
.package-box .btn-trigger:after {
content: "";
position: absolute;
top: 3px;
right: 0;
width: 10px;
height: 10px;
border: solid #fff;
border-width: 2px 2px 0 0;
transform: rotate(135deg)
}
.package-box .btn-trigger .txt-close {
display: none
}
.package-box .package-list {
display: none;
padding: 0 24px 0 32px
}
@media (max-width:1023px) {
.package-box .package-list {
padding: 0 11px
}
}
.package-box .package-list .error-box {
background: #384550;
color: #fff;
font: 300 15px/20px "Futura", Arial, sans-serif;
letter-spacing: -.15px;
text-align: center;
padding: 18px 0;
border: 1px solid #f81700;
margin: 32px 0 -16px
}
.package-box .package-list .error-box p {
margin: 0
}
@media (max-width:1023px) {
.package-box .package-list .error-box {
margin: 23px 0 0
}
}
.package-box .package-list .item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 45px 0
}
.package-box .package-list .item:first-child {
padding-top: 53px
}
.package-box .package-list .item:last-child {
padding-bottom: 25px
}
@media (max-width:1023px) {
.package-box .package-list .item {
display: block;
padding: 19px 0
}
.package-box .package-list .item:first-child {
padding-top: 23px
}
.package-box .package-list .item:last-child {
padding-bottom: 19px
}
}
.package-box .package-list .ttl {
color: #fff;
letter-spacing: -.11px;
font: bold 24px/29px "walirides", Arial, sans-serif;
text-transform: uppercase
}
@media (max-width:1023px) {
.package-box .package-list .ttl {
display: block;
font-size: 15px;
line-height: 20px;
letter-spacing: -.07px;
padding-bottom: 10px
}
}
.package-box .package-list .form-item {
flex: 0 0 auto;
width: 121px;
position: relative
}
.package-box .package-list .form-item.error .jcf-select {
border: 2px solid #f81700
}
.package-box .package-list .form-item.error .jcf-select .jcf-select-text {
margin: 0 19px 0 9px
}
.package-box .package-list .jcf-select {
margin: 0;
min-width: 121px;
height: 29px;
border-color: #e6e6e6;
position: relative;
cursor: pointer
}
.package-box .package-list .jcf-select .jcf-select-text {
font-size: 10px;
font-family: "Futura-Book", "Futura", Arial, sans-serif;
line-height: 27px;
margin: 0 20px 0 10px;
color: #000;
letter-spacing: -.1px;
text-transform: uppercase;
cursor: pointer
}
.package-box .package-list .jcf-select .jcf-select-text:after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -319px -83px;
width: 5px;
height: 7px;
right: 11px;
width: 5px;
height: 7px;
z-index: 2
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.package-box .package-list .jcf-select .jcf-select-text:after {
background-image: url(../images/spritesheet%402x.png);
background-size: 324px 300px
}
}
.package-box .package-list .jcf-select-drop {
position: absolute;
left: 0;
top: 39px;
width: calc(100% + 20px);
background: #fff;
z-index: 50;
max-height: 100px;
overflow: hidden;
overflow-y: auto;
margin-top: 0
}
.package-box .package-list .jcf-select-drop .jcf-option {
white-space: normal;
cursor: pointer
}
.package-box .package-list .jcf-select-drop .jcf-option:hover {
color: #323c47;
background: #f5f5f5
}
.package-box.opened .btn-trigger:after {
transform: rotate(-45deg);
top: 9px
}
.package-box.opened .btn-trigger .txt-close {
display: inline
}
.package-box.opened .btn-trigger .txt-open {
display: none
}
.package-box.opened .package-list {
display: block
}
.tickets-tab {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 20px;
color: #666;
font-size: 14px;
line-height: 24px;
font-weight: 700;
flex-wrap: wrap
}
@media (max-width:767px) {
.tickets-tab {
margin: 0 -20px 20px
}
}
.tickets-tab li {
flex: 0 0 auto;
width: 50%;
border: 1px solid #dedddd;
text-align: center;
position: relative;
background: #ececec;
cursor: pointer;
padding: 18px 20px 11px
}
.tickets-tab li.error {
background: #ffd6d1;
color: #f81700
}
.tickets-tab li.error .icon .svg-icon {
fill: #f81700
}
.tickets-tab li:after {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
height: 8px;
background-color: #f81700;
display: none
}
.tickets-tab li.active-tab {
background-color: #fff;
color: #333
}
.tickets-tab li.active-tab:after {
display: block
}
.tickets-tab li.active-tab .icon .svg-icon {
fill: #333
}
.tickets-tab .tab-name {
display: block;
clear: both
}
.tickets-tab .icon {
width: 20px;
height: 17px;
display: block;
margin: 0 auto
}
.tickets-tab .icon .svg-icon {
fill: #666
}
.step3 .tickets-tab {
margin-bottom: 43px
}
.step3 .tickets-tab li {
width: calc(100%/5)
}
@media (max-width:767px) {
.step3 .tickets-tab li {
width: calc(100%/2)
}
}
.block-contact-form .block-title {
margin-bottom: 30px;
font-family: "walirides", Arial, sans-serif;
font-size: 19px;
letter-spacing: -.18px
}
@media (max-width:1023px) {
.block-contact-form {
padding: 30px
}
}
@media (min-width:1024px) {
.block-contact-form {
width: calc(56.14% + 110px);
padding: 45px 55px
}
.block-contact-form.align-form-left {
margin: 0
}
.block-contact-form.align-form-center {
margin: 0 auto
}
.block-contact-form.align-form-right {
margin: 0 0 0 auto
}
}
.block-contact-form form .button {
-webkit-appearance: none
}
@media (max-width:1023px) {
.block-contact-form form .button {
min-width: 250px;
display: block;
margin-left: 0
}
}
.block-contact-form form .form-text {
margin-top: 0
}
.block-contact-form form .g-captcha .g-recaptcha>div {
margin: 0 auto
}
@media (min-width:1024px) {
.block-contact-form form .g-captcha .g-recaptcha>div {
margin: 0
}
}
@media (min-width:1024px) {
.block-contact-form form .g-captcha {
margin-top: 20px
}
}
.block-contact-form form .form-actions input[type=submit] {
margin-top: 30px
}
@media (min-width:1024px) {
.block-contact-form form .form-actions {
text-align: left
}
.block-contact-form form .form-actions input[type=submit] {
margin-top: 15px
}
}
.block-contact-form form ::-webkit-input-placeholder {
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-weight: 300
}
.block-contact-form form ::-moz-placeholder {
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-weight: 300
}
.block-contact-form form :-ms-input-placeholder {
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-weight: 300
}
.block-contact-form form :-moz-placeholder {
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-weight: 300
}
.block-contact-form form .js-form-item-message {
clear: both
}
@media (max-width:1023px) {
.block-contact-form form legend {
font-size: 14px;
margin-bottom: 15px
}
}
@media (min-width:1280px) {
.block-contact-form form .default-form .g-captcha {
float: left
}
}
@media (min-width:1280px) {
.block-contact-form form .default-form .g-captcha+.form-actions {
float: right
}
}
@media (max-width:1023px) {
.block-contact-form form .default-form input[type=submit] {
margin-left: auto
}
}
.block-contact-form .form-group-columns {
margin-bottom: 0
}
.block-contact-form .form-group-columns .form-item {
margin-top: 0
}
@media (min-width:1024px) {
.block-contact-form .form-group-columns:after {
content: '';
display: block;
clear: both;
width: 100%;
height: 1px
}
.block-contact-form .form-group-columns .form-item {
width: 50%;
float: left;
padding: 0 15px;
box-sizing: border-box
}
.block-contact-form .form-group-columns .form-item:nth-child(odd) {
clear: left;
padding-left: 0
}
.block-contact-form .form-group-columns .form-item:nth-child(even) {
padding-right: 0
}
}
.block-download-app {
padding: 0 40px;
color: #fff
}
@media (max-width:1023px) {
.block-download-app {
padding: 0 20px
}
}
.block-download-app .block-content {
display: flex;
padding: 40px 72px 65px 286px;
align-items: flex-end;
position: relative;
background: url("../images/bg-skew-red.png") no-repeat center top;
background-size: 100% 100%
}
@media (max-width:1023px) {
.block-download-app .block-content {
display: block;
padding: 42px 15px 63px;
background-image: url("../images/bg-skew-red-2.png");
background-size: cover;
text-align: center;
font-weight: 400
}
}
.block-download-app .image-container {
width: 327px;
position: absolute;
top: 0;
left: -71px
}
@media (max-width:1023px) {
.block-download-app .image-container {
display: none
}
}
.block-download-app .image-container img {
display: block;
margin-left: auto
}
.block-download-app .text-container {
margin-right: -40px;
flex: 1;
letter-spacing: -.16px
}
@media (max-width:1023px) {
.block-download-app .text-container {
max-width: none;
margin: 0 0 11px
}
}
.block-download-app .text-container .block-message {
font: 700 30px/1.63 "walirides", Arial, sans-serif;
letter-spacing: -.3px;
width: 90%
}
@media (max-width:1023px) {
.block-download-app .text-container .block-message {
font-size: 22px;
line-height: 1.54
}
}
.block-download-app .links-group {
max-width: 300px;
margin: 0;
padding: 0;
list-style: none
}
@media (max-width:1023px) {
.block-download-app .links-group {
max-width: none;
max-height: 107px
}
}
.block-download-app .links-group li {
display: inline-block;
margin: 0 26px 20px 0;
vertical-align: top;
font-size: 0
}
.block-download-app .links-group li:last-child {
margin-right: 0
}
@media (max-width:1023px) {
.block-download-app .links-group li {
display: block;
margin: 0 0 25px;
text-align: center
}
.block-download-app .links-group li:last-child {
margin-bottom: 0
}
}
.block-download-app .links-group li .btn-download {
display: inline-block
}
.block-download-app .links-group li .btn-download img {
display: block
}
.main-footer-aqualibi .block-download-app .block-content {
background-image: url("../images/bg-skew-blue.png")
}
@media (max-width:1023px) {
.main-footer-aqualibi .block-download-app .block-content {
background-image: url("../images/bg-skew-blue-2.png")
}
}
.block-entertainment-header {
position: relative;
color: #fff;
text-align: center;
font: 700 20px/1.5 "Futura", Arial, sans-serif
}
@media (max-width:1023px) {
.block-entertainment-header {
font-size: 16px;
line-height: 1.5625
}
}
.block-entertainment-header>img,
.block-entertainment-header picture>img,
.block-entertainment-header .video>img {
display: block;
width: 100%;
height: 730px;
object-fit: cover
}
@media (max-width:1023px) {
.block-entertainment-header>img,
.block-entertainment-header picture>img,
.block-entertainment-header .video>img {
width: auto;
min-width: 100%;
height: 550px;
max-width: 1024px;
position: relative;
left: 50%;
transform: translateX(-50%)
}
}
.block-entertainment-header h1,
.block-entertainment-header .h1,
.block-entertainment-header h2,
.block-entertainment-header .h2 {
margin-bottom: .375em;
font-weight: 700;
font-size: 80px;
line-height: 1;
text-shadow: 2px 8px #f81700, 0 21px 33px rgba(24, 24, 24, .37);
letter-spacing: -.35px;
word-break: normal
}
@media (max-width:1279px) {
.block-entertainment-header h1,
.block-entertainment-header .h1,
.block-entertainment-header h2,
.block-entertainment-header .h2 {
font-size: 60px
}
}
@media (max-width:1023px) {
.block-entertainment-header h1,
.block-entertainment-header .h1,
.block-entertainment-header h2,
.block-entertainment-header .h2 {
font-size: 44px;
line-height: 1.1
}
.block-entertainment-header h1 img,
.block-entertainment-header .h1 img,
.block-entertainment-header h2 img,
.block-entertainment-header .h2 img {
max-height: 116px
}
}
.block-entertainment-header h1+p,
.block-entertainment-header .h1+p,
.block-entertainment-header h2+p,
.block-entertainment-header .h2+p {
max-width: 330px;
margin-right: auto;
margin-left: auto;
text-shadow: 0 2px 11px rgba(0, 0, 0, .5);
letter-spacing: -.19px
}
@media (max-width:1023px) {
.block-entertainment-header h1+p,
.block-entertainment-header .h1+p,
.block-entertainment-header h2+p,
.block-entertainment-header .h2+p {
max-width: 240px;
letter-spacing: -.16px
}
}
.block-entertainment-header .btn.link,
.block-entertainment-header .link.button,
.block-entertainment-header .block-prices .ticket-dropdown .link.ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainment-header .link.ticket-dropbtn {
min-width: 170px;
margin-top: 50px
}
.block-entertainment-header .cta {
padding: 40px 69px 40px 0;
position: absolute;
right: 0;
bottom: 85px;
z-index: 1
}
@media (max-width:1023px) {
.block-entertainment-header .cta {
width: 100%;
padding: 26px 20px;
bottom: 0
}
}
.block-entertainment-header .cta:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 65px;
z-index: -1;
background: #f81700 url(../images/pattern-entryworld-red.png) no-repeat;
transform-origin: 0 0;
transform: perspective(600px) rotateY(17deg) skewX(19deg) scaleY(1.02)
}
@media (max-width:1023px) {
.block-entertainment-header .cta:before {
left: 0;
transform: none
}
}
.block-entertainment-header .cta .btn,
.block-entertainment-header .cta .button,
.block-entertainment-header .cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainment-header .cta .ticket-dropbtn {
margin: 0;
font-size: 19px;
line-height: 43px
}
@media (max-width:1023px) {
.block-entertainment-header .cta .btn,
.block-entertainment-header .cta .button,
.block-entertainment-header .cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainment-header .cta .ticket-dropbtn {
padding-right: 27px;
padding-left: 27px
}
}
.block-entertainment-header .content {
display: flex;
width: 100%;
height: 100%;
padding: 75px 70px 160px;
flex-direction: column;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 3
}
@media (max-width:1023px) {
.block-entertainment-header .content {
padding: 190px 20px 90px;
justify-content: flex-start
}
}
.block-entertainment-header:not(.hide-overlay) .content:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-image: linear-gradient(270deg, rgba(0, 0, 0, .14), #000);
opacity: .7
}
@media (max-width:1023px) {
.block-entertainment-header:not(.hide-overlay) .content:before {
background: #000;
opacity: .3
}
}
.block-entertainment-header .video-controls {
position: absolute;
top: 62px;
right: 85px;
z-index: 2
}
.block-entertainment-header.has-video .video>img {
display: block !important;
visibility: hidden
}
@media (max-width:1023px) {
.block-entertainment-header.has-video .video>img {
visibility: visible;
z-index: 2
}
}
.block-entertainment-header-slider {
position: relative
}
.block-entertainment-header-slider .slides .slick-list {
width: 100%
}
@media (max-width:1023px) {
.block-entertainment-header-slider .slides .slick-list {
z-index: 1
}
}
.block-entertainment-header-slider .slides .block-entertainment-header {
overflow: hidden
}
@media (max-width:1023px) {
.block-entertainment-header-slider .slides .slick-prev,
.block-entertainment-header-slider .slides .slick-next {
bottom: 34px
}
}
.block-entertainment-header-slider .slides .slick-dots {
bottom: 52px;
z-index: 2
}
@media (min-width:1024px) {
.block-entertainment-header-slider .slides .slick-dots {
width: auto;
left: 134px;
bottom: 76px
}
}
.block-entertainment-header-slider .slides .slick-dots li button:before {
opacity: .7;
border-color: #fff
}
.block-entertainment-header-slider .slides .slick-dots li.slick-active button:before {
opacity: 1;
background: #fff
}
.block-entertainment-header-slider .btn-play {
display: none;
height: 50px;
width: 50px;
position: absolute;
left: 53px;
bottom: 58px;
z-index: 2
}
.block-entertainment-header-slider .btn-play svg {
pointer-events: none;
width: 50px;
height: 50px
}
.block-entertainment-header-slider .btn-play svg #play {
display: none
}
.block-entertainment-header-slider .btn-play.pause svg #play {
display: inline-block
}
.block-entertainment-header-slider .btn-play.pause svg #pause {
display: none
}
@media (min-width:1024px) {
.block-entertainment-header-slider .slides.slick-initialized~.btn-play {
display: block
}
}
.theme-aqualibi .block-entertainment-header h1,
.theme-aqualibi .block-entertainment-header .h1 {
text-shadow: 2px 8px #13b5ea, 0 21px 33px rgba(24, 24, 24, .37)
}
.theme-aqualibi .block-entertainment-header .cta:before {
content: none
}
.page-homepage .block-entertainment-header .content {
z-index: 1
}
@media (max-width:1023px) {
.page-homepage .block-entertainment-header .content {
z-index: 3
}
}
.page-generic_entertainment .block-entertainment-header .content {
z-index: 1
}
@media (max-width:1023px) {
.page-generic_entertainment .block-entertainment-header .content {
z-index: 3
}
}
.block-entertainments-list {
padding: 58px 0
}
@media (max-width:1023px) {
.block-entertainments-list {
padding: 38px 0
}
}
.block-entertainments-list .block-title {
margin-bottom: 1.25em
}
@media (max-width:1023px) {
.block-entertainments-list .block-title {
font-size: 20px;
text-align: center
}
}
.block-entertainments-list>.content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-entertainments-list>.content {
padding: 0 20px
}
}
.block-entertainments-list .entertainments-list-info {
display: flex;
margin-bottom: 40px
}
@media (max-width:1023px) {
.block-entertainments-list .entertainments-list-info {
flex-direction: column
}
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats,
.block-entertainments-list .entertainments-list-info .entertainments-list-favs {
position: relative;
min-height: 70px
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats:after,
.block-entertainments-list .entertainments-list-info .entertainments-list-favs:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: skew(15deg);
z-index: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06)
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats.visible p {
display: block
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats p {
display: none;
font: 500 22px/30px "Futura-Condensed", "Futura", Arial, sans-serif;
color: #b3b3b3;
margin: 0 auto;
width: 100%;
z-index: 1;
text-align: center
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats p span {
color: #f81700
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats:after {
border: 1px solid #e5e5e5;
background-color: #fff
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: flex-end;
align-items: center
}
@media (max-width:959px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-favs:after {
display: none
}
}
@media (min-width:960px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-favs {
width: 65%
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs:after {
border: 1px solid #e5e5e5;
background-color: #eff4fa;
border-left: none
}
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle {
cursor: default
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle .svg-icon.svg-icon-heart {
fill: #f81700
}
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:hover,
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:focus {
background-color: #fff;
border-color: #e9e9e9
}
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:hover svg,
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:focus svg {
fill: #f81700
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs p {
color: #384550;
font-family: Futura-Condensed;
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin: 0
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs a {
color: #b3b3b3;
font-family: walirides;
font-size: 12px;
font-weight: 400;
line-height: 48px;
letter-spacing: -.12px;
text-decoration: underline
}
@media (max-width:959px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-favs a {
width: 100%;
text-align: center
}
}
.block-entertainments-list .entertainments-list-container {
display: flex;
margin: 0 -25px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start
}
@media (max-width:1023px) {
.block-entertainments-list .entertainments-list-container {
margin: 0 -20px
}
}
.block-entertainments-list .entertainments-list-container .card {
margin-bottom: 40px;
border: none;
border-radius: 0;
background-color: transparent
}
@media (max-width:715px) {
.block-entertainments-list .entertainments-list-container .card {
margin-left: 5px;
margin-bottom: 10px
}
.block-entertainments-list .entertainments-list-container .card:nth-child(even) {
margin-bottom: 0
}
}
.block-entertainments-list .entertainments-list-container .card:hover {
transform: scale(.95);
opacity: .7
}
.block-entertainments-list .entertainments-list-container .card .inner {
border: 1px solid #e5e5e5
}
.block-entertainments-list .entertainments-list-container .card .inner:after {
display: none
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) {
width: 300px;
height: 405px;
padding: 15px 15px 15px 10px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .card-container {
perspective: 1200px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .card-container .inner {
transform-origin: 0 100%;
transform: rotateY(-15deg);
width: calc(100% + 1px)
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .overlay {
perspective: 1200px;
top: 15px;
left: 10px;
width: calc(100% - 25px);
height: calc(100% - 30px)
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .overlay .overlay-bg {
transform: rotateY(-15deg);
width: calc(100% + 1px)
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) {
width: 300px;
height: 430px;
margin-top: -10px;
padding: 10px 0 10px 10px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-container {
perspective: 600px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-container .inner {
transform-origin: 0 100%;
transform: rotateY(10deg)
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-container .image {
height: 182px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-container .image .img-container {
transform: skewY(-6.75deg)
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-content {
padding-top: 200px;
padding-bottom: 32px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .overlay {
width: calc(100% - 10px);
height: calc(100% - 20px);
top: 10px;
left: 10px;
perspective: 600px
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .overlay .overlay-bg {
transform: rotateY(10deg)
}
.block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even).card-external-link .card-content {
padding: 50px 40px 50px 35px
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .inner {
border-width: 7px;
border-color: #f81700
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content {
padding: 40px 40px 40px 35px
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .card-title {
position: static;
transform: none;
color: #f81700;
padding: 0
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .img-container img {
display: block;
max-height: 120px;
margin: 0 auto 13px
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .text-row {
margin: 0
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .text-row .col {
color: #384550;
font-family: walirides;
font-size: 12px;
letter-spacing: -.12px;
line-height: 16px;
text-align: center
}
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .btn,
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .button,
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .ticket-dropbtn {
min-width: 0;
max-width: 220px;
font-size: 18px;
white-space: nowrap
}
@media (max-width:959px) {
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .btn,
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .button,
.block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .ticket-dropbtn {
padding-right: 20px;
padding-left: 20px
}
}
.dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .btn:hover,
.dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .button:hover,
.dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .ticket-dropbtn:hover,
.dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .btn:focus,
.dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .button:focus,
.dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .block-entertainments-list .entertainments-list-container .card-map-popup.card-external-link .card-content .content .ticket-dropbtn:focus {
transform: none
}
.block-entertainments-list .buttons {
display: none;
text-align: center
}
.block-entertainments-list .buttons .btn,
.block-entertainments-list .buttons .button,
.block-entertainments-list .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainments-list .buttons .ticket-dropbtn {
font-size: 16px
}
@media (max-width:1023px) {
.block-entertainments-list .buttons .btn,
.block-entertainments-list .buttons .button,
.block-entertainments-list .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-entertainments-list .buttons .ticket-dropbtn {
min-width: 280px
}
}
@media (max-width:1279px) {
.block-entertainments-list.has-toggle-visibility:not(.all-visible) .entertainments-list-container .card-map-popup:nth-child(n+4) {
display: none
}
}
@media (max-width:1023px) {
.block-entertainments-list.has-toggle-visibility:not(.all-visible) .entertainments-list-container .card-map-popup:nth-child(n+2) {
display: none
}
}
.dj-browser-safari .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .card-content {
padding-top: 200px
}
.dj-browser-safari .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd).card-external-link .card-content {
padding-top: 40px
}
.dj-browser-safari .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-content {
padding-top: 210px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .card-content {
padding-top: 210px;
padding-bottom: 20px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd).card-external-link .card-content {
padding-top: 40px;
padding-bottom: 40px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-content {
padding-top: 200px;
padding-bottom: 20px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even).card-external-link .card-content {
padding-top: 50px;
padding-bottom: 50px
}
.entertainments-map {
line-height: 0
}
.entertainments-map .tab-pane#map {
position: relative;
background: #25303a
}
.entertainments-map .tab-pane#map img {
max-width: 100%
}
@media (max-width:959px) {
.entertainments-map .tab-pane#map img {
min-height: 500px
}
}
.entertainments-map .entertainments-map-navs {
display: flex;
min-height: 65px;
background-color: #384550;
justify-content: space-between;
align-content: center;
align-items: stretch
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle {
display: flex;
padding: 0 15px;
border: none;
background: 0 0;
outline: none;
font: 700 12px "walirides", Arial, sans-serif;
text-transform: uppercase;
color: #fff;
text-align: left;
align-items: center
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle:after {
background-image: url(../images/spritesheet.png);
background-position: -138px -106px;
width: 11px;
height: 9px;
margin-left: 13px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle svg {
max-width: 38px;
max-height: 40px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle span {
flex: 1 1 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon {
width: 35px;
height: 35px;
margin-right: 17px;
padding: 7px;
border-radius: 50%;
background: #fff;
vertical-align: middle
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon svg,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon img {
display: block;
width: 100%;
height: 100%
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon svg {
fill: #f81700
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-menu {
margin: 0;
padding: 0;
left: -5px !important;
background-color: #384550;
border: none;
border-radius: 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-item {
margin: 0;
padding: 0;
white-space: normal
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-item:hover,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-item:focus {
background: 0 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown label {
text-shadow: 0 8px 33px rgba(24, 24, 24, .37);
color: #fff;
font: 700 16px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.07px;
padding: 10px 20px;
cursor: pointer;
display: flex;
align-items: center
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown label .svg-icon {
width: 20px;
height: 20px;
margin-right: 10px
}
@media (min-width:1024px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) .dropdown-menu {
height: 100%;
flex-wrap: wrap;
align-content: center;
align-items: center;
background: 0 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) .dropdown-item {
width: auto;
max-width: 180px;
flex-shrink: 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) label {
height: 80px;
padding: 10px;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
max-width: 125px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) label .svg-icon {
margin: 0 auto 5px
}
}
@media (min-width:1024px) {
.entertainments-map .entertainments-map-navs {
min-height: 80px;
padding-left: 20px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item {
position: relative;
z-index: 100
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child {
flex: 1 0 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs {
max-width: 13%;
min-width: 167px;
z-index: 2
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child {
display: flex;
flex: 1 0 0;
align-content: center
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input {
width: 1px;
height: 1px;
margin: 0;
padding: 0;
opacity: 0;
overflow: hidden
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
padding: 5px;
border-radius: 50%;
background: #fff;
vertical-align: middle
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon svg,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon img {
display: block;
width: 100%;
height: 100%
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon svg {
fill: #f81700
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label span {
vertical-align: middle
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:focus+label,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:checked+label {
opacity: 1
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:focus+label .icon,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:checked+label .icon {
display: inline-block
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:focus+label:after,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:checked+label:after {
display: block
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check:first-child span {
line-height: 30px
}
@media (min-width:1024px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:after {
content: "";
display: none;
height: 5px;
position: absolute;
left: 10px;
right: 10px;
bottom: 0;
z-index: -1;
background: #f81700
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label .icon {
display: none;
width: 52px;
height: 52px;
padding: 12px;
position: absolute;
top: -37px;
left: 50%;
margin: 0;
z-index: -1;
transform: translateX(-50%)
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:hover,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:focus {
opacity: 1
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:hover .icon,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:focus .icon {
display: block
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:hover:after,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:focus:after {
display: block
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs {
background-color: #26323d;
border: none;
width: 80px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center;
min-height: 65px
}
@media (min-width:960px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs {
width: 160px;
min-height: 80px
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a {
width: 100%;
text-align: center;
background: 0 0;
color: #fff;
border: none;
box-shadow: none;
border-radius: 0;
padding: 0;
display: inline-block
}
@media (min-width:960px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a {
max-width: 50%;
width: 50%
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a svg {
width: 39px;
height: 39px;
display: inline-block;
opacity: .25
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a.active svg {
opacity: 1
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a:hover svg,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a:focus svg {
opacity: 1
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs .nav-link.active {
display: none
}
@media (min-width:960px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs .nav-link.active {
display: block
}
}
.viewport.leaflet-container {
z-index: 99;
background: #25303a
}
.zoom-scroll-tip {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 401;
display: none
}
.zoom-scroll-tip>div {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
z-index: 402;
color: #fff;
font-size: 24px
}
.zoom-scroll-tip:after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
display: block;
background: #000;
opacity: .5
}
.map-controls {
position: absolute;
right: 0;
top: 10%;
z-index: 999;
display: none
}
@media (min-width:960px) {
.map-controls {
display: block
}
}
.map-controls .map-controls-label {
position: absolute;
color: #fff;
font-family: Futura-Condensed;
font-size: 22px;
line-height: 30px;
width: 100%;
text-align: center;
left: 0
}
.map-controls .map-controls-label.zoom-label {
top: 125px
}
.map-controls .map-controls-label.nav-label {
top: 257px
}
.map-controls #svg-controls #plus,
.map-controls #svg-controls #minus,
.map-controls #svg-controls #left,
.map-controls #svg-controls #up,
.map-controls #svg-controls #right,
.map-controls #svg-controls #down,
.map-controls #svg-controls #center {
cursor: pointer
}
.map-controls #svg-controls #plus:hover polygon,
.map-controls #svg-controls #minus:hover polygon {
fill: #ccc
}
.map-controls #svg-controls #left:hover path,
.map-controls #svg-controls #up:hover path,
.map-controls #svg-controls #right:hover path,
.map-controls #svg-controls #down:hover path,
.map-controls #svg-controls #center:hover path {
fill: #ccc
}
.map-controls #svg-controls #minus-sign,
.map-controls #svg-controls #plus-sign {
fill: #fff
}
.map-controls.max-zoom #svg-controls #plus {
cursor: default
}
.map-controls.max-zoom #svg-controls #plus #plus-sign {
fill: #9ba2a7
}
.map-controls.min-zoom #svg-controls #minus {
cursor: default
}
.map-controls.min-zoom #svg-controls #minus #minus-sign {
fill: #9ba2a7
}
.leaflet-marker-pane .icon-marker {
width: 61px;
height: 88px;
position: absolute;
cursor: pointer;
margin: -88px 0 0 -30px;
transition: margin-top .2s linear
}
@media (min-width:960px) {
.leaflet-marker-pane .icon-marker {
width: 80px;
height: 115px;
margin: -115px 0 0 -40px
}
}
.leaflet-marker-pane .icon-marker:hover {
top: -5px;
margin-top: -120px
}
.leaflet-marker-pane .icon-marker .marker-bg {
pointer-events: none;
fill: #f81700
}
.leaflet-marker-pane .icon-marker .marker-bg--unavailable {
fill: #b3b3b3 !important
}
.leaflet-marker-pane .icon-marker .marker-icon {
display: block;
width: 25px;
height: 25px;
margin: -70px 0 0 18px;
pointer-events: none;
fill: #f81700
}
.leaflet-marker-pane .icon-marker .marker-icon--unavailable {
fill: #b3b3b3 !important
}
@media (min-width:960px) {
.leaflet-marker-pane .icon-marker .marker-icon {
margin: -87px 0 0 28px
}
}
@media (max-width:959px) {
.leaflet-popup-pane.opened:after {
content: '';
display: block;
position: absolute;
z-index: 500;
width: 9999px;
height: 9999px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(56, 69, 80, .93)
}
.leaflet-popup-pane.opened .leaflet-popup {
z-index: 701;
margin-top: -40px
}
}
.leaflet-control-zoom {
display: none
}
.leaflet-popup-content-wrapper {
border-radius: 0;
padding: 0;
background: 0 0;
box-shadow: none
}
.leaflet-popup-tip-container {
display: none
}
.leaflet-popup-content {
max-width: 270px;
margin: 0;
position: relative
}
.leaflet-popup-content .marker-close-btn {
position: absolute;
z-index: 702;
width: auto;
min-width: 116px;
color: #384550 !important;
left: 70px
}
@media (max-width:959px) {
.leaflet-popup-content .marker-close-btn {
margin-top: -10px
}
}
@media (min-width:960px) {
.leaflet-popup-content .marker-close-btn {
display: none
}
}
.leaflet-container a.leaflet-popup-close-button {
display: none;
right: 10px;
top: -5px;
color: #fff;
font-size: 24px;
z-index: 1
}
@media (min-width:960px) {
.leaflet-container a.leaflet-popup-close-button {
display: block
}
}
.block-entertainment-map {
margin-top: 50px;
position: relative
}
@media (min-width:960px) {
.block-entertainment-map {
margin-top: 60px
}
}
.block-entertainment-map img {
display: block;
width: 100%;
height: 255px
}
@media (min-width:960px) {
.block-entertainment-map img {
height: 432px
}
}
.body-entertainment_list.theme-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item .dropdown-toggle svg,
.body-entertainment_list .page-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item .dropdown-toggle svg {
fill: #2cadd8
}
.body-entertainment_list.theme-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check label svg,
.body-entertainment_list .page-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check label svg {
fill: #2cadd8
}
.body-entertainment_list.theme-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check label:after,
.body-entertainment_list .page-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check label:after {
background-color: #2cadd8
}
.theme-aqualibi .leaflet-marker-pane .icon-marker .marker-bg,
.theme-aqualibi .leaflet-marker-pane .icon-marker .marker-icon {
fill: #2cadd8
}
.entertainments-filter {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px 0 24px;
width: 100%
}
@media (max-width:1280px) {
.entertainments-filter {
padding: 0 40px 0 15px
}
}
@media (max-width:767px) {
.entertainments-filter {
padding-right: 15px
}
}
.entertainments-filter.show .dropdown-toggle:after {
transform: rotate(180deg)
}
.entertainments-filter .dropdown-toggle {
display: flex;
padding: 0 15px;
border: none;
background: 0 0;
outline: none;
font: 700 12px "walirides", Arial, sans-serif;
text-transform: uppercase;
color: #fff;
text-align: left;
align-items: center
}
.entertainments-filter .dropdown-toggle:after {
background-image: url(../images/spritesheet.png);
background-position: -138px -106px;
width: 11px;
height: 9px;
margin-left: 13px
}
@media (min-width:960px) {
.entertainments-filter .dropdown-toggle {
display: none
}
}
.entertainments-filter .dropdown-menu {
padding: 20px;
z-index: 101
}
@media (max-width:959px) {
.entertainments-filter .dropdown-menu.show {
display: flex;
flex-direction: column-reverse;
min-width: 280px;
margin-top: 10px;
transform: translate3d(15px, 40px, 0) !important
}
}
@media (min-width:960px) {
.entertainments-filter .dropdown-menu {
background: 0 0;
top: 0;
position: relative;
left: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: space-around;
border: none;
z-index: 100
}
}
@media (min-width:960px) and (max-width:1280px) {
.entertainments-filter .dropdown-menu {
width: 100%
}
}
.entertainments-filter .checkbox-filters {
display: flex
}
@media (max-width:959px) {
.entertainments-filter .checkbox-filters {
flex-direction: column;
margin: 0 -20px;
padding: 0 20px;
border-bottom: 1px solid #dedddd
}
}
.entertainments-filter .entertainments-label {
position: relative;
margin: 0;
color: #fff;
font-family: walirides;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
letter-spacing: -.07px;
line-height: 18px;
cursor: pointer
}
@media (max-width:1280px) {
.entertainments-filter .entertainments-label {
font-size: 13px
}
}
@media (max-width:959px) {
.entertainments-filter .entertainments-label {
color: #384550;
font-size: 12px;
font-weight: 700;
letter-spacing: -.05px;
line-height: 14px;
text-shadow: 0 8px 33px 0 rgba(24, 24, 24, .37)
}
}
.entertainments-filter .jcf-checkbox {
border: 2px solid #b3b3b3;
background: 0 0;
margin-right: 11px;
cursor: pointer
}
.entertainments-filter .jcf-checkbox input[type=checkbox] {
cursor: pointer
}
.entertainments-filter .jcf-checkbox.jcf-checked {
background-color: #00538a;
border-color: #00538a
}
.entertainments-filter .jcf-checkbox.jcf-checked span {
border-color: #fff !important;
border-width: 0 0 2px 2px
}
@media (max-width:1280px) {
.entertainments-filter .jcf-checkbox {
margin-right: 6px
}
}
@media (max-width:767px) {
.entertainments-filter .jcf-checkbox {
margin-right: 11px
}
}
.entertainments-filter .jcf-checkbox span {
margin-left: -4px
}
.entertainments-filter .sensation {
position: relative;
padding: 30px 44px 30px 0
}
@media (max-width:1170px) {
.entertainments-filter .sensation {
padding: 30px 14px 30px 0;
width: 180px
}
}
@media (max-width:959px) {
.entertainments-filter .sensation {
padding: 0;
width: 100%
}
}
.entertainments-filter .sensation .entertainments-label {
padding-right: 16px
}
@media (max-width:959px) {
.entertainments-filter .sensation .entertainments-label {
display: none
}
}
.entertainments-filter .sensation .entertainments-label:before {
position: absolute;
content: '';
width: 8px;
height: 2px;
background: #fff;
right: 5px;
top: 50%;
margin-top: -1px;
transform: rotate(45deg);
transition: all .3s ease
}
.entertainments-filter .sensation .entertainments-label:after {
position: absolute;
content: '';
width: 8px;
height: 2px;
background: #fff;
right: 0;
top: 50%;
margin-top: -1px;
transform: rotate(-45deg);
transition: all .3s ease
}
.entertainments-filter .sensation .entertainments-label.active:before {
transform: rotate(-45deg)
}
.entertainments-filter .sensation .entertainments-label.active:after {
transform: rotate(45deg)
}
@media (min-width:960px) {
.entertainments-filter .sensation__dropdown {
position: absolute;
display: none;
width: 217px;
padding: 10px 0;
background: #fff;
border-radius: 5px;
top: 100%;
margin-top: -17px;
left: -4px;
z-index: 100;
box-shadow: 0 3px 11px 0 rgba(149, 184, 255, .3);
border: 1px solid #e6e6e6
}
}
@media (max-width:959px) {
.entertainments-filter .sensation__dropdown {
display: block !important
}
}
.entertainments-filter .sensation__dropdown-item {
display: flex;
align-items: center;
justify-content: space-between;
color: #323c47;
font-family: Futura;
font-weight: 300;
font-size: 14px;
line-height: 19px;
padding: 10px 0;
cursor: pointer;
margin: 0;
text-transform: capitalize
}
@media (min-width:960px) {
.entertainments-filter .sensation__dropdown-item {
font-size: 12px;
line-height: 16px;
padding: 13px 20px
}
}
@media (max-width:959px) {
.entertainments-filter .sensation__dropdown-item {
margin: 0 -20px;
padding: 10px 20px
}
}
.entertainments-filter .sensation__dropdown-item:hover,
.entertainments-filter .sensation__dropdown-item.active {
background: #f5f5f5
}
.entertainments-filter .sensation__dropdown-item .svg-icon,
.entertainments-filter .sensation__dropdown-item>svg {
width: 20px;
height: 12px
}
.entertainments-filter .rider {
display: none;
padding: 30px 30px 30px 0
}
.entertainments-filter .rider.active {
display: flex;
align-items: center
}
@media (max-width:1280px) {
.entertainments-filter .rider {
padding-right: 15px
}
}
@media (max-width:959px) {
.entertainments-filter .rider {
margin-bottom: 20px;
padding: 0
}
}
.entertainments-filter .lane {
display: none;
padding: 30px 30px 30px 0
}
.entertainments-filter .lane.active {
display: flex;
align-items: center
}
@media (max-width:1280px) {
.entertainments-filter .lane {
padding-right: 15px
}
}
@media (max-width:959px) {
.entertainments-filter .lane {
margin-bottom: 20px;
padding: 0
}
}
.entertainments-filter .height {
position: relative;
display: none;
padding: 21px 0 21px 30px;
height: 100%
}
@media (min-width:960px) and (max-width:1280px) {
.entertainments-filter .height {
width: 100%
}
}
@media (max-width:767px) {
.entertainments-filter .height {
padding: 11px 0 11px 20px
}
}
.entertainments-filter .height.active {
display: flex;
align-items: center;
justify-content: center
}
@media (min-width:960px) {
.entertainments-filter .height.active {
justify-content: space-around
}
}
.entertainments-filter .height .dropdown-toggle {
display: flex
}
@media (min-width:960px) {
.entertainments-filter .height .dropdown-toggle {
pointer-events: none;
padding: 0
}
}
@media (max-width:767px) {
.entertainments-filter .height .dropdown-toggle {
padding: 0
}
}
@media (min-width:960px) {
.entertainments-filter .height .dropdown-toggle:after {
display: none
}
}
.entertainments-filter .height__range-block {
display: none;
background: #384550;
padding: 30px 20px;
margin-left: -100px
}
@media (min-width:960px) {
.entertainments-filter .height__range-block {
display: block;
background: 0 0;
padding: 20px;
margin-left: 0;
width: auto
}
}
@media (max-width:959px) {
.entertainments-filter .height__range-block.show {
transform: translate3d(0, 40px, 0) !important
}
}
@media (max-width:767px) {
.entertainments-filter .height__range-block {
margin-left: -150px
}
}
.entertainments-filter .height__range {
position: relative;
height: 7px;
width: 244px;
border-radius: 3.5px;
background-color: #707a82;
box-shadow: inset 0 1px 3px 0 rgba(55, 55, 55, .5);
margin-left: 35px;
border: none
}
@media (max-width:1169px) {
.entertainments-filter .height__range {
margin-left: 20px;
width: 190px
}
}
.entertainments-filter .height__range .ui-slider-handle {
position: absolute;
margin: -13px 0 0 -13px;
height: 26px;
width: 26px;
top: 50%;
border: 2px solid #283138;
background-color: #fff;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5);
border-radius: 50%;
cursor: grab;
outline: none;
text-align: center;
white-space: nowrap
}
.entertainments-filter .height__range .ui-slider-handle span {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
color: #fff;
font-family: walirides;
font-size: 10px;
font-weight: 700;
letter-spacing: -.04px;
line-height: 20px;
top: -21px
}
.entertainments-filter .height__range .ui-slider-handle.ui-state-active {
cursor: grabbing
}
.entertainments-filter .height__range .ui-slider-handle:before {
position: absolute;
content: '';
width: 11px;
height: 11px;
border-radius: 50%;
border: 1px solid #384550;
background-color: #f81700;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5);
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.entertainments-filter .height__range .minVal {
position: absolute;
top: 100%;
margin: 10px 0 0;
color: #fff;
font-family: walirides;
font-size: 10px;
font-weight: 700;
letter-spacing: -.04px;
line-height: 11px;
text-align: center;
left: 0;
transform: translate(-50%, 0)
}
.entertainments-filter .height__range .maxVal {
position: absolute;
top: 100%;
margin: 10px 0 0;
color: #fff;
font-family: walirides;
font-size: 10px;
font-weight: 700;
letter-spacing: -.04px;
line-height: 11px;
text-align: center;
right: 0;
transform: translate(50%, 0)
}
.entertainments-filter .height__range .ui-slider-range {
background-color: #f81700;
height: 100%;
border: none
}
.entertainments-filter .height:before {
position: absolute;
content: '';
height: 100%;
top: 0;
left: 0;
border-left: 1px solid #2b353d
}
.entertainments-filter .height:after {
position: absolute;
content: '';
height: 100%;
top: 0;
left: 1px;
border-left: 1px solid #465663
}
.entertainments-filter .height .entertainments-label {
display: none;
margin-left: 16px;
cursor: default
}
@media (max-width:1280px) {
.entertainments-filter .height .entertainments-label {
margin-left: 10px
}
}
@media (min-width:960px) {
.entertainments-filter .height .entertainments-label {
display: block
}
}
@media (min-width:960px) and (max-width:1280px) {
.entertainments-filter .height .entertainments-label {
margin-left: -30px
}
}
.entertainments-filter .height .svg-icon {
fill: #fff;
width: 24px;
height: 37px
}
@media (max-width:767px) {
.entertainments-filter .height .svg-icon {
width: 19px;
height: 29px
}
}
.block-facilities-widget .slick-prev,
.block-facilities-widget .slick-next {
bottom: -66px
}
.block-facilities-widget__slider {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch
}
@media (max-width:1023px) {
.block-facilities-widget__slider {
margin: 0 -20px
}
}
.block-facilities-widget .slick-track {
display: flex;
padding: 14px 0
}
.block-facilities-widget .slick-dots {
bottom: -50px
}
.block-facilities-widget .slick-dots li.slick-active button:before {
opacity: 1;
background: #f81700
}
.block-facilities-widget .card {
width: 300px;
height: auto;
padding: 0 15px;
display: block;
position: relative;
text-decoration: none;
margin-bottom: 68px
}
@media (max-width:1023px) {
.block-facilities-widget .card {
margin: 0 auto
}
}
.block-facilities-widget .card.no-link {
pointer-events: none
}
.block-facilities-widget .card:nth-child(even) .card-container:before {
top: auto;
bottom: -2px;
transform-origin: 0 100%
}
.block-facilities-widget .card:nth-child(even) .card-container:after {
top: -2px;
bottom: auto;
transform-origin: 0 0
}
.block-facilities-widget .card:hover {
outline: none
}
.block-facilities-widget .card:hover {
transform: scale(.95)
}
.block-facilities-widget .card .card-container {
position: absolute;
left: 15px;
right: 15px;
z-index: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
background: #fff
}
.block-facilities-widget .card .card-container:before,
.block-facilities-widget .card .card-container:after {
content: "";
position: absolute;
z-index: -1;
top: -2px;
left: 0;
width: 100%;
height: 65%;
background: inherit;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
transform: skewY(2deg);
transform-origin: 100% 0
}
.block-facilities-widget .card .card-container:after {
top: auto;
bottom: -2px;
transform: skewY(-2deg);
transform-origin: 100% 100%
}
.block-facilities-widget .card .card-container .inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-color: inherit;
border: solid #e5e5e5;
border-width: 0 1px
}
.block-facilities-widget .card .card-content {
width: 100%;
height: 100%;
padding: 35px;
text-align: center;
transform: translateZ(0);
position: relative;
z-index: 2
}
@media (max-width:1023px) {
.block-facilities-widget .card .card-content {
padding: 21px 35px
}
}
.block-facilities-widget .card .card-content .card-title {
font: 700 24px/26px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.11px;
width: 100%;
color: #f81700;
margin: 0 auto 18px
}
.block-facilities-widget .card-text {
color: #384550;
font-family: "Futura", Arial, sans-serif;
font-size: 14px;
line-height: 25px
}
.block-float-section {
width: 326px;
padding: 65px 20px 50px 55px;
overflow: hidden;
position: absolute;
top: 28px;
z-index: 9;
color: #fff
}
.block-float-section a {
color: #fff
}
.block-float-section:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 17px;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
transform-origin: 0 0;
transform: skewY(2.5deg);
opacity: 0;
transition: opacity .35s
}
@media (max-width:1023px) {
.block-float-section {
display: none;
width: 100%;
height: 100%;
padding: 100px 20px 20px;
overflow: auto;
position: fixed;
top: 0;
left: 0;
background: #fff;
color: #384550
}
.block-float-section:before {
content: none
}
}
.block-float-section.highlight {
color: #384550
}
.block-float-section.highlight:before {
opacity: 1
}
.block-float-section.highlight .sub-title {
color: inherit
}
.block-float-section.highlight .page-nav li {
width: 50%
}
.block-float-section.highlight .page-nav li:first-child {
border-color: #ccc
}
.block-float-section .skew-bg {
top: -140px
}
.block-float-section .skew-bg .inner-bg-wrap {
transform-origin: 0 100%;
transform: skewY(-3.6deg)
}
@media (max-width:767px) {
.block-float-section .skew-bg .inner-bg-wrap {
transform: skewY(-6.6deg)
}
}
.block-float-section .skew-bg .inner-bg-wrap .inner-bg {
transform-origin: 0 100%;
transform: skewY(3.6deg)
}
@media (max-width:767px) {
.block-float-section .skew-bg .inner-bg-wrap .inner-bg {
transform: skewY(6.6deg)
}
}
.block-float-section .btn-back,
.block-float-section .btn-close {
position: absolute;
top: 0;
left: 57px;
z-index: 3
}
@media (max-width:1023px) {
.block-float-section .btn-back,
.block-float-section .btn-close {
top: 30px;
left: 20px
}
}
.block-float-section .title {
margin-bottom: 10px;
color: #f81700;
font: 700 14px/2.07 "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.06px
}
.block-float-section .sub-title {
margin-bottom: 15px;
color: inherit;
font: 400 19px "walirides", Arial, sans-serif;
letter-spacing: -.18px
}
.block-float-section .characteristics-section .title-wrap .title {
color: inherit
}
.block-float-section .share {
text-align: left;
visibility: hidden
}
.block-float-section .share li {
width: auto;
margin: 0 11px 0 0
}
.block-float-section .share li .btn,
.block-float-section .share li .button,
.block-float-section .share li .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-float-section .share li .ticket-dropbtn {
margin: 0
}
.block-float-section .page-nav li a .svg-icon {
fill: currentColor
}
@media (max-width:1023px) {
body.article-info-opened {
overflow: hidden
}
body.article-info-opened .main-header {
display: none
}
}
.block-footer-copyrights {
text-align: center
}
@media (min-width:1024px) {
.block-footer-copyrights {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: center
}
}
@media (min-width:1280px) {
.block-footer-copyrights {
padding-left: 50px !important;
padding-right: 50px !important
}
}
.block-footer-copyrights .logo {
color: #f81700;
border-right: none;
width: 100%;
height: auto;
text-align: center
}
@media (min-width:1280px) {
.block-footer-copyrights .logo {
padding-left: 0
}
}
@media (max-width:1023px) {
.block-footer-copyrights .logo {
display: block;
border: none;
margin-left: auto;
margin-right: auto;
padding: 0;
background: inherit
}
}
@media (min-width:1024px) {
.block-footer-copyrights .logo {
width: auto
}
}
.block-footer-copyrights .logo img {
height: 57px;
max-height: none;
width: auto;
margin: 0 auto
}
@media (min-width:1024px) {
.block-footer-copyrights .logo img {
height: 52px
}
}
.block-footer-copyrights .logo span {
font-size: 11px;
font-size: .6875rem;
font-family: "walirides", Arial, sans-serif;
font-weight: 700
}
.block-footer-copyrights .icon-logo {
width: 218px;
height: 71px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px
}
@media (min-width:1024px) {
.block-footer-copyrights .icon-logo {
width: 162px;
height: 52px;
display: inline-block;
margin: 0
}
}
.block-footer-copyrights ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
list-style: none
}
@media (min-width:1024px) {
.block-footer-copyrights ul {
display: inline-block
}
}
.block-footer-copyrights ul li {
margin: 10px 0
}
@media (min-width:1024px) {
.block-footer-copyrights ul li {
display: inline-block;
margin: 0 15px
}
}
@media (min-width:1200px) {
.block-footer-copyrights ul li {
margin: 0 30px
}
}
.block-footer-copyrights ul a {
text-decoration: none;
font-size: 14px;
font-size: .875rem;
line-height: 30px;
line-height: 1.875rem;
color: #b3b3b3;
font-family: "Futura", Arial, sans-serif;
font-weight: 500;
padding: 7px 0
}
@media (max-width:1023px) {
.block-footer-copyrights ul a {
font-size: 16px;
font-size: 1rem
}
}
@media (max-width:1023px) {
.block-footer-copyrights ul a {
line-height: 37px;
line-height: 2.3125rem
}
}
.dj-no-touch .block-footer-copyrights ul a:hover,
.dj-no-touch .block-footer-copyrights ul a:focus {
color: #353633
}
.block-footer-copyrights .copyrights-text {
font-size: 12px;
font-size: .75rem;
color: #b3b3b3;
font-family: "Futura", Arial, sans-serif;
font-weight: 500;
display: block;
line-height: 15px
}
@media (max-width:1023px) {
.block-footer-copyrights .copyrights-text {
font-size: 16px;
font-size: 1rem
}
}
@media (min-width:1024px) {
.block-footer-copyrights .copyrights-text {
display: inline-block
}
}
.main-footer-aqualibi .block-footer-copyrights .logo {
color: #13b5ea
}
.block-footer-nav-tickets {
font-family: "walirides", Arial, sans-serif
}
@media (max-width:1023px) {
.block-footer-nav-tickets {
margin-bottom: 0 !important
}
}
@media (max-width:1023px) {
.block-footer-nav-tickets .accordion-mobile>.btn,
.block-footer-nav-tickets .accordion-mobile>.button,
.block-footer-nav-tickets .block-contact-form form .accordion-mobile>.button,
.block-footer-nav-tickets .block-prices .ticket-dropdown .accordion-mobile>.ticket-dropbtn,
.block-prices .ticket-dropdown .block-footer-nav-tickets .accordion-mobile>.ticket-dropbtn {
width: 100%;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5 !important;
background-color: #fff;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: center;
display: none
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets #accordion-tour-walirides {
display: flex
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .collapse {
width: 64%;
max-width: 64%;
margin-right: 3%;
display: block !important
}
.block-footer-nav-tickets .collapse .block-footer-tickets {
margin-left: 30px
}
}
@media (min-width:1280px) {
.block-footer-nav-tickets .collapse {
width: 800px;
max-width: 800px;
margin-right: 13px;
margin-left: 15px
}
}
.block-footer-nav-tickets .block-footer-nav {
position: relative;
text-align: center;
padding: 20px 0;
overflow: hidden
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav {
padding-bottom: 0
}
}
.block-footer-nav-tickets .block-footer-nav .block-bg {
position: absolute;
z-index: -2;
background: #f81700;
top: 20px
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav .block-bg {
width: 100%;
height: 100%;
left: 0
}
.block-footer-nav-tickets .block-footer-nav .block-bg:before,
.block-footer-nav-tickets .block-footer-nav .block-bg:after {
content: '';
display: block;
width: 100%;
height: 120px;
background: #fff;
position: absolute;
z-index: -1;
left: 0
}
.block-footer-nav-tickets .block-footer-nav .block-bg:before {
top: -80px;
transform: skewY(-5deg)
}
.block-footer-nav-tickets .block-footer-nav .block-bg:after {
bottom: -60px;
transform: skewY(5deg)
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-bg {
height: calc(100% - 40px);
transform: perspective(1500px) rotateY(-20deg);
width: 105%;
left: -5%
}
}
@media (min-width:1010px) {
.block-footer-nav-tickets .block-footer-nav .block-bg {
width: 107%;
left: -7%
}
}
.block-footer-nav-tickets .block-footer-nav .block-content {
padding: 70px 35px
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-content {
padding: 50px 35px;
display: flex;
text-align: left
}
}
@media (min-width:1280px) {
.block-footer-nav-tickets .block-footer-nav .block-content {
padding: 50px 25px 50px 35px
}
}
.block-footer-nav-tickets .block-footer-nav .block-contacts {
color: #fff;
font-family: "Futura", Arial, sans-serif
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-contacts {
display: flex;
width: 40%;
margin-bottom: 0;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
padding-right: 11.75%
}
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav .block-contacts>div {
margin-bottom: 20px
}
}
.block-footer-nav-tickets .block-footer-nav .block-contacts .block-title {
font-weight: 700;
font-size: 14px;
font-size: .875rem;
color: #fff
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav .block-contacts .block-title {
font-size: 16px;
font-size: 1rem
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-contacts .block-title {
margin-bottom: 17px
}
}
.block-footer-nav-tickets .block-footer-nav .block-contacts .adress-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 500
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav .block-contacts .adress-title {
font-size: 22px;
font-size: 1.375rem
}
}
.block-footer-nav-tickets .block-footer-nav .block-contacts .adress-text {
opacity: .7;
font: 500 16px/1.3125 "Futura", Arial, sans-serif
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-contacts .adress-text {
padding-top: 20px;
padding-bottom: 40px;
font-size: 18px;
line-height: 1.39
}
}
.block-footer-nav-tickets .block-footer-nav .block-contacts .adress-text P {
margin: 0
}
.block-footer-nav-tickets .block-footer-nav .block-contacts .btn,
.block-footer-nav-tickets .block-footer-nav .block-contacts .button,
.block-footer-nav-tickets .block-footer-nav .block-contacts .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-footer-nav-tickets .block-footer-nav .block-contacts .ticket-dropbtn {
min-width: 0
}
.block-footer-nav-tickets .block-footer-nav .block-nav {
margin-top: 40px;
color: #fff
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-nav {
width: 60%
}
}
.block-footer-nav-tickets .block-footer-nav .block-nav .block-title {
color: #fff;
font-family: "Futura", Arial, sans-serif;
font-weight: 700;
font-size: 14px;
font-size: .875rem;
margin-bottom: 10px
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav .block-nav .block-title {
font-size: 16px;
font-size: 1rem
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-nav .block-title {
margin-bottom: 17px
}
}
.block-footer-nav-tickets .block-footer-nav .block-nav ul {
margin: 0;
padding: 0;
list-style: none
}
.block-footer-nav-tickets .block-footer-nav .block-nav ul li {
padding: 5px 0;
list-style: none;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid
}
@media (max-width:959px) {
.block-footer-nav-tickets .block-footer-nav .block-nav ul li {
padding: 10px 0
}
}
.block-footer-nav-tickets .block-footer-nav .block-nav ul a {
font-family: "Futura", Arial, sans-serif;
padding: 20px 0;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
color: #fff;
text-decoration: none
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-nav .block-nav ul a {
font-size: 18px;
font-size: 1.125rem
}
}
.block-footer-nav-tickets .block-footer-nav .block-nav ul a:hover {
text-decoration: underline
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-nav {
margin-top: 0
}
.block-footer-nav-tickets .block-footer-nav .block-nav ul {
display: block;
column-count: 2
}
.block-footer-nav-tickets .block-footer-nav .block-nav ul a {
break-inside: avoid-column
}
}
@media (min-width:1280px) {
.block-footer-nav-tickets .block-footer-nav .block-nav ul {
column-gap: 100px
}
}
.block-footer-nav-tickets .block-footer-nav .block-nav.multi-nav .nav-col {
margin-bottom: 2em
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-nav .block-nav.multi-nav {
display: flex
}
.block-footer-nav-tickets .block-footer-nav .block-nav.multi-nav ul {
column-count: auto
}
.block-footer-nav-tickets .block-footer-nav .block-nav.multi-nav .nav-col {
max-width: 185px;
margin: 0 18.75% 0 0
}
.block-footer-nav-tickets .block-footer-nav .block-nav.multi-nav .nav-col:last-child {
margin-right: 0
}
}
.block-footer-nav-tickets .block-footer-tickets {
color: #f81700;
text-align: center;
position: relative;
z-index: 1;
overflow: hidden;
padding: 20px 0
}
@media (max-width:767px) {
.block-footer-nav-tickets .block-footer-tickets {
padding-top: 0;
margin-top: -20px
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-tickets {
display: flex;
width: 33%;
max-width: 33%;
flex-direction: column;
flex-wrap: wrap;
justify-content: center
}
}
@media (min-width:1280px) {
.block-footer-nav-tickets .block-footer-tickets {
width: 410px;
max-width: 410px
}
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .block-bg {
content: '';
background-color: #f81700;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2
}
.block-footer-nav-tickets .block-footer-tickets .block-bg:before,
.block-footer-nav-tickets .block-footer-tickets .block-bg:after {
content: '';
display: block;
width: 100%;
height: 120px;
background: #fff;
position: absolute;
z-index: -1;
left: 0
}
.block-footer-nav-tickets .block-footer-tickets .block-bg:before {
top: -80px;
transform: skewY(5deg)
}
.block-footer-nav-tickets .block-footer-tickets .block-bg:after {
bottom: -75px;
transform: skewY(-5deg)
}
}
@media (max-width:767px) {
.block-footer-nav-tickets .block-footer-tickets .block-bg:before {
top: -100px
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-tickets .block-bg {
top: 20px;
border: 10px solid #f81700;
background-color: transparent;
display: block;
position: absolute;
z-index: -1;
height: calc(100% - 40px);
content: '';
transform: perspective(800px) rotateY(20deg);
width: 100%;
left: 5%
}
}
.block-footer-nav-tickets .block-footer-tickets .block-content {
position: relative;
padding: 35px
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .block-content {
background: #fff;
width: calc(100% - 16px);
margin-left: 8px;
margin-top: 70px;
margin-bottom: 70px;
padding: 0 14px
}
.block-footer-nav-tickets .block-footer-tickets .block-content:before,
.block-footer-nav-tickets .block-footer-tickets .block-content:after {
content: '';
display: block;
width: 100%;
height: 120px;
background: #fff;
position: absolute;
z-index: -1;
left: 0
}
.block-footer-nav-tickets .block-footer-tickets .block-content:before {
top: -40px;
transform: skewY(5deg)
}
.block-footer-nav-tickets .block-footer-tickets .block-content:after {
bottom: -36px;
transform: skewY(-5deg)
}
}
@media (min-width:1024px) {
.block-footer-nav-tickets .block-footer-tickets .block-content {
padding: 50px 43px 40px
}
}
.block-footer-nav-tickets .block-footer-tickets a {
text-decoration: none
}
.block-footer-nav-tickets .block-footer-tickets .block-title {
margin-bottom: 30px;
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
text-align: center;
line-height: 37px
}
@media (max-width:959px) {
.block-footer-nav-tickets .block-footer-tickets .block-title {
margin-bottom: 10px
}
}
.block-footer-nav-tickets .block-footer-tickets .block-title .icon-tickets {
width: 40px;
height: 33px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px
}
@media (max-width:959px) {
.block-footer-nav-tickets .block-footer-tickets .block-title .icon-tickets {
display: block;
margin-left: auto;
margin-right: auto
}
}
.block-footer-nav-tickets .block-footer-tickets .tickets-tel {
display: block;
margin-bottom: 12px;
font-weight: 700;
font-size: 35px;
font-size: 2.1875rem;
line-height: 44px;
line-height: 2.75rem;
color: #f81700
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .tickets-tel {
font-size: 30px;
font-size: 1.875rem
}
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .tickets-tel {
line-height: 37px;
line-height: 2.3125rem
}
}
@media (max-width:959px) {
.block-footer-nav-tickets .block-footer-tickets .tickets-tel {
margin-bottom: 21px;
white-space: normal
}
}
@media (max-width:374px) {
.block-footer-nav-tickets .block-footer-tickets .tickets-tel {
font-size: 26px;
font-size: 1.625rem
}
}
.block-footer-nav-tickets .block-footer-tickets .tickets-text {
margin-bottom: 36px;
color: #384550;
font-family: "Futura", Arial, sans-serif;
font-size: 13px;
font-weight: 500
}
@media (max-width:959px) {
.block-footer-nav-tickets .block-footer-tickets .tickets-text {
margin-bottom: 10px
}
}
.block-footer-nav-tickets .block-footer-tickets .tickets-text p {
font-size: 16px;
font-size: 1rem;
font-weight: 500;
margin-bottom: 0
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .tickets-text p {
font-size: 14px;
font-size: .875rem
}
}
@media (max-width:959px) {
.block-footer-nav-tickets .block-footer-tickets .btn,
.block-footer-nav-tickets .block-footer-tickets .button,
.block-footer-nav-tickets .block-footer-tickets .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-footer-nav-tickets .block-footer-tickets .ticket-dropbtn {
min-width: 0;
margin-top: 10px;
margin-bottom: -10px;
padding-left: 27px;
padding-right: 27px
}
}
.main-footer-aqualibi .block-footer-nav-tickets .accordion-mobile>button {
color: #13b5ea
}
.main-footer-aqualibi .block-footer-nav-tickets .block-footer-nav .block-bg {
background: #13b5ea
}
.main-footer-aqualibi .block-footer-nav-tickets .btn.btn-white,
.main-footer-aqualibi .block-footer-nav-tickets .button,
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .button,
.block-contact-form form .main-footer-aqualibi .block-footer-nav-tickets .button,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .main-footer-aqualibi .block-footer-nav-tickets .button,
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .button,
.block-contact-form form .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets .button,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-red,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-red,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn-red.button,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets .btn-red.button,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .main-footer-aqualibi .block-footer-nav-tickets .button.btn-book,
.main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .button.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets .button.btn-book,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.button[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form .main-footer-aqualibi .block-footer-nav-tickets input.button[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.button[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets input.button[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions input.btn[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-contact-form form .form-actions .main-footer-aqualibi .block-footer-nav-tickets input.btn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-contact-form form .form-actions .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets input.btn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-offers .offers-list .offers-item-2 .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-book,
.main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .btn.btn-book,
.block-offers .offers-list .offers-item-2 .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-book,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets .ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .ticket-dropbtn,
.block-prices .ticket-dropdown .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets .ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form input.btn[type=submit],
.block-homepage-feature-slider .reverse .slide-content .slide-cta .block-request-brochure form .main-footer-aqualibi .block-footer-nav-tickets input.btn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta input.btn[type=submit],
.block-request-brochure form .block-homepage-feature-slider .reverse .slide-content .slide-cta .main-footer-aqualibi .block-footer-nav-tickets input.btn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .btn-white.ticket-dropbtn,
.block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets .btn-white.ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .ticket-dropbtn.button,
.block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets .ticket-dropbtn.button {
color: #13b5ea !important
}
.main-footer-aqualibi .block-footer-nav-tickets .btn.btn-red,
.main-footer-aqualibi .block-footer-nav-tickets .btn-red.button,
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .button,
.block-contact-form form .main-footer-aqualibi .block-footer-nav-tickets .button,
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .form-actions input.button[type=submit],
.block-contact-form form .form-actions .main-footer-aqualibi .block-footer-nav-tickets input.button[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .button.btn-book,
.block-offers .offers-list .offers-item-2 .main-footer-aqualibi .block-footer-nav-tickets .button.btn-book,
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .button.ticket-dropbtn,
.block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets .button.ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form input.button[type=submit],
.block-request-brochure form .main-footer-aqualibi .block-footer-nav-tickets input.button[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .form-actions input.btn[type=submit],
.block-contact-form form .form-actions .main-footer-aqualibi .block-footer-nav-tickets input.btn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .form-actions .block-prices .ticket-dropdown input.ticket-dropbtn[type=submit],
.block-contact-form form .form-actions .block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets input.ticket-dropbtn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .block-contact-form form .form-actions input.ticket-dropbtn[type=submit],
.block-prices .ticket-dropdown .block-contact-form form .form-actions .main-footer-aqualibi .block-footer-nav-tickets input.ticket-dropbtn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .btn.btn-book,
.block-offers .offers-list .offers-item-2 .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-book,
.main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .block-prices .ticket-dropdown .btn-book.ticket-dropbtn,
.block-offers .offers-list .offers-item-2 .block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets .btn-book.ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .block-offers .offers-list .offers-item-2 .btn-book.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers .offers-list .offers-item-2 .main-footer-aqualibi .block-footer-nav-tickets .btn-book.ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets .ticket-dropbtn,
.main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form input.btn[type=submit],
.block-request-brochure form .main-footer-aqualibi .block-footer-nav-tickets input.btn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure .block-contact-form form input.button[type=submit],
.block-request-brochure .block-contact-form form .main-footer-aqualibi .block-footer-nav-tickets input.button[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-contact-form .block-request-brochure form input.button[type=submit],
.block-contact-form .block-request-brochure form .main-footer-aqualibi .block-footer-nav-tickets input.button[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form .block-prices .ticket-dropdown input.ticket-dropbtn[type=submit],
.block-request-brochure form .block-prices .ticket-dropdown .main-footer-aqualibi .block-footer-nav-tickets input.ticket-dropbtn[type=submit],
.main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .block-request-brochure form input.ticket-dropbtn[type=submit],
.block-prices .ticket-dropdown .block-request-brochure form .main-footer-aqualibi .block-footer-nav-tickets input.ticket-dropbtn[type=submit] {
background: #13b5ea !important
}
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-red:hover,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .btn-red.button:hover,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .button:hover,
.block-contact-form form .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .button:hover,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .button.btn-book:hover,
.block-offers .offers-list .offers-item-2 .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .button.btn-book:hover,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form input.button:hover[type=submit],
.block-request-brochure form .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets input.button:hover[type=submit],
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .form-actions input.btn:hover[type=submit],
.block-contact-form form .form-actions .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets input.btn:hover[type=submit],
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .btn.btn-book:hover,
.block-offers .offers-list .offers-item-2 .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-book:hover,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .ticket-dropbtn:hover,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form input.btn:hover[type=submit],
.block-request-brochure form .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets input.btn:hover[type=submit],
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-red:focus,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .btn-red.button:focus,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .button:focus,
.block-contact-form form .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .button:focus,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .button.btn-book:focus,
.block-offers .offers-list .offers-item-2 .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .button.btn-book:focus,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form input.button:focus[type=submit],
.block-request-brochure form .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets input.button:focus[type=submit],
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-contact-form form .form-actions input.btn:focus[type=submit],
.block-contact-form form .form-actions .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets input.btn:focus[type=submit],
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-offers .offers-list .offers-item-2 .btn.btn-book:focus,
.block-offers .offers-list .offers-item-2 .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .btn.btn-book:focus,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .ticket-dropbtn:focus,
.dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets .block-request-brochure form input.btn:focus[type=submit],
.block-request-brochure form .dj-no-touch .main-footer-aqualibi .block-footer-nav-tickets input.btn:focus[type=submit] {
background: #00538a !important
}
.main-footer-aqualibi .block-footer-nav-tickets .block-footer-tickets {
color: #13b5ea
}
@media (max-width:1023px) {
.main-footer-aqualibi .block-footer-nav-tickets .block-footer-tickets .block-bg {
background-color: #13b5ea
}
}
@media (min-width:1024px) {
.main-footer-aqualibi .block-footer-nav-tickets .block-footer-tickets .block-bg {
border: 10px solid #13b5ea
}
}
.main-footer-aqualibi .block-footer-nav-tickets .block-footer-tickets .tickets-tel {
color: #13b5ea
}
@media (max-width:1023px) {
.page-homepage .block-footer-nav-tickets .block-footer-nav .block-bg:before,
.page-homepage .block-footer-nav-tickets .block-footer-nav .block-bg:after,
.ticket-booking-page .block-footer-nav-tickets .block-footer-nav .block-bg:before,
.ticket-booking-page .block-footer-nav-tickets .block-footer-nav .block-bg:after {
background-color: #fafafa
}
.page-homepage .block-footer-nav-tickets .block-footer-tickets .block-bg:before,
.page-homepage .block-footer-nav-tickets .block-footer-tickets .block-bg:after,
.ticket-booking-page .block-footer-nav-tickets .block-footer-tickets .block-bg:before,
.ticket-booking-page .block-footer-nav-tickets .block-footer-tickets .block-bg:after {
background-color: #fafafa
}
}
.ticket-checkout-section .block-title {
margin-top: 20px;
color: #384550;
font-family: walirides;
font-size: 16px;
font-weight: 700;
line-height: 18px
}
.ticket-checkout-section .btn,
.ticket-checkout-section .button,
.ticket-checkout-section .block-contact-form form .button,
.block-contact-form form .ticket-checkout-section .button,
.ticket-checkout-section .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .ticket-checkout-section .ticket-dropbtn {
margin-top: 30px;
min-width: 190px;
font-size: 16px;
font-weight: 700;
padding: 7px 1rem
}
.block-gallery {
padding: 40px 0 25px;
color: #000
}
@media (max-width:1023px) {
.block-gallery {
padding-bottom: 30px
}
}
.block-gallery h2,
.block-gallery .h2 {
margin-bottom: .875em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-gallery h2,
.block-gallery .h2 {
margin-bottom: .83em;
text-align: left
}
}
.block-gallery h3,
.block-gallery .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-gallery h3,
.block-gallery .h3 {
margin-bottom: .89em
}
}
.block-gallery .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-gallery .content {
padding: 0 20px
}
}
.block-gallery .text {
max-width: 495px;
margin: 0 auto 48px;
text-align: center
}
@media (max-width:1023px) {
.block-gallery .text {
max-width: none;
margin-bottom: 35px;
text-align: left
}
}
.block-gallery .gallery-slider {
width: 595px;
margin: 0 auto
}
@media (max-width:1023px) {
.block-gallery .gallery-slider {
width: auto
}
}
.block-gallery .gallery-slider .item .photo {
position: relative;
perspective: 500px
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .item .photo {
padding-top: 5px
}
}
.block-gallery .gallery-slider .item .photo .image {
display: block;
width: 100%;
height: 430px;
object-fit: cover;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 5px solid #f81700;
transform-origin: 0 0;
transform: rotateY(2.75deg) skewY(-1.1deg) scaleX(1.03);
transition: all 1s
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .item .photo .image {
height: auto;
transform: rotateY(2.75deg) skewY(-1.1deg) scaleX(1.01)
}
}
.block-gallery .gallery-slider .item .photo.object-fit-processed {
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 5px solid #f81700
}
.block-gallery .gallery-slider .item .icon {
width: 98px;
height: 102px;
position: absolute;
left: 50%;
bottom: -32px;
z-index: 2;
transform: translateX(-50%);
transition: all 1s
}
.block-gallery .gallery-slider .item .icon:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
transform-origin: 0 0;
transform: perspective(500px) skewY(2.5deg) rotateX(-10deg) skewX(2deg)
}
.block-gallery .gallery-slider .item .icon .svg-icon,
.block-gallery .gallery-slider .item .icon img {
display: block;
width: 57px;
height: 57px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.block-gallery .gallery-slider .item .icon svg {
fill: #f81700
}
.block-gallery .gallery-slider .item .photo-description {
max-width: 350px;
margin: 84px auto 25px;
text-align: center;
color: #000;
transition: all 1s;
will-change: opacity
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .item .photo-description {
margin-top: 40px;
font: 400 12px "walirides", Arial, sans-serif
}
}
.block-gallery .gallery-slider .item .photo-description h4,
.block-gallery .gallery-slider .item .photo-description .h4 {
color: #f81700;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: -.19px
}
.block-gallery .gallery-slider .item.slick-slide {
margin: 0 32px
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .item.slick-slide {
margin: 0 7px
}
}
.block-gallery .gallery-slider .item.slick-slide .icon {
opacity: 0
}
.block-gallery .gallery-slider .item.slick-slide .photo-description {
opacity: 0
}
.block-gallery .gallery-slider .item.slick-slide:not(.slick-center) .photo .image {
transform-origin: 100% 50%;
transform: rotateY(-2.75deg) skewY(-1.1deg) scaleX(1.03) scaleY(.95)
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .item.slick-slide:not(.slick-center) .photo .image {
transform: rotateY(-2.75deg) skewY(-1.1deg) scaleX(1.03) scaleY(.85)
}
}
.block-gallery .gallery-slider .item.slick-slide.slick-center .icon {
opacity: 1
}
.block-gallery .gallery-slider .item.slick-slide.slick-center .photo-description {
opacity: 1
}
.block-gallery .gallery-slider.slick-slider {
width: auto;
margin: 0 -55px
}
@media (max-width:1023px) {
.block-gallery .gallery-slider.slick-slider {
margin: 0 -20px;
padding-bottom: 85px
}
}
.block-gallery .gallery-slider .slick-prev,
.block-gallery .gallery-slider .slick-next {
top: 204px
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .slick-prev,
.block-gallery .gallery-slider .slick-next {
top: auto;
bottom: 10px
}
}
.block-gallery .gallery-slider .slick-prev {
left: 24%;
margin-left: 32px;
transform: translateX(-50%)
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .slick-prev {
left: 20px;
margin: 0;
transform: none
}
}
.block-gallery .gallery-slider .slick-next {
right: 24%;
margin-right: 32px;
transform: translateX(50%)
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .slick-next {
right: 20px;
margin: 0;
transform: none
}
}
.block-gallery .gallery-slider .slick-dots {
bottom: -55px
}
@media (max-width:1023px) {
.block-gallery .gallery-slider .slick-dots {
bottom: 28px
}
}
.theme-aqualibi .block-gallery h2,
.theme-aqualibi .block-gallery .h2 {
color: #13b5ea
}
.theme-aqualibi .block-gallery .gallery-slider .item .photo .image {
border-color: #13b5ea
}
.theme-aqualibi .block-gallery .gallery-slider .item .photo-description h4,
.theme-aqualibi .block-gallery .gallery-slider .item .photo-description .h4 {
color: #13b5ea
}
.theme-aqualibi .block-gallery .gallery-slider .item .icon .svg-icon {
fill: #13b5ea
}
.block-grid-cards {
position: relative
}
.block-grid-cards .cards-filter {
display: flex;
margin-bottom: 35px;
align-items: center;
justify-content: space-between;
color: #b3b3b3
}
@media (max-width:767px) {
.block-grid-cards .cards-filter {
display: block;
margin-bottom: 30px
}
}
.block-grid-cards .cards-filter .filter-info {
margin: 0;
font: 500 22px "Futura-Condensed", "Futura", Arial, sans-serif
}
@media (max-width:767px) {
.block-grid-cards .cards-filter .filter-info {
margin-bottom: 2em;
text-align: center;
line-height: 1.36
}
}
.block-grid-cards .cards-filter .filter-info b {
font-weight: inherit;
color: #384550
}
.block-grid-cards .cards-filter .form-item label {
display: inline-block;
margin-right: 22px;
vertical-align: middle;
font-size: 10px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
letter-spacing: -.1px;
color: inherit
}
@media (max-width:767px) {
.block-grid-cards .cards-filter .form-item label {
display: block;
margin: 0 0 1em;
color: #b3b3b3
}
}
.block-grid-cards .cards-filter .form-item .jcf-select {
display: inline-block;
width: auto;
margin: 0;
vertical-align: middle;
border-color: #e6e6e6;
box-shadow: 0 4px 4px rgba(192, 203, 223, .22)
}
@media (max-width:767px) {
.block-grid-cards .cards-filter .form-item .jcf-select {
display: block
}
}
.block-grid-cards .cards-filter .form-item .jcf-select .jcf-select-text {
font-weight: 500
}
@media (max-width:767px) {
.block-grid-cards .cards-filter .form-item .jcf-select .jcf-select-text {
font-size: 16px;
color: #384550
}
}
.block-grid-cards .cards-filter.new-blog {
display: block
}
.block-grid-cards .cards-wrap {
margin: 0 auto;
overflow: hidden
}
.block-grid-cards .cards-wrap .cards-list {
margin: 0 auto
}
.block-grid-cards .cards-wrap .card-item {
width: 265px;
margin-bottom: 30px;
overflow: hidden;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e4e4e4;
background-color: #fff;
font: 400 11px/1.63 "walirides", Arial, sans-serif;
letter-spacing: -.11px;
color: #6d6d6d
}
@media (max-width:767px) {
.block-grid-cards .cards-wrap .card-item {
width: 245px
}
}
@media (max-width:480px) {
.block-grid-cards .cards-wrap .card-item {
width: auto
}
}
.block-grid-cards .cards-wrap .card-item .card-image {
height: 180px;
overflow: hidden;
position: relative
}
.block-grid-cards .cards-wrap .card-item .card-image:after {
content: "";
display: block;
width: 100%;
height: 100px;
position: absolute;
top: 100%;
left: 0;
background: #fff;
transform-origin: 0 0;
transform: skewY(-6.5deg)
}
.block-grid-cards .cards-wrap .card-item .card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-grid-cards .cards-wrap .card-item .card-content {
padding: 10px 26px 19px
}
.block-grid-cards .cards-wrap .card-item h3,
.block-grid-cards .cards-wrap .card-item .h3 {
margin-bottom: 1.15em;
color: #384550
}
.block-grid-cards .cards-wrap .card-item .card-date {
display: block;
margin-bottom: 1.5em;
text-align: center;
font: 400 12px "walirides", Arial, sans-serif;
letter-spacing: -.12px;
color: #b3b3b3
}
.block-grid-cards .cards-wrap .card-item .card-footer {
display: flex;
margin-top: 1.4em;
align-items: top;
justify-content: space-between
}
.block-grid-cards .cards-wrap .card-item .card-more {
color: #f81700;
font-size: 13px;
font-weight: 500;
letter-spacing: -.12px;
text-decoration: none
}
.dj-no-touch .block-grid-cards .cards-wrap .card-item .card-more:hover,
.dj-no-touch .block-grid-cards .cards-wrap .card-item .card-more:focus {
text-decoration: underline
}
.block-grid-cards .cards-wrap .card-item .card-btn {
display: inline-block;
margin-right: 17px;
color: #ccc;
vertical-align: bottom;
text-decoration: none
}
.block-grid-cards .cards-wrap .card-item .card-btn:last-child {
margin-right: 0
}
.block-grid-cards .cards-wrap .card-item .card-btn-download .svg-icon {
width: 18px;
height: 19px
}
.block-grid-cards .cards-wrap .card-item .card-btn-share {
display: none
}
.block-grid-cards .cards-wrap .card-item .card-btn-share .svg-icon {
width: 22px;
height: 14px
}
.block-grid-cards .cards-wrap .card-item.hidden {
display: none
}
.block-grid-cards .ajax-progress {
margin-left: -75px;
left: 50%;
position: absolute;
z-index: 1000;
padding: 0;
top: 0;
transform: translateX(-50%)
}
@media (max-width:1023px) {
.block-grid-cards .ajax-progress {
margin-left: -25px !important;
transform: none
}
}
.block-grid-cards #load-more.load-more {
margin-top: -5px !important
}
.block-grid-cards #load-more.load-more svg {
width: 38px !important;
height: 33px !important
}
@media (max-width:1023px) {
.block-grid-cards #load-more.load-more {
margin-top: -63px !important
}
}
.theme-aqualibi .block-grid-cards .cards-wrap .card-item .card-more {
color: #13b5ea
}
.halloween-children-popup {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 3147483645;
height: 100vh;
background-color: rgba(0, 0, 0, .6);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
text-align: center;
overflow-y: auto;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: none
}
.halloween-children-popup-wrapper {
position: relative;
top: 5%;
margin: auto;
max-width: 1037px;
max-height: none
}
@media (max-width:1023px) {
.halloween-children-popup-wrapper {
top: 0
}
}
.halloween-children-popup-box {
position: relative;
z-index: 3;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 80px 49px
}
@media (max-width:767px) {
.halloween-children-popup-box {
flex-direction: column;
align-items: center
}
}
.halloween-children-popup-header {
width: 100%;
position: relative;
padding: 20px
}
.halloween-children-popup-header a:hover {
color: #fff
}
.halloween-children-popup-header .svg-icon {
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: -15px
}
.halloween-children-popup-header p {
text-align: center;
width: 60%;
margin: 30px auto
}
.halloween-children-popup-cart {
width: 48%;
max-width: 439px;
margin: 15px;
overflow-x: hidden;
position: relative
}
@media (max-width:1023px) {
.halloween-children-popup-cart {
width: 100%
}
}
.halloween-children-popup-cart:before,
.halloween-children-popup-cart:after {
position: absolute;
content: '';
display: block;
width: 0;
height: 0
}
.halloween-children-popup-cart--red .popup-cart-body {
background: #b5111d
}
.halloween-children-popup-cart--red .popup-cart-icon {
border: 3px solid #b5111d;
color: #b5111d !important
}
.halloween-children-popup-cart--red .popup-cart-link {
color: #000
}
.halloween-children-popup-cart--red .popup-cart-link:hover {
color: #000
}
.halloween-children-popup-cart--red:before {
left: 0;
top: 0;
border-top: 23px solid #000;
border-left: 450px solid transparent
}
.halloween-children-popup-cart--red:after {
left: 0;
bottom: 0;
border-bottom: 23px solid #000;
border-left: 450px solid transparent
}
.halloween-children-popup-cart--orange .popup-cart-body {
background: #eb7a3b
}
.halloween-children-popup-cart--orange .popup-cart-icon {
border: 3px solid #eb7a3b
}
.halloween-children-popup-cart--orange .popup-cart-link {
color: #eb7a3b
}
.halloween-children-popup-cart--orange .popup-cart-link:hover {
color: #eb7a3b
}
.halloween-children-popup-cart--orange:before {
right: 0;
top: 0;
width: 0;
height: 0;
border-top: 23px solid #000;
border-right: 450px solid transparent
}
.halloween-children-popup-cart--orange:after {
bottom: 0;
right: 0;
border-bottom: 23px solid #000;
border-right: 450px solid transparent
}
.halloween-children-popup .popup-cart-body {
position: relative;
padding: 50px 20px
}
.halloween-children-popup .popup-cart-icon {
position: absolute;
width: 64px;
height: 64px;
background: #fff;
border-radius: 50%;
left: 0;
top: -30px;
right: 0;
margin: 0 auto;
overflow: hidden;
display: flex;
align-items: center;
color: #eb7a3b
}
.halloween-children-popup .popup-cart-icon .svg-icon {
height: 33px
}
.halloween-children-popup .popup-cart-icon img {
max-width: 35px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto
}
.halloween-children-popup .popup-cart-title {
font-size: 22px;
min-height: 66px
}
.halloween-children-popup .popup-cart-description {
font-size: 14px
}
.halloween-children-popup .popup-cart-link {
background: #fff;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 6px 56px;
text-transform: capitalize;
border-radius: 30px;
font-weight: 700;
max-width: 70%;
margin: 0 auto;
z-index: 4;
bottom: 0
}
@media (max-width:767px) {
.halloween-children-popup .popup-cart-link {
padding: 6px 26px;
font-size: 13px
}
}
.halloween-children-popup .popup-cart-link:hover {
text-decoration: none;
transform: translateY(-5px)
}
.halloween-children-popup .popup-cart-footer {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%
}
.halloween-children-popup-bg {
top: 20px;
display: block;
position: absolute;
height: calc(100% - 40px);
content: '';
transform: skewY(2deg);
width: 100%
}
.halloween-children-popup-bg--black {
background: #000;
z-index: 2
}
.halloween-children-popup-bg--grey {
background: #2a2a2a;
z-index: 1;
left: -15px;
top: 5px
}
.children-popup-open {
overflow: hidden !important
}
.block-homepage-feature-slider {
background: #fff;
padding: 50px 55px 117px 30px;
overflow: hidden;
z-index: 1
}
@media (max-width:959px) {
.block-homepage-feature-slider {
padding: 0 0 87px
}
}
.block-homepage-feature-slider .slick-prev,
.block-homepage-feature-slider .slick-next {
bottom: 43px
}
@media (max-width:959px) {
.block-homepage-feature-slider .slick-prev,
.block-homepage-feature-slider .slick-next {
bottom: 25px
}
}
.block-homepage-feature-slider .slick-dots {
bottom: 61px
}
@media (max-width:959px) {
.block-homepage-feature-slider .slick-dots {
bottom: 41px
}
}
.block-homepage-feature-slider .slide-content {
position: relative;
height: 100%
}
.block-homepage-feature-slider .slide-content .picture {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2
}
.block-homepage-feature-slider .slide-content .picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay,
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay {
position: absolute;
z-index: 0;
width: 100%;
height: 100%
}
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:before,
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:after,
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay:before,
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay:after {
content: '';
display: block;
background: #fff;
position: absolute
}
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay {
top: 0
}
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:before,
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:after {
width: 100%;
height: 200px;
left: 0
}
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:before {
top: 0;
transform-origin: 0 100%;
transform: translateY(-100%) skewY(1.5deg)
}
@media (max-width:959px) {
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:before {
content: none
}
}
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:after {
bottom: 0;
transform-origin: 0 0;
transform: translateY(100%) skewY(-.75deg);
z-index: 0
}
@media (max-width:959px) {
.block-homepage-feature-slider .slide-content .picture .picture-top-overlay:after {
transform: translateY(100%) skewY(-2.5deg)
}
}
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay {
left: 0;
top: 0;
display: none
}
@media (min-width:960px) {
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay {
display: block
}
}
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay:before,
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay:after {
height: 100%;
width: 200px;
top: 0
}
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay:before {
left: 0;
transform-origin: 100% 100%;
transform: translateX(-85%) skewX(-4.5deg)
}
.block-homepage-feature-slider .slide-content .picture .picture-bottom-overlay:after {
right: 0;
transform-origin: 0 0;
transform: translateX(100%) skewX(-4.5deg)
}
.block-homepage-feature-slider .slide-content .slide-message {
min-height: 414px;
padding: 142px 105px 67px 100px
}
@media (max-width:959px) {
.block-homepage-feature-slider .slide-content .slide-message {
min-height: 535px;
padding: 0 60px 47px
}
}
.block-homepage-feature-slider .slide-content .title-wrap {
padding: 10px 20px 0;
position: relative;
margin: 0 -60px;
color: #fff;
margin-bottom: 60px;
text-align: center
}
@media (min-width:960px) {
.block-homepage-feature-slider .slide-content .title-wrap {
width: 350px;
margin: 0 0 0 -45px;
padding-left: 45px;
text-align: left;
min-height: 105px
}
}
.block-homepage-feature-slider .slide-content .title-wrap .sub-title {
font-family: Futura;
font-size: 14px;
font-weight: 700;
line-height: 36px
}
.block-homepage-feature-slider .slide-content .title-wrap .block-title {
font-family: walirides;
font-size: 24px;
font-weight: 700;
line-height: 29px;
text-shadow: 0 8px 33px rgba(24, 24, 24, .37);
text-transform: uppercase
}
@media (min-width:960px) {
.block-homepage-feature-slider .slide-content .title-wrap .block-title {
max-width: 250px;
text-transform: none
}
}
.block-homepage-feature-slider .slide-content .title-wrap .title-bg {
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
background: #f81700;
top: 0;
left: 0
}
.block-homepage-feature-slider .slide-content .title-wrap .title-bg:after,
.block-homepage-feature-slider .slide-content .title-wrap .title-bg:before {
position: absolute;
z-index: -1;
content: '';
display: block
}
.block-homepage-feature-slider .slide-content .title-wrap .title-bg:before {
left: -33px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 33px 146px 0;
border-color: transparent #f81700 transparent transparent
}
.block-homepage-feature-slider .slide-content .title-wrap .title-bg:after {
height: 60px;
width: 100%;
bottom: -20px;
transform: skewY(-2deg);
background: #f81700
}
@media (min-width:960px) {
.block-homepage-feature-slider .slide-content .title-wrap .title-bg:after {
bottom: -25px;
transform: skewY(-5deg)
}
}
.block-homepage-feature-slider .slide-content .slide-cta {
width: 100%;
margin-top: 160px;
text-align: center
}
@media (min-width:960px) {
.block-homepage-feature-slider .slide-content .slide-cta {
display: flex;
margin-top: 60px;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: flex-end;
text-align: left
}
}
.block-homepage-feature-slider .slide-content .slide-cta .slide-cta-message {
color: #fff;
font: 700 20px/1.5 "Futura", Arial, sans-serif;
text-shadow: 0 2px 11px rgba(0, 0, 0, .5);
margin-bottom: 70px
}
@media (min-width:960px) {
.block-homepage-feature-slider .slide-content .slide-cta .slide-cta-message {
margin-bottom: 0
}
}
.block-homepage-feature-slider .slide-content .slide-cta .btn,
.block-homepage-feature-slider .slide-content .slide-cta .button,
.block-homepage-feature-slider .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-homepage-feature-slider .slide-content .slide-cta .ticket-dropbtn {
min-width: 195px;
font-size: 16px
}
.theme-aqualibi .block-homepage-feature-slider .slide-content .title-wrap .title-bg {
background: #13b5ea
}
.theme-aqualibi .block-homepage-feature-slider .slide-content .title-wrap .title-bg:before {
border-right-color: #13b5ea
}
.theme-aqualibi .block-homepage-feature-slider .slide-content .title-wrap .title-bg:after {
background: inherit
}
.block-hosting {
display: flex;
height: 735px;
overflow: hidden;
position: relative
}
@media (max-width:1023px) {
.block-hosting {
display: block;
height: auto
}
}
.block-hosting .hotel-title {
display: block;
margin-bottom: .6em;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: -.1px;
color: #b3b3b3
}
.block-hosting .hotel-name {
margin-bottom: .65em;
font: 700 14px "Futura", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.14px;
color: currentColor
}
.block-hosting .hotel-rating {
display: flex;
padding: 0;
list-style: none;
color: #ffd125
}
.block-hosting .hotel-rating li {
width: 14px;
height: 13px;
margin: 0
}
.block-hosting .btn-toggle-map {
display: none;
margin-bottom: 25px;
font-size: 16px
}
@media (max-width:1023px) {
.block-hosting .btn-toggle-map {
display: block
}
}
.block-hosting .btn-toggle-map .svg-icon {
display: inline-block;
width: 31px;
height: 27px;
margin: 2px 20px 0 0;
line-height: normal;
vertical-align: top
}
.block-hosting .btn-toggle-map .off-text {
display: none
}
.block-hosting .btn-toggle-map.active .on-text {
display: none
}
.block-hosting .btn-toggle-map.active .off-text {
display: inline
}
.block-hosting .hotels-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 1.42;
color: #fff
}
.block-hosting .hotels-list .hotel-item {
display: flex;
margin-bottom: 10px;
position: relative;
border-radius: 0 5px 5px 0;
background-color: #384550;
cursor: pointer;
transition: all .35s
}
@media (max-width:1023px) {
.block-hosting .hotels-list .hotel-item {
display: block;
border-radius: 0 0 5px 5px
}
}
.block-hosting .hotels-list .hotel-item .image {
width: 163px;
height: 174px;
position: relative
}
@media (max-width:1023px) {
.block-hosting .hotels-list .hotel-item .image {
width: auto;
height: 110px;
overflow: hidden;
border-radius: 5px 5px 0 0
}
}
.block-hosting .hotels-list .hotel-item .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-hosting .hotels-list .hotel-item .image img.placeholder {
width: 82px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: contain
}
@media (max-width:1023px) {
.block-hosting .hotels-list .hotel-item .image img {
height: auto
}
}
.block-hosting .hotels-list .hotel-item .text {
flex: 1 0 0;
overflow: hidden;
padding: 20px
}
@media (max-width:1023px) {
.block-hosting .hotels-list .hotel-item .text {
padding: 17px 20px
}
}
.block-hosting .hotels-list .hotel-item .n {
display: block;
width: 27px;
height: 27px;
position: absolute;
top: 15px;
left: -15px;
border-radius: 50%;
background: #fff;
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 27px;
letter-spacing: -.14px;
color: #384550;
transition: all .35s
}
.block-hosting .hotels-list .hotel-item p {
margin: 0
}
.block-hosting .hotels-list .hotel-item .hotel-rating li {
margin: 0
}
.block-hosting .hotels-list .hotel-item.active {
background: #fff;
color: #6d6d6d
}
.block-hosting .hotels-list .hotel-item.active .hotel-name {
color: #384550
}
.block-hosting .hotels-list .hotel-item.active .n {
background-color: #fab700;
color: #fff
}
.block-hosting .hosting-map-bar {
display: flex;
flex-direction: column;
width: 43.35%;
overflow: hidden
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar {
display: block;
width: auto
}
}
.block-hosting .hosting-map-bar .bar-head {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 13px 20px 15px
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-head {
padding: 22px 10px 22px 20px
}
}
.block-hosting .hosting-map-bar .bar-head h1,
.block-hosting .hosting-map-bar .bar-head .h1 {
flex: 1 0 0;
margin: 0 0 0 32px;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-head h1 span,
.block-hosting .hosting-map-bar .bar-head .h1 span {
display: none
}
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-head h1,
.block-hosting .hosting-map-bar .bar-head .h1 {
margin-left: 21px;
font-size: 20px
}
.block-hosting .hosting-map-bar .bar-head h1:before,
.block-hosting .hosting-map-bar .bar-head .h1:before {
content: attr(data-short)
}
}
.block-hosting .hosting-map-bar .bar-content {
display: flex;
padding-bottom: 21px;
flex: 1 0 0;
flex-direction: column;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #29323a;
color: #fff
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content {
display: block;
padding-bottom: 31px
}
}
.block-hosting .hosting-map-bar .bar-content .bar-content-head {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 29px 57px 27px;
position: relative
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content .bar-content-head {
display: block;
padding: 34px 20px 15px;
text-align: center
}
}
.block-hosting .hosting-map-bar .bar-content .bar-content-head .icon {
width: 32px
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content .bar-content-head .icon {
width: 43px;
margin: 0 auto 1em
}
}
.block-hosting .hosting-map-bar .bar-content .bar-content-head .icon .svg-icon {
fill: currentColor
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content .bar-content-head .icon .svg-icon {
margin: 0 auto
}
}
.block-hosting .hosting-map-bar .bar-content .bar-content-head .icon .svg-icon.svg-icon-hotel {
width: 32px;
height: 31px;
stroke: currentColor
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content .bar-content-head .icon .svg-icon.svg-icon-hotel {
width: 43px;
height: 42px
}
}
.block-hosting .hosting-map-bar .bar-content .bar-content-head h2,
.block-hosting .hosting-map-bar .bar-content .bar-content-head .h2 {
margin: 0 0 0 26px;
flex: 1 0 0;
font-size: 18px;
letter-spacing: -.17px;
color: currentColor
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content .bar-content-head h2,
.block-hosting .hosting-map-bar .bar-content .bar-content-head .h2 {
margin: 0 0 10px
}
}
.block-hosting .hosting-map-bar .bar-content .bar-content-body {
flex: 1 0 0;
margin-right: 13px;
padding: 0 17px 0 40px
}
@media (max-width:1023px) {
.block-hosting .hosting-map-bar .bar-content .bar-content-body {
margin: 0;
padding: 0 20px
}
}
.block-hosting .hotel-info {
display: none;
width: 66.8%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
background-color: #384550;
color: #fff
}
@media (max-width:1023px) {
.block-hosting .hotel-info {
width: auto;
height: auto;
position: relative
}
}
.block-hosting .hotel-info .btn-close {
position: absolute;
top: 22px;
right: -22px;
z-index: 2;
color: #384550
}
@media (max-width:1023px) {
.block-hosting .hotel-info .btn-close {
top: 12px;
right: 12px
}
}
.block-hosting .hotel-info .hotel-info-item {
display: none;
height: 100%
}
.block-hosting .hotel-info .hotel-info-item h3,
.block-hosting .hotel-info .hotel-info-item .h3 {
font: 400 19px/1.57 "walirides", Arial, sans-serif;
letter-spacing: -.18px;
color: inherit
}
.block-hosting .hotel-info .hotel-info-item h4,
.block-hosting .hotel-info .hotel-info-item .h4 {
font-size: 14px;
font-weight: 500;
letter-spacing: -.14px;
color: #fab700
}
.block-hosting .hotel-info .hotel-info-item a {
color: inherit
}
.block-hosting .hotel-info .hotel-info-item p,
.block-hosting .hotel-info .hotel-info-item ul {
margin-bottom: 1.3em
}
.block-hosting .hotel-info .hotel-info-item ul {
padding: 0;
list-style-type: none
}
.block-hosting .hotel-info .hotel-info-item .hotel-rating li {
width: 16px;
height: 16px
}
.block-hosting .hotel-info .hotel-info-item .hotel-description {
padding-right: 15px;
padding-bottom: 30px
}
.block-hosting .hotel-info .hotel-info-item .advantages-list {
display: flex;
margin: 0 -10px 0;
padding: 0;
list-style: none;
flex-wrap: wrap;
text-align: center;
font-size: 14px;
line-height: normal;
letter-spacing: -.14px
}
.block-hosting .hotel-info .hotel-info-item .advantages-list li {
display: flex;
width: 70px;
padding: 5px;
min-height: 70px;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
margin: 10px;
border: 1px solid #63788a;
border-radius: 5px
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .advantages-list li {
margin: 12px
}
}
.block-hosting .hotel-info .hotel-info-item .trip-adwisor a {
display: block;
border: 1px solid #00a67f
}
.block-hosting .hotel-info .hotel-info-item .trip-adwisor img {
display: block;
width: 100%
}
.block-hosting .hotel-info .hotel-info-item .reserv-btn {
display: block;
padding: 13px 10px 14px;
text-align: center;
background: #00538a;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: normal;
letter-spacing: -.14px;
text-decoration: none
}
.block-hosting .hotel-info .hotel-info-item .reserv-btn b {
display: block;
font: 700 18px "walirides", Arial, sans-serif
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .hotel-widgets {
padding: 9px 20px;
background: #fff
}
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .TA_links {
display: none
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .widErrBx {
display: none
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .cdsROW.border {
width: 100% !important
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .cdsROW.wide {
height: auto
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .cdsROW.wide .cdsROWContainer {
width: 100% !important
}
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .cdsROW.wide .cdsROWContainer a {
color: #000
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .cdsComponent.cdsLocName {
max-width: 145px !important
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .cdsROW.wide .logo img {
max-width: 80px;
width: 80px
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .hotel-widgets>div {
margin: 9px 0
}
}
.block-hosting .hotel-info .hotel-info-item .hotel-widgets .trip-adwisor {
order: 2
}
.block-hosting .hotel-info .hotel-info-item .col-wrap {
display: flex;
height: 100%
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .col-wrap {
display: block;
height: auto
}
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col {
display: flex;
flex: 1 0 0;
max-width: calc(100% - 330px);
flex-direction: column;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #29323a
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col {
display: block;
max-width: none;
box-shadow: none
}
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .item {
height: 336px;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .image {
display: block;
width: 100%
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .slick-prev {
left: 25px
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .slick-next {
right: 25px
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .slick-dots {
bottom: 13px
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .slick-dots li button:before {
opacity: .39
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .photo .slick-dots li.slick-active button:before {
background: #fff;
opacity: 1
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .text {
flex: 1 0 0;
padding: 50px 26px 41px 58px;
overflow: hidden
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .text {
padding: 30px
}
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .text .text-inner {
height: 100%;
padding-right: 23px;
overflow: hidden
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .col-wrap .main-col .text .text-inner {
height: auto;
padding: 0
}
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .second-col {
flex: 0 0 330px;
position: relative;
overflow: hidden;
line-height: 1.3125;
display: flex;
flex-direction: column
}
.block-hosting .hotel-info .hotel-info-item .col-wrap .second-col .text {
height: 100%;
padding: 30px 30px 0;
overflow: hidden;
display: flex;
flex-direction: column
}
@media (max-width:1023px) {
.block-hosting .hotel-info .hotel-info-item .col-wrap .second-col .text {
height: auto;
padding: 27px 30px 20px
}
}
.block-hosting .hotel-info .hotel-info-item.active {
display: block
}
.block-hosting .hotel-info.active {
display: block
}
.block-hosting .hosting-map {
display: flex;
flex-direction: column;
flex: 1 0 0;
position: relative
}
@media (max-width:1023px) {
.block-hosting .hosting-map {
display: none;
height: 564px;
margin: 0 -20px 30px
}
}
.block-hosting .hosting-map .map-canvas {
flex: 1
}
@media (max-width:1023px) {
.block-hosting .hosting-map .map-canvas {
height: 100%
}
}
.block-hosting .hosting-map .map-canvas .gm-style-cc {
display: none
}
.block-hosting .hosting-map .map-lat-lng {
padding: 6px 54px 6px 13px;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
font-size: 12px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.12px;
text-transform: uppercase;
background-color: rgba(56, 68, 80, .11)
}
@media (max-width:1023px) {
.block-hosting .hosting-map .map-lat-lng {
display: none
}
}
@media (max-width:1023px) {
.block-hosting.is-info-active .hosting-map-bar {
display: none
}
}
.body-hotel_list.theme-aqualibi .block-hosting .hosting-map-bar .bar-head h1,
.body-hotel_list.theme-aqualibi .block-hosting .hosting-map-bar .bar-head .h1 {
color: #13b5ea
}
.block-icon-text {
padding: 58px 0
}
@media (max-width:1023px) {
.block-icon-text {
padding: 38px 0
}
}
.block-icon-text .block-title {
margin-bottom: 2.6em
}
@media (max-width:1023px) {
.block-icon-text .block-title {
font-size: 20px
}
}
.block-icon-text .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-icon-text .content {
padding: 0 20px
}
}
.block-icon-text .icon-text {
display: flex;
flex-wrap: wrap;
justify-content: center
}
@media (max-width:1023px) {
.block-icon-text .icon-text {
display: block
}
}
.block-icon-text .icon-text .item {
width: 250px;
margin: 0 0 32px;
font: 26px "walirides", Arial, sans-serif;
text-align: center
}
@media (max-width:1023px) {
.block-icon-text .icon-text .item {
margin: 0 auto 60px;
font-size: 20px
}
.block-icon-text .icon-text .item:last-child {
margin-bottom: 0
}
}
.block-icon-text .icon-text .item p {
margin: 0
}
.block-icon-text .icon-text .item .icon {
display: flex;
width: 84px;
height: 83px;
margin: 0 auto 29px;
flex-direction: column;
justify-content: center;
align-items: center
}
@media (max-width:1023px) {
.block-icon-text .icon-text .item .icon {
margin: 0 auto 0px
}
}
.block-image {
overflow: hidden
}
@media (max-width:1023px) {
.block-image.with-video img {
width: auto;
min-width: 100%;
max-height: 320px;
position: relative;
left: 50%;
transform: translateX(-50%);
object-fit: cover;
height: 100%
}
}
.block-image img {
display: block;
width: 100%
}
.block-image .video img {
display: block !important;
visibility: visible
}
.block-image .yt-video iframe {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
position: relative
}
.block-job-cta {
display: none;
padding: 10px 0;
text-align: center
}
@media (max-width:1023px) {
.block-job-cta {
display: block
}
}
.block-job-cta .content {
padding: 0 30px
}
@media (max-width:1023px) {
.block-job-cta .content {
padding: 0 20px
}
}
@media (max-width:1023px) {
.block-job-cta .btn,
.block-job-cta .button,
.block-job-cta .block-contact-form form .button,
.block-contact-form form .block-job-cta .button,
.block-job-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-job-cta .ticket-dropbtn {
min-width: 0;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 30px;
padding-left: 30px
}
}
.block-job-share {
display: none;
margin: 0;
flex-wrap: nowrap;
background-color: #384550;
color: #fff;
font: 16px "walirides", Arial, sans-serif
}
@media (min-width:1024px) {
.block-job-share {
display: block
}
}
.block-job-share a {
color: #fff
}
.block-job-share .title {
display: block;
text-transform: uppercase;
text-shadow: 0 8px 33px rgba(24, 24, 24, .37);
letter-spacing: -.07px
}
.block-job-share .meta {
margin: 0;
padding: 0;
list-style: none;
font-size: 8px;
letter-spacing: -.04px
}
.block-job-share .meta li {
display: inline-block
}
.block-job-share .meta li:after {
content: "·";
display: inline-block;
margin: 0 4px 0 6px
}
.block-job-share .meta li:last-child:after {
content: none
}
.block-job-share .meta li.time {
text-transform: uppercase
}
.block-job-share .share-link {
font-size: 14px;
letter-spacing: -.06px;
color: rgba(255, 255, 255, .5);
text-decoration: none
}
.block-job-share .share-link .svg-icon {
display: inline-block;
width: 28px;
height: 22px;
margin-left: 11px;
fill: #9ba2a7
}
.block-job-share .btn,
.block-job-share .button,
.block-job-share .block-contact-form form .button,
.block-contact-form form .block-job-share .button,
.block-job-share .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-job-share .ticket-dropbtn {
min-width: 168px
}
.block-job-share .row {
margin: 0
}
.block-job-share .col {
display: flex;
width: auto;
flex: none;
flex-direction: column;
justify-content: center;
padding: 15px 55px
}
.block-job-share .col.text {
flex: 1;
padding-top: 25px;
padding-bottom: 25px;
border-right: 1px solid #2b353d
}
.block-job-share .col.text:last-child {
border-right: none
}
.block-job-share .col:nth-child(2) {
padding-right: 33px;
padding-left: 33px;
border-left: 1px solid #465663
}
.block-job-share .col:nth-child(3) {
background-color: #26323d
}
.block-jobs {
padding: 25px 0 0;
background-color: rgba(245, 249, 253, .59)
}
@media (min-width:1024px) {
.block-jobs {
padding: 38px 0
}
}
.block-jobs .content {
padding: 0 25px
}
@media (min-width:1024px) {
.block-jobs .content {
padding: 0 55px
}
}
.block-jobs h2,
.block-jobs .h2 {
margin-bottom: 1.25em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
.block-jobs .filter {
margin-bottom: 1.5em
}
@media (min-width:1024px) {
.block-jobs .filter {
display: flex;
margin-bottom: 1.625em;
flex-wrap: wrap
}
}
.block-jobs .filter .form-item {
min-width: 241px
}
@media (max-width:1023px) {
.block-jobs .filter .form-item {
min-width: 260px;
margin: 15px auto 0
}
}
@media (min-width:1024px) {
.block-jobs .filter .form-item {
margin: 0 59px 1em 0
}
.block-jobs .filter .form-item:last-child {
margin-right: 0
}
}
.block-jobs .filter .form-item .jcf-select {
height: 53px;
margin: 0
}
.block-jobs .filter .form-item .jcf-select .jcf-select-text {
font: 300 12px/51px "Futura-Book", "Futura", Arial, sans-serif;
letter-spacing: -.12px;
text-transform: uppercase;
color: #000
}
.block-jobs .jobs-items-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
@media (min-width:1024px) {
.block-jobs .jobs-items-wrap {
margin: 0 -15px;
justify-content: flex-start
}
}
.block-jobs .jobs-items-wrap .job-item {
width: 260px;
margin: 0 auto 18px;
padding: 25px 38px 29px;
position: relative;
z-index: 1;
font: 300 14px/1.43 "Futura-Book", "Futura", Arial, sans-serif;
letter-spacing: -.14px;
color: #828282;
text-decoration: none
}
.block-jobs .jobs-items-wrap .job-item:before {
content: "";
display: block;
width: 98.5%;
height: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
right: -8px;
z-index: -1;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
border: 1px solid #e4e4e4;
transform-origin: 0 100%;
transform: perspective(500px) skewX(3deg) rotateY(4deg)
}
.block-jobs .jobs-items-wrap .job-item:nth-child(2n):before {
left: -8px;
right: auto;
transform-origin: 100% 100%;
transform: perspective(500px) skewX(-3deg) rotateY(-4deg)
}
@media (min-width:1024px) {
.block-jobs .jobs-items-wrap .job-item {
order: 1;
width: 270px;
margin: 0 12px 30px
}
.block-jobs .jobs-items-wrap .job-item:nth-child(1),
.block-jobs .jobs-items-wrap .job-item:nth-child(2) {
order: -1
}
}
.block-jobs .jobs-items-wrap .job-item .row {
margin: 0 0 18px;
justify-content: space-between
}
@media (min-width:1024px) {
.block-jobs .jobs-items-wrap .job-item .row {
margin-bottom: 22px
}
}
.block-jobs .jobs-items-wrap .job-item .urgency {
display: none;
text-transform: uppercase
}
.block-jobs .jobs-items-wrap .job-item h3,
.block-jobs .jobs-items-wrap .job-item .h3 {
margin-bottom: .23em;
font: 700 20px/1.5 "Futura", Arial, sans-serif;
letter-spacing: -.19px;
color: #384550
}
.block-jobs .jobs-items-wrap .job-item h3 a,
.block-jobs .jobs-items-wrap .job-item .h3 a {
text-decoration: none
}
.block-jobs .jobs-items-wrap .job-item .city {
margin-bottom: 2.25em;
font-size: 13px
}
.block-jobs .jobs-items-wrap .job-item .date {
margin: 2.25em 0 0;
line-height: 1.71
}
.block-jobs .jobs-items-wrap .job-item .date .svg-icon {
display: inline-block;
width: 15px;
height: 13px;
margin-right: 6px;
vertical-align: baseline;
fill: #f81700
}
.block-jobs .jobs-items-wrap .job-item>:last-child {
margin-bottom: 0
}
.block-jobs .jobs-items-wrap .buttons {
flex: 1;
margin-bottom: 22px;
text-align: center
}
@media (min-width:1024px) {
.block-jobs .jobs-items-wrap .buttons {
display: none
}
}
.block-jobs .jobs-items-wrap .buttons .btn,
.block-jobs .jobs-items-wrap .buttons .button,
.block-jobs .jobs-items-wrap .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-jobs .jobs-items-wrap .buttons .ticket-dropbtn {
box-shadow: 0 6px 10px rgba(0, 0, 0, .08)
}
.block-jobs .jobs-items-wrap .no-job {
display: flex;
width: 100%;
flex-direction: column
}
@media (min-width:1024px) {
.block-jobs .jobs-items-wrap .no-job {
order: 0;
width: 570px;
margin: 0 12px 30px
}
}
.block-jobs .jobs-items-wrap .no-job .inner {
flex: 1;
margin: 0 -25px;
padding: 33px 30px 24px;
font: 300 16px/1.875 "Futura", Arial, sans-serif;
color: #fff;
background: url(../images/dalton-terror-2.jpg) center no-repeat;
background-size: cover
}
@media (min-width:1024px) {
.block-jobs .jobs-items-wrap .no-job .inner {
margin: 0;
padding: 33px 110px 33px 61px
}
}
.block-jobs .jobs-items-wrap .no-job .inner a {
color: #fff
}
.block-jobs .jobs-items-wrap .no-job h3,
.block-jobs .jobs-items-wrap .no-job .h3 {
margin: 0;
letter-spacing: -.19px
}
.block-jobs .jobs-items-wrap .no-job .btn,
.block-jobs .jobs-items-wrap .no-job .button,
.block-jobs .jobs-items-wrap .no-job .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-jobs .jobs-items-wrap .no-job .ticket-dropbtn {
min-width: 151px
}
.theme-aqualibi .block-jobs h2,
.theme-aqualibi .block-jobs .h2 {
color: #13b5ea
}
.theme-aqualibi .block-jobs .jobs-items-wrap .job-item .date .svg-icon {
fill: #13b5ea
}
.landing-events {
padding: 0 30px 5px
}
@media (min-width:1024px) {
.landing-events {
display: flex;
width: 970px;
margin: 0 auto;
justify-content: space-between;
padding: 0 0 52px
}
}
.landing-events .block {
margin-bottom: 47px;
padding-bottom: 20px
}
@media (min-width:1024px) {
.landing-events .block {
width: 470px;
flex: 0 0 auto;
margin: 0;
padding-bottom: 34px
}
}
.landing-events .block.spooky {
background: #ccc;
color: #262626
}
.landing-events .block.spooky .category .icon {
color: #8c1e82
}
.landing-events .block.spooky .btn-holder .btn,
.landing-events .block.spooky .btn-holder .button,
.landing-events .block.spooky .btn-holder .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .landing-events .block.spooky .btn-holder .ticket-dropbtn {
background: #8c1e82
}
.landing-events .block.fright {
background: #333;
color: #dedddd
}
.landing-events .block.fright .category .icon {
color: #f81700
}
.landing-events .block.fright .info .txt {
color: #fff
}
.landing-events .block.fright .btn-holder .btn,
.landing-events .block.fright .btn-holder .button,
.landing-events .block.fright .btn-holder .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .landing-events .block.fright .btn-holder .ticket-dropbtn {
background: #71bc1c
}
.landing-events .img-holder {
margin-bottom: 15px
}
@media (min-width:1024px) {
.landing-events .img-holder {
margin-bottom: 24px
}
}
.landing-events .img-holder img {
display: block
}
.landing-events .category {
padding: 0 12px;
max-width: 294px;
margin: 0 auto 10px;
text-align: center
}
@media (min-width:1024px) {
.landing-events .category {
margin-bottom: 8px
}
}
.landing-events .category .icon {
width: 30px;
height: 27px;
display: block;
margin: 0 auto 7px
}
.landing-events .category .txt {
display: block;
font: 12px/16px "walirides", Arial, sans-serif;
letter-spacing: -.12px;
text-align: center
}
.landing-events .ttl {
padding: 0 12px;
max-width: 294px;
margin: 0 auto 24px;
text-align: center;
font: 700 20px/28px "walirides", Arial, sans-serif;
letter-spacing: -.09px
}
@media (min-width:1024px) {
.landing-events .ttl {
font-size: 24px;
letter-spacing: -.11px;
margin-bottom: 22px
}
}
.landing-events .data {
padding: 0 12px;
max-width: 294px;
margin: 0 auto 25px;
font-size: 14px/22px "Futura-Book", "Futura", Arial, sans-serif;
letter-spacing: -.14px
}
@media (min-width:1024px) {
.landing-events .data {
font-size: 16px;
letter-spacing: 0;
line-height: 25px;
margin-bottom: 30px
}
}
.landing-events .data p {
margin: 0
}
.landing-events .info {
padding: 0 12px;
max-width: 294px;
margin: 0 auto 30px;
display: flex;
align-items: center
}
@media (min-width:1024px) {
.landing-events .info {
margin-bottom: 33px
}
}
.landing-events .info .icon {
width: 31px;
height: 33px;
flex: 0 0 auto
}
.landing-events .info .txt {
padding-left: 11px;
font: 700 11px/17px "Futura", Arial, sans-serif;
letter-spacing: -.13px
}
@media (min-width:1024px) {
.landing-events .info .txt {
font-size: 12px;
letter-spacing: -.12px;
line-height: 18px
}
}
.landing-events .info .txt p {
margin: 0
}
.landing-events .btn-holder {
text-align: center;
padding: 0 12px
}
.landing-events .btn-holder .btn,
.landing-events .btn-holder .button,
.landing-events .btn-holder .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .landing-events .btn-holder .ticket-dropbtn {
font: 700 16px/36px "walirides", Arial, sans-serif;
color: #fff;
letter-spacing: 0;
text-align: center;
border-radius: 100px;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08);
padding: 7px 15px;
margin: 0;
min-width: 236px
}
@media (min-width:1024px) {
.landing-events .btn-holder .btn,
.landing-events .btn-holder .button,
.landing-events .btn-holder .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .landing-events .btn-holder .ticket-dropbtn {
min-width: 213px
}
}
.landing-intro {
text-align: center;
margin: 39px 0;
width: 100%;
max-width: 1010px;
padding: 0 30px;
color: #fff
}
@media (min-width:1024px) {
.landing-intro {
margin: 54px auto 36px
}
}
.landing-intro h1,
.landing-intro .h1 {
font-size: 33px;
color: #fff;
letter-spacing: -.33px;
line-height: 45px;
text-shadow: 0 4px 2px rgba(24, 24, 24, .3);
margin: 0 5px 10px
}
@media (min-width:1024px) {
.landing-intro h1,
.landing-intro .h1 {
font-size: 60px;
letter-spacing: -.6px;
line-height: 68px;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22);
margin: 0 0 12px
}
}
.landing-intro .sub-ttl {
letter-spacing: -.21px;
font: 22px/30px "walirides", Arial, sans-serif;
margin-bottom: 34px
}
@media (min-width:1024px) {
.landing-intro .sub-ttl {
font-size: 30px;
line-height: 40px;
letter-spacing: -.22px;
margin-bottom: 38px
}
}
.landing-intro .sub-ttl p {
margin: 0
}
.landing-intro .txt {
font: 16px/22px "Futura-Book", "Futura", Arial, sans-serif;
color: #384550;
letter-spacing: -.16px
}
@media (min-width:1024px) {
.landing-intro .txt {
font-size: 20px;
color: #fff;
letter-spacing: -.19px;
line-height: 30px
}
}
.landing-intro .txt a {
color: inherit
}
.landing-intro .txt p {
margin: 0
}
body.lang-selector-overlay {
overflow: hidden
}
.block-lang-selector-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
background-color: #fff
}
.block-lang-selector-overlay .shadow {
position: absolute;
width: 100%;
height: 125px;
top: 0;
left: 0;
background-color: #000
}
@media (min-width:768px) {
.block-lang-selector-overlay .shadow {
height: 100%
}
}
.block-lang-selector-overlay .image-bg {
width: 100%;
height: 125px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: .1
}
@media (min-width:768px) {
.block-lang-selector-overlay .image-bg {
height: 100%;
position: absolute;
top: 0;
left: 0
}
}
.block-lang-selector-overlay .block-content {
position: relative;
width: 100%
}
@media (min-width:768px) {
.block-lang-selector-overlay .block-content {
height: 100%
}
}
.block-lang-selector-overlay .list-front-container {
max-width: 100%
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
margin-left: 25px
}
}
@media (min-width:992px) {
.block-lang-selector-overlay .list-front-container {
max-width: 900px
}
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container .list-background-container {
position: absolute;
width: 100%;
height: 100%;
perspective: 900px
}
}
.block-lang-selector-overlay .list-front-container .list-pattern-background,
.block-lang-selector-overlay .list-front-container .list-background {
width: 100%;
height: 20px;
transform: skewY(1deg) translateY(-20px)
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container .list-pattern-background,
.block-lang-selector-overlay .list-front-container .list-background {
height: 100%;
position: absolute;
transform: rotateX(-10deg) rotateY(5deg)
}
}
.block-lang-selector-overlay .list-front-container .list-pattern-background {
background: #f81700 url(../images/pattern_entryworld_red.png) repeat;
z-index: 1
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container .list-pattern-background {
margin-left: -25px;
margin-top: 25px
}
}
.block-lang-selector-overlay .list-front-container .list-background {
background: #fff;
display: flex;
z-index: 2
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container .list-background {
height: calc(100% + 25px);
padding-bottom: 25px;
background: 0 0
}
.block-lang-selector-overlay .list-front-container .list-background span {
background: #fff;
height: 100%;
display: block;
width: 100%
}
.block-lang-selector-overlay .list-front-container .list-background span:before {
content: '';
display: inline-block;
width: 60%;
height: 100%
}
.block-lang-selector-overlay .list-front-container .list-background span i {
display: inline-block;
height: 100%;
width: 40%;
background-image: url("../images/lang-selector-image.jpg");
background-repeat: no-repeat;
background-position: right;
background-size: cover;
float: right
}
}
.block-lang-selector-overlay .list-front-container .list-content {
position: relative;
margin-top: -20px
}
@media (max-width:767px) {
.block-lang-selector-overlay .list-front-container .list-content {
overflow-y: scroll;
height: calc(100vh - 145px)
}
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container .list-content {
display: flex;
margin-top: 0;
perspective: 900px
}
}
.block-lang-selector-overlay .list-front-container .list-content ul {
padding: 0 30px 30px
}
@media (min-width:768px) {
.block-lang-selector-overlay .list-front-container .list-content ul {
width: 60%;
padding: 50px
}
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-item {
list-style: none;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-item:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
display: block;
height: 1px;
background: #c0cbdf;
width: 55px
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-item:last-child {
padding-bottom: 0;
margin-bottom: 0
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-item:last-child:after {
display: none
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-link {
color: #384550;
font-family: walirides;
font-size: 17px;
font-weight: 700;
line-height: 22px;
text-decoration: none
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-link:hover {
text-decoration: underline
}
.block-lang-selector-overlay .list-front-container .list-content .list-content-description {
color: #384550;
font-family: walirides;
font-size: 15px;
line-height: 22px;
margin-bottom: 0
}
.block-lang-selector-overlay .list-front-container .list-content:after {
content: '';
display: block;
width: 40%
}
.theme-aqualibi .block-lang-selector-overlay .list-front-container .list-pattern-background {
background: #13b5ea url("../images/pattern-aqualibi-oceanblue.png") no-repeat center center
}
.last-opinions {
padding: 50px 0
}
.last-opinions .block-content {
margin: 0 auto;
min-width: 320px;
padding: 0 55px
}
.last-opinions__title {
letter-spacing: .08em;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 40px;
line-height: 1.15;
font-family: "Futura"
}
.last-opinions__subtitle {
color: #999;
margin-top: 6px;
margin-bottom: 18px;
text-transform: uppercase;
text-align: center;
letter-spacing: .0625rem;
font: 700 18px/1 "walirides", Arial, sans-serif
}
.last-opinions__checked {
display: flex;
align-items: center;
justify-content: center;
color: #0094cd;
font-size: 16px;
text-align: center;
line-height: 1.5
}
.last-opinions__checked img {
margin-right: 20px
}
.last-opinions__list {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
padding: 0;
list-style-type: none
}
.last-opinions__item {
margin-top: 30px;
width: calc(33.333% - 17px);
min-height: 370px;
min-width: 290px;
padding: 17px 15px 0
}
.last-opinions__item:nth-child(3n+1) {
background: url("../images/opinions-1-bg.png") center center no-repeat;
background-size: 100% 100%
}
.last-opinions__item:nth-child(3n+2) {
background: url("../images/opinions-2-bg.png") center center no-repeat;
background-size: 100% 100%
}
.last-opinions__item:nth-child(3n+3) {
background: url("../images/opinions-3-bg.png") center center no-repeat;
background-size: 100% 100%
}
@media (max-width:1023px) {
.last-opinions .opinions-list-slider {
margin-left: -55px;
margin-right: -55px;
padding-bottom: 80px
}
.last-opinions .opinions-list-slider .last-opinions__item {
margin: 30px 3px 0;
min-width: initial
}
}
.last-opinions .opinions-list-slider .slick-dots {
bottom: 35px
}
.last-opinions .opinions-list-slider .slick-next,
.last-opinions .opinions-list-slider .slick-prev {
bottom: 18px
}
.last-opinions__content {
padding: 2.875rem 11.538% 2.5rem 21.282%;
background: url("../images/opinions-quote.png") 1rem 1.4rem no-repeat
}
.last-opinions__text {
font-style: italic;
font-family: "walirides", Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 28px;
color: #fff
}
.last-opinions__author {
font-size: 15px;
margin: 15px 0 0;
color: #fff;
font-weight: 600
}
.last-opinions__date {
margin: 0;
font-style: italic;
font-size: 14px;
color: #fff
}
.last-opinions__meta {
margin: 0;
font-style: italic;
font-size: 14px;
color: #fff
}
.last-opinions__meta span {
font-style: normal;
font-size: 14px;
color: #f50b00;
line-height: 18px;
height: 18px;
padding: 0 4px;
font-weight: 600;
display: inline-block;
margin-left: 2px;
background: url("../images/opinions-visite.png") top right no-repeat;
background-size: cover
}
.last-opinions .button-container {
margin-top: 40px;
text-align: center
}
.last-opinions__button {
display: inline-block;
letter-spacing: .0625rem;
font-size: 18px;
border: 1px solid #f50b00;
line-height: 1.2;
text-transform: uppercase;
padding: .625rem 4%;
text-decoration: none;
text-align: center;
color: #f50b00;
border-radius: 5px;
font-weight: 700
}
.last-opinions__button:hover {
color: #fff;
border-color: #fff;
background-color: #f50b00
}
.block-map-list-info {
background: url("../images/dalton-terror.jpg") no-repeat center center;
background-size: cover;
min-height: 400px
}
.block-map-list-info header {
background: url("/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../images/block-overlay-pattern-red.png") no-repeat center top;
min-height: 129px
}
.block-map-list-info header .block-subtitle {
color: #fff;
font-family: Futura;
font-size: 16px;
font-weight: 300;
line-height: 30px;
letter-spacing: -.16px;
padding-left: 60px;
padding-top: 30px;
margin-bottom: 20px
}
.block-map-list-info header .block-title {
padding-left: 60px;
text-shadow: 0 8px 10px rgba(24, 24, 24, .37);
color: #fff;
font-family: walirides;
font-size: 40px;
font-weight: 700;
line-height: 48px;
text-transform: uppercase;
letter-spacing: -.4px
}
.block-map-list-info .block-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-end;
align-items: center;
padding: 20px 80px 40px
}
.block-map-list-info .block-content-item {
padding: 15px
}
.block-map-list-info .block-content-item.card {
height: 220px;
width: 230px
}
.block-map-list-info .block-content-item.card .card-container {
width: 230px
}
.block-map-list-info .block-content-item.card .image {
height: 75%;
transform: translateY(-50%) skewY(10deg)
}
.block-map-list-info .block-content-item.card .content {
height: 25%;
text-align: left;
margin-left: 15px;
margin-top: -100px
}
.block-map-list-info .block-content-item.card .content .icon-type {
width: 49px;
height: 49px;
padding: 10px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
border-radius: 100%
}
.block-map-list-info .block-content-item.card .content .card-title {
color: #384550;
font-family: walirides;
font-size: 12px;
font-weight: 400;
letter-spacing: -.12px
}
.block-map-list-info .block-content-text {
box-sizing: border-box;
padding: 0 0 0 40px;
width: 25%;
min-width: 25%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-content: flex-end;
align-items: center;
text-align: center
}
.block-map-list-info .block-content-text p {
color: #fff;
font-family: walirides;
font-size: 12px;
font-weight: 400;
letter-spacing: -.12px;
margin-bottom: 40px
}
.block-map-list-info .block-content-text a {
font-size: 18px;
font-weight: 700;
line-height: 37px
}
.block-min-size-info {
color: #384550
}
.block-min-size-info .size-scale {
width: 12px;
margin: 0 17px 0 50px;
font: 9px "walirides", Arial, sans-serif;
letter-spacing: -.04px
}
.block-min-size-info .size-scale .scale-item {
position: relative
}
.block-min-size-info .size-scale .scale-item:after {
content: "";
display: block;
height: 1px;
position: absolute;
bottom: 0;
right: -2px;
left: -2px;
background: currentColor
}
.block-min-size-info .size-scale .scale-item:first-child {
border-radius: 6px 6px 0 0
}
.block-min-size-info .size-scale .scale-item:last-child {
border-radius: 0 0 6px 6px
}
.block-min-size-info .size-scale .scale-item:last-child:after {
content: none
}
.block-min-size-info .size-scale .scale-item .scale-label {
position: absolute;
bottom: 0;
left: -50px;
transform: translateY(50%);
font-size: 10px;
font-weight: 700
}
.block-min-size-info .size-scale .scale-item .scale-description {
width: 135px;
padding-left: 17px;
position: absolute;
top: 50%;
right: -135px;
transform: translateY(-50%)
}
.block-min-size-info .size-scale .scale-item .scale-description p {
margin: 0;
padding-left: 40px;
position: relative
}
.block-min-size-info .size-scale .scale-item .scale-description p .svg-icon {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.block-min-size-info .size-scale .scale-item .scale-description p .svg-icon.svg-icon-check {
width: 21px;
height: 20px
}
.block-min-size-info .size-scale .scale-item .scale-description p .svg-icon.svg-icon-woman-children {
width: 17px;
height: 24px
}
.block-min-size-info .size-scale .scale-item .scale-description p .svg-icon.svg-icon-close {
width: 16px;
height: 16px
}
.block-min-size-info .size-scale .scale-item_high {
height: 56px;
background-color: #a2cc3a
}
.block-min-size-info .size-scale .scale-item_high .scale-description {
top: 14px;
transform: none;
color: #a2cc3a
}
.block-min-size-info .size-scale .scale-item_medium {
height: 26px;
background-color: #f8981d
}
.block-min-size-info .size-scale .scale-item_medium .scale-description {
top: -4px;
transform: none;
color: #f8981d
}
.block-min-size-info .size-scale .scale-item_low {
height: 45px;
background-color: #ef1600
}
.block-min-size-info .size-scale .scale-item_low .scale-description {
top: auto;
bottom: 10px;
transform: none;
color: #ef1600
}
.block-min-size-info_medium .size-scale {
width: 14px;
margin-left: 60px;
font-size: 11px;
letter-spacing: -.05px
}
.block-min-size-info_medium .size-scale .scale-item .scale-label {
left: -60px;
font-size: 12px
}
.block-min-size-info_medium .size-scale .scale-item .scale-description {
width: 155px;
right: -164px
}
.block-min-size-info_medium .size-scale .scale-item .scale-description p .svg-icon.svg-icon-check {
width: 26px;
height: 25px
}
.block-min-size-info_medium .size-scale .scale-item .scale-description p .svg-icon.svg-icon-woman-children {
width: 21px;
height: 29px
}
.block-min-size-info_medium .size-scale .scale-item .scale-description p .svg-icon.svg-icon-close {
width: 20px;
height: 20px
}
.block-min-size-info_medium .size-scale .scale-item_high {
height: 70px
}
.block-min-size-info_medium .size-scale .scale-item_medium {
height: 35px
}
.block-min-size-info_medium .size-scale .scale-item_low {
height: 58px
}
.offer-4groups-ticket-wrapper {
display: flex;
min-height: 370px;
width: 270px;
max-width: 270px;
margin: 20px auto;
padding: 0;
position: relative;
text-decoration: none
}
.offer-4groups-ticket-wrapper:focus {
outline: none
}
.offer-4groups-ticket-wrapper.empty:after {
content: none
}
@media (min-width:1024px) {
.offer-4groups-ticket-wrapper {
margin: 0 15px 80px
}
}
.offer-4groups-ticket-wrapper .color-bg,
.offer-4groups-ticket-wrapper:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.offer-4groups-ticket-wrapper .color-bg {
width: 95%;
z-index: -2;
transform: skewY(-4deg)
}
.offer-4groups-ticket-wrapper:after {
border: 1px solid #e5e5e5;
background-color: #fff;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
z-index: -1;
transform: skewY(4deg)
}
.offer-4groups-ticket-wrapper .offer-4groups-ticket {
position: relative;
min-height: 370px;
flex: 1;
display: flex;
max-width: 100%;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: center;
padding: 40px 20px
}
.offer-4groups-ticket-wrapper .offer-4groups-ticket img {
position: absolute;
top: 0;
left: 0
}
.offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-content {
margin-top: 120px;
padding-bottom: 1rem;
max-width: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between
}
.offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-title {
font-family: walirides;
font-size: 24px;
font-weight: 700;
line-height: 29px;
text-align: center;
text-transform: uppercase;
max-width: 100%;
margin: 1rem 0 1.5rem
}
.offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-subtile {
color: #828282;
font-family: Futura;
font-size: 14px;
line-height: 20px;
text-align: center;
max-width: 100%
}
.offer-4groups-ticket-wrapper .offer-4groups-ticket .btn,
.offer-4groups-ticket-wrapper .offer-4groups-ticket .button,
.offer-4groups-ticket-wrapper .offer-4groups-ticket .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-dropbtn {
margin: 0
}
@media (max-width:1023px) {
.offer-4groups-ticket-wrapper .offer-4groups-ticket .btn,
.offer-4groups-ticket-wrapper .offer-4groups-ticket .button,
.offer-4groups-ticket-wrapper .offer-4groups-ticket .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-dropbtn {
width: auto;
max-width: none;
min-width: 180px
}
}
@media (min-width:1024px) and (max-width:1180px) {
.offer-4groups-ticket-wrapper .offer-4groups-ticket .btn,
.offer-4groups-ticket-wrapper .offer-4groups-ticket .button,
.offer-4groups-ticket-wrapper .offer-4groups-ticket .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-dropbtn {
min-width: 150px
}
}
.offer-4groups-ticket-wrapper.color-walirides-red .color-bg {
background: #f81700
}
.offer-4groups-ticket-wrapper.color-walirides-red .ticket-title {
color: #f81700
}
.offer-4groups-ticket-wrapper.color-walirides-ochre .color-bg,
.offer-4groups-ticket-wrapper.color-walirides-ochre .btn,
.offer-4groups-ticket-wrapper.color-walirides-ochre .button,
.offer-4groups-ticket-wrapper.color-walirides-ochre .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-4groups-ticket-wrapper.color-walirides-ochre .ticket-dropbtn {
background: #fab700
}
.offer-4groups-ticket-wrapper.color-walirides-ochre .ticket-title {
color: #fab700
}
.offer-4groups-ticket-wrapper.color-walirides-green .color-bg,
.offer-4groups-ticket-wrapper.color-walirides-green .btn,
.offer-4groups-ticket-wrapper.color-walirides-green .button,
.offer-4groups-ticket-wrapper.color-walirides-green .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-4groups-ticket-wrapper.color-walirides-green .ticket-dropbtn {
background: #8a8c23
}
.offer-4groups-ticket-wrapper.color-walirides-green .ticket-title {
color: #8a8c23
}
.block-offers-4groups {
margin-top: 30px;
margin-bottom: 40px
}
.block-offers-4groups:last-child {
margin-bottom: 0
}
@media (min-width:1024px) {
.block-offers-4groups {
margin-top: 40px;
margin-bottom: 0
}
}
.block-offers-4groups .block-title {
margin-bottom: 20px;
font-size: 30px;
font-size: 1.875rem;
line-height: 48px;
line-height: 3rem;
color: #353633;
font-family: "walirides", Arial, sans-serif;
font-weight: 500;
text-align: center
}
@media (max-width:1023px) {
.block-offers-4groups .block-title {
font-size: 24px;
font-size: 1.5rem
}
}
@media (max-width:1023px) {
.block-offers-4groups .block-title {
line-height: 34px;
line-height: 2.125rem
}
}
@media (min-width:1024px) {
.block-offers-4groups .block-title {
margin-bottom: 60px
}
}
.block-offers-4groups .content {
padding: 0 20px
}
@media (min-width:1024px) {
.block-offers-4groups .content {
padding: 0 55px
}
}
@media (min-width:1024px) {
.offers-4groups-tickets-slider {
display: flex;
margin: 0 -25px;
flex-wrap: wrap
}
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group {
margin-bottom: 70px
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group.slick-slider {
margin: 0 -20px 50px
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group.slick-slider .offer-4groups-ticket-wrapper {
margin-right: 5px;
margin-left: 5px
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group.slick-slider.slick-dotted {
padding-bottom: 50px
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group .slick-dots {
bottom: 20px
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group .slick-dots li.slick-active button {
border-radius: 5px
}
.offers-4groups-tickets-slider .offers-4groups-tickets-group .slick-dots li.slick-active button:before {
background: inherit
}
.block-offers-4groups.homepage-offers {
position: relative;
z-index: 1;
padding: 50px 20px 12px;
margin-bottom: 30px
}
@media (min-width:1024px) {
.block-offers-4groups.homepage-offers {
margin-top: 0;
margin-bottom: 60px;
padding: 50px 0 12px;
max-width: 1080px;
margin-left: auto;
margin-right: auto
}
}
.block-offers-4groups.homepage-offers .slick-prev,
.block-offers-4groups.homepage-offers .slick-next {
bottom: 8px
}
.block-offers-4groups.homepage-offers .slick-dots {
bottom: 25px
}
.block-offers-4groups.homepage-offers .slick-dots li button:before {
background: #fff;
opacity: .5
}
.block-offers-4groups.homepage-offers .slick-dots li.slick-active button:before {
opacity: 1;
background: #fff
}
.block-offers-4groups.homepage-offers .homepage-offers-buttons {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
transform: translateY(50%);
text-align: center
}
@media (max-width:1023px) {
.block-offers-4groups.homepage-offers .homepage-offers-buttons {
width: auto;
position: static;
transform: none
}
}
.block-offers-4groups.homepage-offers .homepage-offers-buttons .btn,
.block-offers-4groups.homepage-offers .homepage-offers-buttons .button,
.block-offers-4groups.homepage-offers .homepage-offers-buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-4groups.homepage-offers .homepage-offers-buttons .ticket-dropbtn {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08);
font-size: 16px
}
@media (max-width:1023px) {
.block-offers-4groups.homepage-offers .homepage-offers-buttons .btn,
.block-offers-4groups.homepage-offers .homepage-offers-buttons .button,
.block-offers-4groups.homepage-offers .homepage-offers-buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-4groups.homepage-offers .homepage-offers-buttons .ticket-dropbtn {
margin: 0 0 10px
}
}
.block-offers-4groups.homepage-offers .offers-4groups-tickets-slider {
padding: 40px 0
}
.block-offers-4groups.homepage-offers .offers-4groups-tickets-slider.slick-slider {
padding: 0
}
@media (max-width:1023px) {
.block-offers-4groups.homepage-offers .offers-4groups-tickets-slider.slick-dotted.slick-slider {
padding-bottom: 75px
}
.block-offers-4groups.homepage-offers .offers-4groups-tickets-slider .slick-dots {
bottom: 47px
}
.block-offers-4groups.homepage-offers .offers-4groups-tickets-slider .slick-arrow {
bottom: 30px
}
}
@media (min-width:1024px) {
.block-offers-4groups.homepage-offers .offers-4groups-tickets-slider {
margin: 0;
padding: 0 55px;
justify-content: center
}
}
.block-offers-4groups.homepage-offers .icon {
height: 62px;
width: 62px;
border-radius: 100%;
padding: 10px;
background-color: #fff;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08);
position: absolute;
top: 115px;
left: 50%;
transform: translateX(-50%)
}
.block-offers-4groups.homepage-offers .icon img,
.block-offers-4groups.homepage-offers .icon .svg-icon {
border-radius: 100%
}
.block-offers-4groups.homepage-offers .icon img {
display: block;
width: 100%;
height: 100%
}
.block-offers-4groups.homepage-offers .icon .svg-icon {
fill: #f81700
}
.block-offers-4groups.homepage-offers .img-container {
transform: skewY(4deg);
width: 100%;
height: 138px;
position: absolute;
overflow: hidden
}
.block-offers-4groups.homepage-offers .img-container img {
width: auto;
height: 120%;
max-width: 120%;
max-height: 120%;
transform: translate(-50%, -50%) skewY(-4deg);
top: 50%;
left: 50%;
position: absolute;
border-radius: 0;
padding: 0;
box-shadow: none
}
@media (min-width:1024px) {
.block-offers-4groups.homepage-offers .img-container img {
width: auto;
height: 160px;
max-width: 300px;
max-height: 160px
}
}
@media (max-width:1023px) {
.block-offers-4groups.homepage-offers .slick-track {
display: flex;
padding-top: 20px
}
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper {
min-height: 360px;
margin-bottom: 10px
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper:hover {
text-decoration: none;
transform: scale(.95)
}
@media (max-width:1023px) {
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper.empty {
content: none !important
}
}
@media (min-width:1024px) {
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper {
width: 27.8%;
margin: 0 8.3% 80px 0
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper:last-child {
margin-right: 0
}
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket {
padding: 40px 20px 20px;
min-height: 375px
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-content {
justify-content: center;
margin-top: 125px;
padding-bottom: 0
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-title {
height: auto
}
@media (min-width:1024px) and (max-width:1200px) {
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket {
padding: 40px 10px 20px
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .offer-4groups-ticket .ticket-title {
font-size: 20px;
line-height: 26px
}
}
.block-offers-4groups.homepage-offers .block-bg {
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -3
}
.block-offers-4groups.homepage-offers .block-bg .block-bg-upper {
display: block;
width: 100%;
height: calc(100% - 210px);
position: absolute;
top: 210px;
left: 0;
z-index: -1;
background-color: #384550
}
.block-offers-4groups.homepage-offers .block-bg .block-bg-lower {
display: block;
width: 100%;
height: 100px;
position: absolute;
top: 182px;
left: 0;
z-index: -1;
background-color: #384550;
transform: skewY(3deg)
}
.theme-aqualibi .offer-4groups-ticket-wrapper.color-walirides-red .ticket-title {
color: #13b5ea
}
.theme-aqualibi .offer-4groups-ticket-wrapper.color-walirides-red .color-bg {
background: #13b5ea
}
.theme-aqualibi .block-offers-4groups.homepage-offers .icon svg {
fill: #13b5ea
}
.theme-walirides-red .offer-4groups-ticket img,
.theme-aqualibi .offer-4groups-ticket img {
transform: skew(0deg, 4deg)
}
.block-offers-list-menu {
margin: 0 40px;
position: relative;
z-index: 2
}
@media (max-width:1023px) {
.block-offers-list-menu {
margin: 0 20px;
top: -35px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff
}
.block-offers-list-menu .dropdown-toggle {
display: flex;
min-height: 70px;
margin-top: 0;
margin-bottom: 0;
padding: 16px 31px 16px 17px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
color: #f81700;
font: 700 16px "walirides", Arial, sans-serif;
text-align: left
}
.block-offers-list-menu .dropdown-toggle span {
width: 90%
}
}
.block-offers-list-menu .dropdown-menu .dropdown-item {
color: #384550;
font: 700 16px "walirides", Arial, sans-serif;
letter-spacing: -.16px;
text-decoration: none;
white-space: normal
}
.block-offers-list-menu .dropdown-menu .dropdown-item sup {
position: relative;
bottom: 1em;
font: 700 14px "walirides", Arial, sans-serif;
letter-spacing: -.14px;
color: #f81700
}
@media (min-width:1024px) {
.block-offers-list-menu .dropdown-menu {
overflow: visible !important;
overflow-y: visible !important
}
.block-offers-list-menu .dropdown-menu:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: skew(15deg);
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5
}
.block-offers-list-menu .dropdown-menu .dropdown-item {
display: flex;
max-width: 350px;
min-height: 70px;
position: relative;
z-index: 1;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
background: 0 0;
font: 700 14px "Futura", Arial, sans-serif;
letter-spacing: -.14px
}
.dj-no-touch .block-offers-list-menu .dropdown-menu .dropdown-item:hover,
.dj-no-touch .block-offers-list-menu .dropdown-menu .dropdown-item:focus {
color: #fff !important
}
.dj-no-touch .block-offers-list-menu .dropdown-menu .dropdown-item:hover:after,
.dj-no-touch .block-offers-list-menu .dropdown-menu .dropdown-item:focus:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: skew(15deg);
z-index: -1;
background: #f81700
}
.dj-no-touch .block-offers-list-menu .dropdown-menu .dropdown-item:hover sup,
.dj-no-touch .block-offers-list-menu .dropdown-menu .dropdown-item:focus sup {
color: inherit
}
.block-offers-list-menu .dropdown-menu .dropdown-item:active,
.block-offers-list-menu .dropdown-menu .dropdown-item.active {
background: 0 0;
color: #fff
}
.block-offers-list-menu .dropdown-menu .dropdown-item:active:after,
.block-offers-list-menu .dropdown-menu .dropdown-item.active:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: skew(15deg);
z-index: -1;
background: #f81700
}
}
@media (max-width:1023px) {
.block-offers-list-menu .dropdown-menu {
border-radius: 0
}
.block-offers-list-menu .dropdown-menu .dropdown-item {
padding: 10px 17px;
white-space: normal
}
.block-offers-list-menu .dropdown-menu .dropdown-item:active,
.block-offers-list-menu .dropdown-menu .dropdown-item.active {
color: #f81700
}
}
@media (max-width:1023px) {
.block-offers-list-menu.dropdown--scroll .dropdown-menu {
margin-top: 0;
padding: 0
}
}
.theme-aqualibi .block-offers-list-menu .dropdown-toggle {
color: #13b5ea
}
@media (min-width:960px) {
.dj-no-touch .theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item:hover:after,
.dj-no-touch .theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item:focus:after {
background: #13b5ea
}
}
@media (min-width:960px) {
.theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item.active:after,
.theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item:active:after {
background: #13b5ea
}
}
@media (max-width:959px) {
.theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item.active,
.theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item:active {
color: #13b5ea
}
}
.theme-aqualibi .block-offers-list-menu .dropdown-menu .dropdown-item sup {
color: #13b5ea
}
.block-offers-simple {
margin: 40px 0
}
@media (min-width:1024px) {
.block-offers-simple {
padding: 0 55px
}
}
.block-offers-simple>.block-title {
color: #353633;
font: 400 30px/48px "walirides", Arial, sans-serif;
letter-spacing: -.29px;
text-align: center
}
@media (min-width:960px) {
.block-offers-simple>.block-title {
text-align: left;
margin-bottom: 35px
}
}
@media (min-width:960px) {
.block-offers-simple .tickets-slider-list {
display: flex;
margin: 0 -14px;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: stretch
}
}
.block-offers-simple .tickets-slider-list .slick-track {
display: flex
}
.block-offers-simple .tickets-slider-list .offer-ticket-wrapper {
height: auto;
padding: 0 5px
}
.block-offers-simple .tickets-slider-list .offer-ticket-wrapper:focus {
outline: none
}
@media (min-width:960px) {
.block-offers-simple .tickets-slider-list .offer-ticket-wrapper {
flex: 1;
padding: 0;
margin-bottom: 20px;
max-width: 370px;
min-width: 350px;
min-height: 528px;
margin-left: 14px;
margin-right: 14px
}
}
.block-offers-simple .tickets-slider-list .offer-ticket {
overflow: hidden
}
.block-offers-simple .tickets-slider-list.slick-dotted.slick-slider {
margin-bottom: 0;
padding-bottom: 64px
}
.block-offers-simple .slick-dots {
bottom: 0
}
.block-offers-simple.right-offers {
margin-bottom: 60px
}
@media (max-width:1023px) {
.block-offers-simple.right-offers {
margin-top: 0
}
}
.block-offers-simple.right-offers .offer-ticket:after {
background: #fab700 url(../images/pattern-fun-yellow.png) repeat
}
.block-offers-simple.right-offers .offer-ticket .ticket-message {
color: #384550;
font-size: 14px;
line-height: 23px;
letter-spacing: -.14px
}
.block-offers-simple.right-offers .offer-ticket .ticket-message ul {
padding-left: 20px;
list-style: disc
}
.block-offers-simple.right-offers .offer-ticket .ticket-footer {
min-height: 0
}
.block-offers-simple.right-offers .offer-ticket .ticket-footer .col {
max-width: none;
min-height: 0;
padding: 21px 24px 18px 34px;
flex-direction: row;
justify-content: space-between;
align-content: flex-start;
align-items: center
}
.block-offers-simple.right-offers .offer-ticket .ticket-footer .col .btn,
.block-offers-simple.right-offers .offer-ticket .ticket-footer .col .button,
.block-offers-simple.right-offers .offer-ticket .ticket-footer .col .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple.right-offers .offer-ticket .ticket-footer .col .ticket-dropbtn {
margin: 0
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar {
padding: 10px;
justify-content: center;
position: relative
}
}
@media (min-width:1024px) and (max-width:1279px) {
.block-offers-simple .homepage-availability-calendar {
margin-top: 0
}
}
.block-offers-simple .homepage-availability-calendar__calendar-trigger {
padding: 15px 16px 11px;
border-radius: 5px 4px 4px 5px;
border: 1px solid #ccc;
background-color: #fff;
color: #333;
font-family: "Futura", Arial, sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: .2px;
text-transform: uppercase;
cursor: pointer;
width: 241px;
line-height: 24px
}
@media (max-width:768px) {
.block-offers-simple .homepage-availability-calendar__calendar-trigger {
width: 100%
}
}
.block-offers-simple .homepage-availability-calendar__calendar-trigger svg {
vertical-align: top;
margin-right: 16px
}
.block-offers-simple .homepage-availability-calendar__calendar-trigger.disabled {
pointer-events: none;
background: #fafafa;
border-color: #f5f5f5;
color: #d9d9d9
}
.block-offers-simple .homepage-availability-calendar__calendar-trigger.disabled svg {
fill: #ccc
}
.block-offers-simple .homepage-availability-calendar__calendar-trigger.disabled svg path {
fill: #ccc
}
.block-offers-simple .homepage-availability-calendar__details {
width: 100%
}
.block-offers-simple .homepage-availability-calendar__get {
display: flex;
align-items: center
}
.block-offers-simple .homepage-availability-calendar__get .btn,
.block-offers-simple .homepage-availability-calendar__get .button,
.block-offers-simple .homepage-availability-calendar__get .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar__get .ticket-dropbtn {
padding: 7px
}
.block-offers-simple .homepage-availability-calendar__get .btn:not(.btn-enlargement):hover,
.block-offers-simple .homepage-availability-calendar__get .button:not(.btn-enlargement):hover,
.block-offers-simple .homepage-availability-calendar__get .block-prices .ticket-dropdown .ticket-dropbtn:not(.btn-enlargement):hover,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar__get .ticket-dropbtn:not(.btn-enlargement):hover {
transform: none
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__get {
padding: 0;
width: 100%
}
.block-offers-simple .homepage-availability-calendar__get .btn,
.block-offers-simple .homepage-availability-calendar__get .button,
.block-offers-simple .homepage-availability-calendar__get .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar__get .ticket-dropbtn {
flex-grow: 1;
min-width: unset;
margin-bottom: 0;
margin-top: 0
}
}
.block-offers-simple .homepage-availability-calendar__open-hours {
margin: 0 auto
}
@media (max-width:768px) {
.block-offers-simple .homepage-availability-calendar__open-hours {
width: 100%;
margin: 22px auto
}
}
.block-offers-simple .homepage-availability-calendar__open-hours svg {
vertical-align: middle;
fill: currentColor
}
.block-offers-simple .homepage-availability-calendar__open-hours svg path {
fill: currentColor
}
.block-offers-simple .homepage-availability-calendar__open-hours-value {
color: #fff;
font-family: "Futura", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: -.14px;
line-height: 20px
}
.block-offers-simple .homepage-availability-calendar__open-hours-value a {
color: #fff !important;
font-weight: 700;
text-decoration: none
}
@media (max-width:768px) {
.block-offers-simple .homepage-availability-calendar__open-hours-value {
font-size: 12px
}
}
.block-offers-simple .homepage-availability-calendar .btn,
.block-offers-simple .homepage-availability-calendar .button,
.block-offers-simple .homepage-availability-calendar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar .ticket-dropbtn {
background: #f81700;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08);
border-radius: 100px;
min-width: 200px;
font-size: 16px;
color: #fff
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar .btn,
.block-offers-simple .homepage-availability-calendar .button,
.block-offers-simple .homepage-availability-calendar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar .ticket-dropbtn {
min-width: unset
}
}
.block-offers-simple #vue-calendar-block {
padding: 25px 23px 32px 37px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
z-index: 3;
margin: 20px -30px 20px;
position: relative;
width: 110%
}
.block-offers-simple #vue-calendar-block:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .12);
border: 1px solid #e5e5e5;
background-color: #fff;
transform: skewY(-.7deg)
}
@media (max-width:1023px) {
.block-offers-simple #vue-calendar-block {
position: fixed;
width: 100%;
left: 0;
top: 0;
bottom: 54px;
right: 0;
z-index: 99999;
box-shadow: none;
overflow: auto
}
.block-offers-simple #vue-calendar-block:after {
transform: skewY(0deg)
}
}
@media (max-width:1023px) {
.block-offers-simple #vue-calendar-block {
padding: 10px;
justify-content: center;
position: relative;
max-width: 280px;
margin: -100px auto 0
}
}
@media (min-width:1024px) {
.block-offers-simple #vue-calendar-block .btn-close {
right: 12px;
top: 2px;
position: absolute
}
}
.block-offers-simple .homepage-availability-calendar__details {
position: relative;
background: #fff;
width: calc(100% + 2px)
}
.block-offers-simple .homepage-availability-calendar__details:after {
content: "";
width: 27px;
height: 27px;
background: inherit;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .12);
transform: rotate(45deg);
position: absolute;
left: 33px;
top: -7px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details:after {
display: none
}
}
.block-offers-simple .homepage-availability-calendar__details .btn.close,
.block-offers-simple .homepage-availability-calendar__details .close.button,
.block-offers-simple .homepage-availability-calendar__details .block-prices .ticket-dropdown .close.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar__details .close.ticket-dropbtn {
display: none;
position: absolute;
width: 28px;
height: 28px;
top: 7px;
right: 8px;
padding: 0;
font-size: 0;
line-height: 0;
min-width: 28px;
margin: 0
}
.block-offers-simple .homepage-availability-calendar__details .btn.close .svg-icon,
.block-offers-simple .homepage-availability-calendar__details .close.button .svg-icon,
.block-offers-simple .homepage-availability-calendar__details .block-prices .ticket-dropdown .close.ticket-dropbtn .svg-icon,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar__details .close.ticket-dropbtn .svg-icon {
position: absolute;
width: 15px;
height: 15px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .btn.close,
.block-offers-simple .homepage-availability-calendar__details .close.button,
.block-offers-simple .homepage-availability-calendar__details .block-prices .ticket-dropdown .close.ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .homepage-availability-calendar__details .close.ticket-dropbtn {
display: block
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_drop_holder {
background: inherit;
position: relative;
z-index: 2;
width: 100%;
overflow: hidden
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_drop_holder {
padding: 65px 8px 19px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_box {
float: left;
width: 616px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_box {
float: none;
width: 100%
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_control {
max-width: 325px;
width: 100%;
margin: 0 auto 2px;
display: flex;
align-items: center;
justify-content: space-between
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_control {
max-width: 187px;
margin-bottom: 28px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_control .month_prev,
.block-offers-simple .homepage-availability-calendar__details .calendar_control .month_next {
width: 10px;
height: 14px;
color: #384550;
font-size: 0;
line-height: 0;
cursor: pointer
}
.block-offers-simple .homepage-availability-calendar__details .calendar_control span {
text-align: center;
font: bold 18px/43px "walirides", Arial, sans-serif;
color: #333;
letter-spacing: -.26px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_control span {
font-size: 14px;
letter-spacing: -.2px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame {
width: 100%;
table-layout: fixed;
margin: 0 0 12px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame {
margin: 0 0 28px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame th,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td {
border: solid #fff;
border-width: 6px 6px 7px 7px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame th,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td {
border-width: 3px 2px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame th:first-child,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td:first-child {
border-left-width: 0
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame th:last-child,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td:last-child {
border-right-width: 0
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame th {
text-align: center;
font: 500 16px/21px "Futura", Arial, sans-serif;
color: #666;
letter-spacing: -.16px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame th {
font-size: 10px;
line-height: 13px;
letter-spacing: -.1px;
padding-bottom: 10px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td {
background: #dedddd;
cursor: pointer;
vertical-align: top
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.prev_month_day {
background: 0 0 !important;
cursor: auto
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.prev_day {
pointer-events: none;
cursor: auto
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.prev_day .date {
color: #ccc
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.closed {
background: #6d6d6d;
color: #fff;
cursor: auto
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.closed .date,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.closed .price {
color: #fff
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.closed .price {
text-align: center;
padding: 0
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.selected {
background: #8a8c23;
color: #fff
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.selected .date,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame td.selected .price {
color: #fff
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame tr {
height: 63px
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .top-section {
overflow: hidden;
padding: 6px 6px 2px 10px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .top-section {
padding: 3px 3px 12px 5px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .date {
float: left;
font: bold 16px/21px "walirides", Arial, sans-serif;
color: #262626;
padding-top: 3px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .date {
font-size: 10px;
line-height: 12px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .price {
color: #666;
font: bold 12px/23px "Futura", Arial, sans-serif;
letter-spacing: -.14px;
padding: 0 10px 1px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .price {
font-size: 8px;
line-height: 11px;
letter-spacing: -.08px;
padding: 0 0 1px 10px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .fright_nights,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .spooky_days {
font-size: 0;
line-height: 0;
color: transparent;
float: right;
width: 14px;
height: 14px;
background: #553c90
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .fright_nights,
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .spooky_days {
width: 8px;
height: 8px
}
}
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .spooky_days {
background: #cb7118;
margin-left: 4px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .calendar_frame .spooky_days {
margin-left: 3px
}
}
.block-offers-simple .homepage-availability-calendar__details .notes {
font: 12px/18px "Futura-Book", "Futura", Arial, sans-serif;
color: #000
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .notes {
max-width: 200px
}
}
.block-offers-simple .homepage-availability-calendar__details .info {
float: right;
margin: 78px 0 0 23px;
width: 137px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .info {
float: none;
width: 100%;
margin: 33px 0 0
}
}
.block-offers-simple .homepage-availability-calendar__details .info ul {
margin: 0;
padding: 0;
list-style: none;
color: #000;
font: 500 12px/15px "Futura", Arial, sans-serif
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .info ul {
display: flex;
flex-wrap: wrap;
width: 100%
}
}
.block-offers-simple .homepage-availability-calendar__details .info li {
display: flex;
align-items: center;
margin-bottom: 10px
}
@media (max-width:1023px) {
.block-offers-simple .homepage-availability-calendar__details .info li {
flex: 0 0 auto;
width: calc(100%/2);
margin-bottom: 11px;
padding-right: 15px
}
}
.block-offers-simple .homepage-availability-calendar__details .info .color {
flex: 0 0 auto;
width: 17px;
height: 17px
}
.block-offers-simple .homepage-availability-calendar__details .info .txt {
padding-left: 12px
}
.block-offers-simple .calendar-block-sidebar {
position: relative;
min-width: auto;
width: 100%;
padding: 53px 25px 25px;
font-weight: 400;
line-height: normal
}
@media (min-width:1023px) {
.block-offers-simple .calendar-block-sidebar {
max-width: 190px
}
.block-offers-simple .calendar-block-sidebar:before {
content: '';
position: absolute;
left: 0;
top: 50px;
height: 340px;
max-height: 400px;
width: 1px;
background-color: #dedddd;
display: block
}
}
@media (max-width:1023px) {
.block-offers-simple .calendar-block-sidebar {
display: flex;
flex-flow: column wrap;
max-height: 100px;
align-self: flex-end;
border-top: 2px solid #e5e5e5;
padding: 20px 20px 15px
}
.block-offers-simple .calendar-block-sidebar .selected-price {
align-self: flex-end;
text-align: right
}
}
@media (max-width:630px) {
.block-offers-simple .calendar-block-sidebar {
font-size: 12px
}
.block-offers-simple .calendar-block-sidebar div:first-child {
margin: 20px 0 0
}
}
.block-offers-simple .calendar-block-sidebar .selected-day {
color: #6d6d6d;
margin: 5px 0 0
}
.block-offers-simple .calendar-block-sidebar .selected-price {
color: #b3b3b3;
font-size: 10px
}
.block-offers-simple .calendar-block-sidebar .selected-price-price {
font-size: 14px;
font-weight: 600;
color: #000
}
.block-offers-simple .calendar-block-sidebar .btn,
.block-offers-simple .calendar-block-sidebar .button,
.block-offers-simple .calendar-block-sidebar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .calendar-block-sidebar .ticket-dropbtn {
margin: 24px 0 0;
min-width: auto;
padding: 0 2.4rem
}
@media (max-width:1023px) {
.block-offers-simple .calendar-block-sidebar .btn,
.block-offers-simple .calendar-block-sidebar .button,
.block-offers-simple .calendar-block-sidebar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-simple .calendar-block-sidebar .ticket-dropbtn {
margin: 3px 0 0;
align-self: flex-end
}
}
.block-offers-simple #vue-calendar-block {
display: none
}
.block-offers-simple #vue-calendar-block.active {
display: flex
}
.block-offers-simple #vue-calendar-block.active>span {
content: '';
display: block;
position: absolute;
top: -10px;
width: 20px;
height: 20px;
background: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
transform: rotate(45deg)
}
@media (max-width:1023px) {
.block-offers-simple #vue-calendar-block.active {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
max-width: none;
position: fixed;
background-color: #fff
}
.block-offers-simple #vue-calendar-block.active:after {
display: none
}
}
.theme-walirides-halloween-orange .block-offers-simple #vue-calendar-block .homepage-availability-calendar__details {
background: #fff
}
.theme-walirides-halloween-orange .block-offers-simple #vue-calendar-block .homepage-availability-calendar__details .calendar_frame td.closed .date {
color: #fff
}
.theme-walirides-halloween-orange .block-offers-simple #vue-calendar-block .calendar-block-sidebar>div:first-child {
color: #000
}
.offer-ticket {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between
}
.offer-ticket:before {
content: '';
display: block;
width: 100%;
position: absolute;
height: 140px;
top: -40px;
left: 0;
z-index: -1;
background: #fff;
transform: skewY(5deg)
}
@media (min-width:960px) {
.offer-ticket:before {
height: 100px;
top: -35px
}
}
.offer-ticket:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: #f81700 url(../images/pattern-entryworld-red.png) no-repeat center bottom;
background-size: cover
}
.offer-ticket .ticket-content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between
}
.offer-ticket .ticket-container {
padding: 9px 9px 0;
flex: 1 1 auto;
display: flex;
z-index: 1
}
.offer-ticket .inner {
max-width: 100%;
flex: 1 1 100%;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between
}
.offer-ticket .ticket-header {
position: relative
}
.offer-ticket .ticket-title {
text-shadow: 0 8px 23px rgba(24, 24, 24, .59);
color: #fff;
font-family: walirides;
font-size: 24px;
font-weight: 700;
line-height: 29px;
text-transform: uppercase;
letter-spacing: -.11px;
position: absolute;
top: 25px;
left: 25px;
max-width: 60%
}
.offer-ticket .ticket-additional-title {
display: none
}
.offer-ticket .image {
height: 140px;
overflow: hidden;
position: relative;
perspective: 900px
}
.offer-ticket .image img {
display: block;
width: 100%;
height: auto
}
.offer-ticket .image:after {
height: 40px;
top: auto;
bottom: -35px;
background: #fff;
transform-origin: 0 0;
transform: rotateY(-15deg) skewY(-5deg)
}
.offer-ticket .ticket-message {
font-size: 16px;
font-size: 1rem;
font-weight: 500;
line-height: 28px;
letter-spacing: -.06px;
padding: 25px;
flex: 1 1 auto
}
@media (max-width:1023px) {
.offer-ticket .ticket-message {
font-size: 14px;
font-size: .875rem
}
}
.offer-ticket .ticket-message ul,
.offer-ticket .ticket-message ol {
list-style-position: outside;
padding-left: 18px
}
.offer-ticket .ticket-footer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-content: stretch;
align-items: stretch;
border-top: 1px solid #e5e5e5;
padding-bottom: 0
}
@media (min-width:1024px) {
.offer-ticket .ticket-footer {
min-height: 140px
}
}
@media (max-width:1023px) {
.offer-ticket .ticket-footer .btn,
.offer-ticket .ticket-footer .button,
.offer-ticket .ticket-footer .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-footer .ticket-dropbtn {
width: auto
}
}
.offer-ticket .ticket-footer .col {
flex: 1 1 auto;
align-self: auto;
max-width: 50%;
padding: 10px 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: space-between
}
@media (min-width:1024px) {
.offer-ticket .ticket-footer .col {
padding: 10px
}
}
.offer-ticket .ticket-footer .col .promo-price-container {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: center
}
.offer-ticket .ticket-footer .col .promo-price {
margin: 6px 0
}
.offer-ticket .ticket-footer .col .promo-price .promo-price-value {
font-size: 50px;
font-size: 3.125rem
}
@media (max-width:1023px) {
.offer-ticket .ticket-footer .col .promo-price .promo-price-value {
font-size: 40px;
font-size: 2.5rem
}
}
.offer-ticket .ticket-footer .col .promo-price .promo-price-prefix .promo-price-curency {
font-size: 18px;
font-size: 1.125rem
}
@media (max-width:1023px) {
.offer-ticket .ticket-footer .col .promo-price .promo-price-prefix .promo-price-curency {
font-size: 14px;
font-size: .875rem
}
}
.offer-ticket .ticket-footer .col .promo-price .promo-price-prefix .promo-price-cents {
font-size: 20px;
font-size: 1.25rem
}
@media (max-width:1023px) {
.offer-ticket .ticket-footer .col .promo-price .promo-price-prefix .promo-price-cents {
font-size: 16px;
font-size: 1rem
}
}
.offer-ticket .ticket-footer .col .promo-price-tip {
color: #b3b3b3;
font-family: walirides;
font-size: 10px;
font-weight: 400
}
.offer-ticket .ticket-footer .col .btn,
.offer-ticket .ticket-footer .col .button,
.offer-ticket .ticket-footer .col .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-footer .col .ticket-dropbtn {
margin-top: 12px;
min-width: 130px;
padding: 0 25px;
height: 35px;
line-height: 35px;
font-family: walirides;
font-size: 12px;
font-weight: 700;
max-width: 100%
}
@media (max-width:1023px) {
.offer-ticket .ticket-footer .col .btn,
.offer-ticket .ticket-footer .col .button,
.offer-ticket .ticket-footer .col .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-footer .col .ticket-dropbtn {
min-width: 0;
margin: 0 auto;
padding: 0;
background: 0 0;
color: #f81700 !important;
box-shadow: none
}
}
.offer-ticket .ticket-footer .col+.col {
border-left: 1px solid #e5e5e5
}
.offer-ticket .ticket-booking-cta a.btn,
.offer-ticket .ticket-booking-cta a.button,
.offer-ticket .ticket-booking-cta .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-booking-cta a.ticket-dropbtn,
.offer-ticket .ticket-single-btn a.btn,
.offer-ticket .ticket-single-btn a.button,
.offer-ticket .ticket-single-btn .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-single-btn a.ticket-dropbtn {
padding: 0 10px;
height: 35px;
line-height: 35px;
font-family: walirides;
font-size: 12px;
font-weight: 700
}
@media (max-width:1023px) {
.offer-ticket .ticket-booking-cta a.btn,
.offer-ticket .ticket-booking-cta a.button,
.offer-ticket .ticket-booking-cta .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-booking-cta a.ticket-dropbtn,
.offer-ticket .ticket-single-btn a.btn,
.offer-ticket .ticket-single-btn a.button,
.offer-ticket .ticket-single-btn .block-prices .ticket-dropdown a.ticket-dropbtn,
.block-prices .ticket-dropdown .offer-ticket .ticket-single-btn a.ticket-dropbtn {
min-width: 0;
margin: 0 auto;
padding: 0;
background: 0 0;
color: #f81700 !important;
box-shadow: none;
background: 0 0
}
}
.offer-ticket .ticket-bg {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
min-height: 60px;
padding-top: 10px;
padding-bottom: 10px;
z-index: 1
}
.offer-ticket .ticket-bg a {
font-size: 16px;
font-size: 1rem;
color: #fff;
font-family: Futura;
font-weight: 500;
letter-spacing: -.12px;
text-decoration: underline
}
@media (max-width:1023px) {
.offer-ticket .ticket-bg a {
font-size: 13px;
font-size: .8125rem
}
}
@media (max-width:1023px) {
.offer-ticket .ticket-bg a {
text-decoration: none
}
}
.dj-no-touch .offer-ticket .ticket-bg a:hover,
.dj-no-touch .offer-ticket .ticket-bg a:focus {
text-decoration: none
}
.theme-aqualibi .offer-ticket:after {
background: #13b5ea url(../images/pattern-aqualibi-oceanblue.png) no-repeat center top
}
@media (max-width:1023px) {
.theme-aqualibi .offer-ticket .ticket-footer .col .btn,
.theme-aqualibi .offer-ticket .ticket-footer .col .button,
.theme-aqualibi .offer-ticket .ticket-footer .col .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .offer-ticket .ticket-footer .col .ticket-dropbtn {
color: #13b5ea !important
}
}
.ticket-booking-cta,
.ticket-single-btn {
margin: -25px auto 10px
}
@media (max-width:1023px) {
.ticket-booking-cta,
.ticket-single-btn {
margin: 3px auto 10px
}
}
.block-offers {
padding: 50px 0
}
@media (max-width:1023px) {
.block-offers {
padding: 25px 0
}
}
.block-offers .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-offers .content {
padding: 0 20px
}
}
.block-offers .block-title {
margin-bottom: 35px;
color: #353633;
font: 400 30px "walirides", Arial, sans-serif;
letter-spacing: -.29px;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-offers .block-title {
text-align: center;
font-size: 24px;
letter-spacing: -.23px
}
}
.block-offers .offers-list {
display: flex;
justify-content: center
}
@media (max-width:1023px) {
.block-offers .offers-list {
display: block;
margin: 0 -20px
}
}
.block-offers .offers-list .offers-item {
width: 300px;
margin: 0 15px;
position: relative;
z-index: 1
}
.block-offers .offers-list .offers-item .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-size: cover;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06)
}
.block-offers .offers-list .offers-item .item-content {
display: flex;
height: 100%;
padding: 30px 30px 34px;
position: relative;
z-index: 1;
flex-direction: column;
justify-content: space-between;
text-align: center;
font-weight: 500
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item .item-content {
padding-right: 15px;
padding-left: 15px
}
}
.block-offers .offers-list .offers-item .item-content>div {
width: 100%
}
.block-offers .offers-list .offers-item .discount {
display: inline-block;
padding: 2px 20px;
position: absolute;
font-weight: 500;
transform-origin: 0 0
}
.block-offers .offers-list .offers-item .discount:after {
display: block;
content: '';
position: absolute;
width: 30px;
height: 100%;
top: 0;
right: 0;
z-index: -1;
transform-origin: 100% 100%;
transform: skewX(-20deg);
background: inherit
}
.block-offers .offers-list .offers-item .type {
display: block;
min-height: 38px;
margin-bottom: 7px;
font-size: 14px;
line-height: normal;
letter-spacing: -.14px
}
.block-offers .offers-list .offers-item .title {
margin-bottom: 36px;
font: 700 24px/1.21 "walirides", Arial, sans-serif;
letter-spacing: -.11px;
text-transform: uppercase
}
.block-offers .offers-list .offers-item .promo-name {
display: block;
margin-bottom: 10px;
letter-spacing: -.07px
}
.block-offers .offers-list .offers-item .promo-name:empty:after {
content: "\00A0"
}
.block-offers .offers-list .offers-item .btn-book {
min-width: 195px;
padding-right: 1.25rem;
padding-left: 1.25rem;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%)
}
.dj-no-touch .block-offers .offers-list .offers-item .btn-book:hover,
.dj-no-touch .block-offers .offers-list .offers-item .btn-book:focus {
transform: translateX(-50%) translateY(-10px)
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item .btn-book {
margin: 0
}
}
.block-offers .offers-list .offers-item .promo-price {
margin: 0 0 10px
}
.block-offers .offers-list .offers-item .promo-price .promo-price-prefix .promo-price-curency {
font-size: 18px
}
.block-offers .offers-list .offers-item .promo-price .promo-price-prefix .promo-price-cents {
font-size: 20px
}
.block-offers .offers-list .offers-item .row {
margin: 0 -30px;
justify-content: center
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item .row {
margin: 0 -15px
}
}
.block-offers .offers-list .offers-item .row .col {
max-width: 50%;
flex: none;
padding: 0
}
.block-offers .offers-list .offers-item-0 {
color: #fff
}
.block-offers .offers-list .offers-item-0 .bg {
transform: skewY(-3deg);
background-color: rgba(255, 255, 255, 1);
background: #f81700 url("../images/Patern\ Red&Blue\ -\ Gold.jpg") no-repeat center bottom;
background-size: cover;
}
.block-offers .offers-list .offers-item-0 .discount {
top: 30px;
left: -25px;
color: #384550;
background-color: #ffca37;
transform: rotate(-10deg)
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item-0 .discount {
top: 25px;
left: -10px
}
}
.block-offers .offers-list .offers-item-1 {
color: #fff
}
.block-offers .offers-list .offers-item-1 .bg {
transform: skewY(3deg);
background-color: #384550
}
.block-offers .offers-list .offers-item-1 .discount {
top: 9px;
left: -5px;
color: #fff;
background-color: #f81700;
transform: rotate(10deg)
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item-1 .discount {
top: 5px;
left: -10px
}
}
.block-offers .offers-list .offers-item-2 {
margin-left: 25px;
color: #b3b3b3
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item-2 {
margin-left: 5px
}
}
.block-offers .offers-list .offers-item-2 .bg {
transform: skewY(-3deg);
border: 1px solid #e5e5e5;
background-color: #fff
}
.block-offers .offers-list .offers-item-2 .discount {
top: 30px;
left: -25px;
color: #fff;
background-color: #e7a800;
transform: rotate(-10deg)
}
@media (max-width:1023px) {
.block-offers .offers-list .offers-item-2 .discount {
top: 25px;
left: -10px
}
}
.block-offers .offers-list .offers-item-2 .title {
color: #f81700
}
.block-offers .offers-list .offers-item-2 .promo-name,
.block-offers .offers-list .offers-item-2 .promo-price {
color: #e7a800
}
.block-offers .offers-list.slick-slider {
padding-bottom: 85px
}
.block-offers .offers-list.slick-slider .slick-track {
display: flex
}
.block-offers .offers-list.slick-slider .slick-slide {
float: none;
height: auto;
margin: 20px 5px
}
.block-offers .offers-list.slick-slider .slick-dots {
bottom: 35px
}
.block-offers .offers-list.slick-slider .slick-prev,
.block-offers .offers-list.slick-slider .slick-next {
bottom: 18px
}
.theme-aqualibi .block-offers .offers-list .offers-item-0 .bg {
background-color: #13b5ea;
background-image: url("../images/tickets-offers-blue-bg.jpg")
}
.theme-aqualibi .block-offers .offers-list .offers-item-1 .discount {
background-color: #13b5ea
}
.theme-aqualibi .block-offers .offers-list .offers-item-2 .title {
color: #13b5ea
}
.block-paragraph {
padding: 30px 0 25px
}
.block-paragraph.align-left {
text-align: left;
float: none
}
.block-paragraph.align-center {
text-align: center
}
.block-paragraph.align-right {
text-align: right;
float: none
}
@media (max-width:1023px) {
.block-paragraph {
padding: 20px 0 0
}
}
.block-paragraph .paragraph-btn {
padding: 0 55px;
margin: 1.4em 0 0
}
@media (max-width:1023px) {
.block-paragraph .paragraph-btn {
padding: 0 20px;
margin: 1em 0 0
}
}
.block-paragraph .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-paragraph .content {
padding: 0 20px
}
}
.block-paragraph.narrow .content {
max-width: 570px;
margin: 0 auto;
padding: 0
}
@media (max-width:1023px) {
.block-paragraph.narrow .content {
max-width: none;
padding: 0 20px
}
}
@media (min-width:960px) {
.block-partners+.block-paragraph,
.homepage-offers-slider+.block-paragraph {
padding-top: 0
}
}
.block-park-plan {
position: relative
}
.block-park-plan .image {
display: block;
width: 100%
}
@media (max-width:1023px) {
.block-park-plan .image {
min-height: 178px;
object-fit: cover
}
}
.block-park-plan .content {
display: flex;
padding: 46px 70px 46px 95px;
overflow: hidden;
position: absolute;
right: 55px;
bottom: -43px;
left: 55px;
z-index: 1;
border-radius: 0 4px 4px 0;
border-right: 1px solid #e4e4e4;
justify-content: space-between;
align-items: center
}
.block-park-plan .content:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border-radius: 4px;
border: 1px solid #e4e4e4;
background-color: #fff;
transform-origin: 100% 0;
transform: skewX(5deg)
}
@media (max-width:1279px) {
.block-park-plan .content {
padding-right: 30px;
padding-left: 30px;
right: 20px;
left: 20px
}
}
@media (max-width:1023px) {
.block-park-plan .content {
display: block;
padding: 35px 20px 15px;
position: static;
text-align: center;
background: #fff
}
.block-park-plan .content:before {
content: none
}
}
.block-park-plan .content h2,
.block-park-plan .content .h2 {
margin: 0;
font: 700 24px/1.2 "walirides", Arial, sans-serif;
color: #384550;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-park-plan .content h2,
.block-park-plan .content .h2 {
margin-bottom: 1.75em
}
}
.block-park-plan .content .buttons {
display: flex;
flex: 1 0 auto;
max-width: 600px;
flex-wrap: wrap;
justify-content: flex-end
}
@media (max-width:1023px) {
.block-park-plan .content .buttons {
display: block;
max-width: none
}
}
.block-park-plan .content .buttons .btn,
.block-park-plan .content .buttons .button,
.block-park-plan .content .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-park-plan .content .buttons .ticket-dropbtn {
margin-right: 20px;
box-shadow: 0 4px 7px rgba(0, 0, 0, .08);
font-size: 16px
}
.block-park-plan .content .buttons .btn:last-child,
.block-park-plan .content .buttons .button:last-child,
.block-park-plan .content .buttons .block-prices .ticket-dropdown .ticket-dropbtn:last-child,
.block-prices .ticket-dropdown .block-park-plan .content .buttons .ticket-dropbtn:last-child {
margin-right: 0
}
@media (max-width:1023px) {
.block-park-plan .content .buttons .btn,
.block-park-plan .content .buttons .button,
.block-park-plan .content .buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-park-plan .content .buttons .ticket-dropbtn {
margin: 10px
}
}
.block-park-questions {
padding: 45px 0 25px;
font: 400 19px "walirides", Arial, sans-serif;
letter-spacing: -.18px;
text-align: center
}
@media (max-width:1023px) {
.block-park-questions {
padding: 35px 0 15px;
font-size: 16px;
line-height: 1.875;
letter-spacing: -.16px
}
}
.block-park-questions h2,
.block-park-questions .h2 {
margin-bottom: 1.25em;
letter-spacing: -.29px;
color: #f81700
}
@media (max-width:1023px) {
.block-park-questions h2,
.block-park-questions .h2 {
margin-bottom: 1em;
font-size: 24px;
line-height: 1.41;
letter-spacing: -.23px
}
}
.block-park-questions .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-park-questions .content {
padding: 0 40px
}
}
.block-park-questions .text {
max-width: 700px;
margin: 0 auto
}
.block-park-questions .text a {
color: #fff
}
.block-park-questions_search {
padding: 135px 0 0;
background: #384550;
color: #fff
}
@media (max-width:1023px) {
.block-park-questions_search {
padding-top: 35px
}
}
.block-park-questions_search h2,
.block-park-questions_search .h2 {
color: inherit
}
.block-park-questions_search .more-wrap {
margin-top: 100px;
padding: 44px 0;
background-color: #435462;
line-height: normal;
font-size: 16px
}
@media (max-width:1023px) {
.block-park-questions_search .more-wrap {
margin-top: 57px;
padding: 21px 50px
}
}
.block-park-questions_search .more-wrap a {
font-weight: 500;
color: inherit;
letter-spacing: -.76px
}
.theme-aqualibi .block-park-questions h2,
.theme-aqualibi .block-park-questions .h2 {
color: #13b5ea
}
.block-park-route-help {
padding: 73px 0 45px;
text-align: center
}
@media (max-width:1023px) {
.block-park-route-help {
padding: 40px 0 0
}
}
.block-park-route-help .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-park-route-help .content {
padding: 0 20px
}
}
.block-park-route-help .text {
max-width: 700px;
margin: 0 auto 50px;
font: 400 19px "walirides", Arial, sans-serif;
letter-spacing: -.18px;
color: #b3b3b3
}
@media (max-width:1023px) {
.block-park-route-help .text {
font-size: 16px;
line-height: 1.875
}
}
.block-park-route-help .text h2,
.block-park-route-help .text .h2 {
margin-bottom: 1.5em;
letter-spacing: -.29px;
color: #384550
}
@media (max-width:1023px) {
.block-park-route-help .text h2,
.block-park-route-help .text .h2 {
font-size: 24px;
line-height: 1.41;
letter-spacing: -.23px
}
}
.block-park-route-help .text .btn-route {
margin-top: 2em;
font-size: 16px
}
@media (min-width:1024px) {
.block-park-route-help .text .btn-route {
padding-right: 3.25rem;
padding-left: 3.25rem
}
}
@media (max-width:1023px) {
.block-park-route-help .text .btn-route {
margin-top: 0
}
}
.block-park-route-help .block-cards {
padding: 0
}
@media (max-width:1023px) {
.block-park-route-help .block-cards .cards-wrap .card-item .bg:before {
transform-origin: 100% 0;
transform: skewY(2deg)
}
.block-park-route-help .block-cards .cards-wrap .card-item .bg:after {
transform-origin: 100% 100%;
transform: skewY(-2deg)
}
.block-park-route-help .block-cards .cards-wrap .card-item:nth-child(2n) .bg:before {
transform-origin: 0 0;
transform: skewY(-2deg)
}
.block-park-route-help .block-cards .cards-wrap .card-item:nth-child(2n) .bg:after {
transform-origin: 0 100%;
transform: skewY(2deg)
}
}
.theme-aqualibi .block-partners h2,
.theme-aqualibi .block-partners .h2 {
color: #13b5ea
}
.block-partners {
padding: 57px 0;
border-top: 1px solid #dedddd;
text-align: center;
color: #000
}
@media (max-width:1023px) {
.block-partners {
padding: 72px 0;
border: none
}
}
.block-partners h2,
.block-partners .h2 {
margin-bottom: .875em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-partners h2,
.block-partners .h2 {
margin-bottom: .83em;
color: #384550
}
}
.block-partners h3,
.block-partners .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-partners h3,
.block-partners .h3 {
margin-bottom: .89em
}
}
.block-partners .content {
padding: 0 55px
}
.block-partners .text {
margin-bottom: 46px
}
.block-partners .partners .row {
margin: 0;
justify-content: space-around
}
@media (max-width:1023px) {
.block-partners .partners .row {
display: block
}
}
.block-partners .partners .row .item {
display: flex;
margin: 11px auto;
flex-direction: column;
align-items: center;
justify-content: center
}
.block-partners .partners .row .item img {
display: block;
flex: 0 0 auto;
object-fit: scale-down
}
.dj-no-touch .block-partners .partners .row .item:hover,
.dj-no-touch .block-partners .partners .row .item:focus {
background: #fff;
box-shadow: 0 5px 25px rgba(0, 0, 0, .1)
}
.block-partners .partners .row:nth-child(1) .item {
width: 223px;
height: 127px;
padding: 5px 36px
}
.block-partners .partners .row:nth-child(2) .item {
width: 178px;
height: 102px;
padding: 5px 28px
}
.block-partners .partners .row:nth-child(3) .item {
width: 130px;
height: 74px;
padding: 5px 20px
}
.block-pass-couple-file {
margin-top: 90px;
position: relative;
display: flex;
align-content: center;
align-items: center
}
.block-pass-couple-file:before {
display: block;
position: absolute;
z-index: -2;
width: 100%;
height: 180px;
content: '';
top: -40px;
left: 0;
background-color: #384550;
transform: skewY(-2deg)
}
@media (max-width:767px) {
.block-pass-couple-file:before {
top: -30px
}
}
@media (min-width:960px) {
.block-pass-couple-file:before {
top: 20px;
transform: skewY(-3deg)
}
}
@media (max-width:959px) {
.block-pass-couple-file {
margin-bottom: 40px
}
}
.block-pass-couple-file .block-bottom-decoration {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.block-pass-couple-file .block-bottom-decoration:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fab700;
transform-origin: 0 0;
transform: skewY(6deg)
}
@media (min-width:768px) and (max-width:959px) {
.block-pass-couple-file .block-bottom-decoration:before {
transform: skewY(2deg)
}
}
@media (min-width:960px) {
.block-pass-couple-file .block-bottom-decoration:before {
transform: skewY(4deg)
}
}
.block-pass-couple-file .block-bottom-decoration .pattern-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .07;
background: url(../images/pattern-karma-purple.png);
transform-origin: 0 0;
transform: skewY(6deg)
}
@media (min-width:768px) and (max-width:959px) {
.block-pass-couple-file .block-bottom-decoration .pattern-overlay {
transform: skewY(2deg)
}
}
@media (min-width:960px) {
.block-pass-couple-file .block-bottom-decoration .pattern-overlay {
transform: skewY(4deg)
}
}
.block-pass-couple-file .block-wrapper {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center
}
@media (min-width:960px) {
.block-pass-couple-file .block-wrapper {
flex-direction: row
}
.block-pass-couple-file .block-wrapper .image {
display: flex;
flex: 1 1 33%;
width: 33%;
max-width: 33%;
align-items: flex-end;
justify-content: center;
align-self: flex-end
}
.block-pass-couple-file .block-wrapper .block-texts {
flex: 1;
padding-left: 20px;
padding-top: 50px
}
.block-pass-couple-file .block-wrapper .block-actions {
flex: 1 1 28%;
width: 28%;
max-width: 28%;
padding-top: 50px
}
.block-pass-couple-file .block-wrapper .block-actions .promo-price .promo-price-value {
font-size: 50px
}
.block-pass-couple-file .block-wrapper .block-actions .promo-price .promo-price-prefix .promo-price-cents {
font-size: 20px
}
.block-pass-couple-file .block-wrapper .block-actions .btn,
.block-pass-couple-file .block-wrapper .block-actions .button,
.block-pass-couple-file .block-wrapper .block-actions .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-pass-couple-file .block-wrapper .block-actions .ticket-dropbtn {
min-width: 195px;
font-size: 16px
}
}
.block-pass-couple-file .image {
text-align: center;
margin-top: -65px;
margin-bottom: 20px
}
@media (max-width:767px) {
.block-pass-couple-file .image {
margin-top: -55px
}
}
@media (min-width:960px) {
.block-pass-couple-file .image {
margin: -36px 0 -1px;
padding-left: 45px
}
}
.block-pass-couple-file .image img {
height: 210px;
width: auto;
flex: none
}
@media (min-width:960px) {
.block-pass-couple-file .image img {
height: auto
}
}
.block-pass-couple-file .block-texts .block-title {
font-size: 60px;
font-size: 3.75rem;
letter-spacing: -.5px;
line-height: 68px;
line-height: 4.25rem;
color: #fff;
font-family: walirides;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center
}
@media (max-width:1023px) {
.block-pass-couple-file .block-texts .block-title {
font-size: 30px;
font-size: 1.875rem
}
}
@media (max-width:1023px) {
.block-pass-couple-file .block-texts .block-title {
letter-spacing: -.31px
}
}
@media (max-width:1023px) {
.block-pass-couple-file .block-texts .block-title {
line-height: 26px;
line-height: 1.625rem
}
}
@media (min-width:960px) {
.block-pass-couple-file .block-texts .block-title {
max-width: 420px;
text-align: left
}
}
.block-pass-couple-file .block-texts .block-message {
font-size: 19px;
font-size: 1.1875rem;
color: #fff;
font-family: Futura;
font-size: 16px;
font-weight: 700;
line-height: 27px;
letter-spacing: -.16px;
max-width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center
}
@media (max-width:1023px) {
.block-pass-couple-file .block-texts .block-message {
font-size: 16px;
font-size: 1rem
}
}
@media (min-width:960px) {
.block-pass-couple-file .block-texts .block-message {
font-family: walirides;
font-weight: 400;
text-align: left;
margin-left: 0;
margin-bottom: 20px;
max-width: 400px
}
}
.block-pass-couple-file .block-actions {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-content: center;
align-items: center
}
@media (min-width:960px) {
.block-pass-couple-file .block-actions {
padding-bottom: 0
}
.block-pass-couple-file .block-actions .btn,
.block-pass-couple-file .block-actions .button,
.block-pass-couple-file .block-actions .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-pass-couple-file .block-actions .ticket-dropbtn {
margin-bottom: 0
}
}
@media (min-width:1100px) {
.block-pass-couple-file .block-actions {
padding-right: 140px
}
}
.block-pass-couple-file .block-actions .promo-price {
color: #fff;
margin-bottom: 30px
}
.block-pass-couple-file .block-actions .promo-price .promo-price-curency {
font-size: 18px
}
@media (max-width:959px) {
.block-offers-slider+.block-pass-couple-file {
margin-top: 160px
}
}
.block-photo {
padding: 60px 0 40px;
color: #000
}
.block-photo h2,
.block-photo .h2 {
margin-bottom: 1em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-photo h2,
.block-photo .h2 {
margin-bottom: .83em;
text-align: center
}
}
.block-photo h3,
.block-photo .h3 {
margin-bottom: 1.25em;
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-photo h3,
.block-photo .h3 {
margin-bottom: .89em
}
}
@media (max-width:1023px) {
.block-photo .buttons {
text-align: center
}
}
.block-photo .btn,
.block-photo .button,
.block-photo .block-contact-form form .button,
.block-contact-form form .block-photo .button,
.block-photo .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-photo .ticket-dropbtn {
min-width: 195px;
margin-top: 1em;
margin-bottom: 1em;
font-size: 16px
}
.block-photo .content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 0 55px
}
@media (max-width:1023px) {
.block-photo .content {
display: block;
padding: 0 20px
}
}
.block-photo .text {
width: 31.62%
}
@media (max-width:1023px) {
.block-photo .text {
width: auto;
padding: 0
}
}
.block-photo .photo-slider {
width: 59.82%;
position: relative;
z-index: 1
}
.block-photo .photo-slider .bg {
width: 100%;
position: absolute;
top: -20px;
left: 20px;
bottom: 60px;
z-index: -1;
background-color: #fab700;
transform-origin: 0 0;
transform: skewY(3.5deg)
}
@media (max-width:1023px) {
.block-photo .photo-slider {
width: auto;
margin: 60px -20px 0
}
.block-photo .photo-slider .bg {
top: -10px;
left: 0;
bottom: 100px
}
}
.block-photo .photo-slider .item img {
display: block;
width: 100%;
margin-bottom: 6.4%;
transform-origin: 0 0;
transform: skewY(3.5deg)
}
.block-photo .photo-slider .slick-prev,
.block-photo .photo-slider .slick-next {
top: auto;
bottom: 61px;
transform: none
}
@media (max-width:1023px) {
.block-photo .photo-slider .slick-prev,
.block-photo .photo-slider .slick-next {
bottom: 41px
}
}
.block-photo .photo-slider .slick-dots {
bottom: 78px
}
@media (max-width:1023px) {
.block-photo .photo-slider .slick-dots {
bottom: 58px
}
}
.block-photo .photo-slider .slick-dots li:not(.slick-active) button:before {
background: #fff;
opacity: .39
}
.block-photo .photo-slider .yt-video {
transform: skewY(3.5deg);
transform-origin: 100% 0;
top: 40px;
min-height: 0;
padding-top: 62.5%
}
@media (max-width:1023px) {
.block-photo .photo-slider .yt-video {
transform-origin: 75% 0
}
}
.block-photo .photo-slider .yt-video iframe {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
position: relative
}
.block-photo_image .yt-video {
display: none
}
.block-photo_image.block-photo_video .yt-video {
display: block
}
.block-photo_video img {
display: none
}
.block-photo_inversion .content {
flex-direction: row-reverse
}
.block-photo_inversion .photo-slider .yt-video {
transform: skewY(-3.5deg);
transform-origin: 100% 0;
top: 0
}
@media (max-width:1023px) {
.block-photo_inversion .photo-slider .yt-video {
transform-origin: 100% 0
}
}
.block-photo_inversion .photo-slider .bg {
left: auto;
right: 20px;
transform-origin: 100% 0;
transform: skewY(-3.5deg)
}
@media (max-width:1023px) {
.block-photo_inversion .photo-slider .bg {
right: auto
}
}
.block-photo_inversion .photo-slider .item img {
transform-origin: 100% 0;
transform: skewY(-3.5deg)
}
.block-photo:last-child {
padding-bottom: 0
}
.theme-aqualibi .block-photo h2,
.theme-aqualibi .block-photo .h2 {
color: #13b5ea
}
@media (min-width:960px) {
.block-pre-launch .text {
padding-right: 80px
}
}
@media (min-width:960px) {
.block-pre-launch .block-social-subscribe {
align-items: flex-start
}
}
@media (min-width:1200px) {
.block-pre-launch .block-social-subscribe {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (min-width:960px) {
.block-pre-launch .block-social-subscribe .block {
flex: 1;
padding-right: 50px;
border-right: 2px solid #f4f7fa
}
.block-pre-launch .block-social-subscribe .block:last-child {
padding-left: 48px;
border: none
}
}
@media (min-width:960px) {
.block-pre-launch .block-social-subscribe .block-subscribe {
width: 375px
}
}
@media (max-width:959px) {
.block-pre-launch .block-social-subscribe .block-subscribe form .form-actions {
width: auto
}
}
@media (max-width:959px) {
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group {
flex-direction: row
}
}
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=text],
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=email],
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group button,
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=submit] {
height: 30px;
min-height: 30px;
padding: 5px 8px
}
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=text],
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=email] {
font-size: 12px
}
@media (max-width:959px) {
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=text],
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=email] {
border-right: none !important;
border-top-right-radius: 0;
border-bottom-left-radius: .25rem;
text-align: left
}
}
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group button,
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=submit] {
font-size: 12px;
line-height: normal
}
@media (max-width:959px) {
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group button,
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=submit] {
margin: 0;
line-height: normal;
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
.dj-no-touch .block-pre-launch .block-social-subscribe .block-subscribe form .input-group button:hover,
.dj-no-touch .block-pre-launch .block-social-subscribe .block-subscribe form .input-group button:focus,
.dj-no-touch .block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=submit]:hover,
.dj-no-touch .block-pre-launch .block-social-subscribe .block-subscribe form .input-group input[type=submit]:focus {
transform: none
}
@media (max-width:959px) {
.block-pre-launch .block-social-subscribe .block-subscribe form .input-group .input-group-append {
width: auto
}
}
@media (max-width:959px) {
.block-pre-launch .block-social-subscribe .block-subscribe .link-group {
padding-right: 40px;
text-align: right
}
}
.block-pre-launch .block-social-subscribe .block-subscribe .link-group a {
color: #536db6;
font-size: 12px
}
.block-pre-launch .block-social-subscribe .block-social {
display: inline-block;
margin-bottom: 0
}
@media (min-width:960px) {
.block-pre-launch .block-social-subscribe .block-social {
display: block;
flex: none
}
.block-pre-launch .block-social-subscribe .block-social .block {
padding-right: 50px
}
.block-pre-launch .block-social-subscribe .block-social .block:last-child {
padding-left: 50px
}
}
.block-pre-launch .block-social-subscribe .block-social .block-title {
margin-bottom: .25em;
color: #f81700;
font-size: 1em;
text-align: left
}
.block-pre-launch .block-social-subscribe .block-social .socila-links li {
margin: 0 10px
}
.block-pre-launch .block-social-subscribe .block-social .socila-links li:first-child {
margin-left: 0
}
.block-pre-launch .block-social-subscribe .block-social .socila-links li:last-child {
margin-right: 0
}
.block-pre-launch .block-social-subscribe .block-social .socila-links .icon-social {
width: 20px;
height: 20px
}
@media (min-width:960px) {
.popup-pre-launch .modal-header,
.popup-pre-launch .modal-body {
padding-left: 80px
}
}
.theme-aqualibi .block-pre-launch .block-social-subscribe .block-social .block-title {
color: #13b5ea
}
.block-press-articles {
padding: 30px 0
}
.block-press-articles .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-press-articles .content {
padding: 0 20px
}
}
.block-press-articles .fieldset-wrapper {
margin: 0 0 10px
}
.block-press-articles .fieldset-wrapper .form-radios {
display: flex
}
.block-press-articles .fieldset-wrapper .radio-style .jcf-radio {
display: none
}
.block-press-articles .block-grid-cards .cards-filter .form-item .radio-style label {
display: inline-block;
text-transform: uppercase;
padding: 3px 9px;
background-color: #fff;
border: 2px solid #e5e5e5;
border-radius: 5px;
font-size: 11px;
font-weight: 600;
margin: 0 7px 0 0;
color: #ccc
}
.block-press-articles .block-grid-cards .cards-filter .form-item .radio-style label.jcf-label-active {
color: #384550
}
.block-press-articles .block-grid-cards .new-blog-block .views-exposed-form {
display: flex;
justify-content: space-between
}
@media (max-width:1023px) {
.block-press-articles .block-grid-cards .new-blog-block .views-exposed-form {
display: block;
margin: 0 0 10px
}
}
.block-press-articles .block-grid-cards .new-blog-block .views-exposed-form fieldset.form-wrapper {
display: flex;
align-items: baseline
}
.block-press-articles .block-grid-cards .new-blog-block .views-exposed-form legend {
float: left;
width: auto;
max-width: auto;
margin-right: 22px;
vertical-align: middle;
font-size: 10px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
letter-spacing: -.1px;
color: inherit;
margin-right: 10px
}
@media (max-width:767px) {
.price-estimation-tool {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
top: 69px;
height: calc(100% - 130px);
padding-right: 0 !important;
margin-right: 0 !important
}
}
@media (max-width:767px) {
.price-estimation-tool .modal-context-wrap {
display: flex;
flex-direction: column;
height: 100%
}
}
.price-estimation-tool .modal-footer {
padding-top: 0;
border-top: 0;
justify-content: center
}
@media (max-width:767px) {
.price-estimation-tool .modal-footer {
padding-bottom: 15px
}
}
@media (max-width:767px) {
.price-estimation-tool+.modal-backdrop {
display: none
}
}
.price-estimation-tool .form-group {
margin-bottom: 3rem
}
@media (max-width:767px) {
.price-estimation-tool .form-group {
margin-bottom: 10px
}
}
.price-estimation-tool .close {
position: absolute;
top: -13px;
right: 12px;
font-size: 42px;
color: #000;
outline: 0
}
.price-estimation-tool .close:focus {
outline: 0
}
@media (max-width:767px) {
.price-estimation-tool .close {
top: -2px;
right: 0
}
}
.price-estimation-tool .back {
position: absolute;
top: -13px;
left: 0;
width: 30px;
height: 30px;
padding: 5px;
cursor: pointer;
border: 0;
background: initial;
outline: 0
}
.price-estimation-tool .back:before {
content: "";
display: block;
width: 70%;
height: 70%;
border-top: 3px solid #000;
border-left: 3px solid #000;
transform: rotate(-45deg);
margin: 15%
}
@media (max-width:767px) {
.price-estimation-tool .back {
top: -2px;
left: 0
}
}
.price-estimation-tool .modal-header {
padding: 1.5rem 1rem 1rem
}
@media (max-width:767px) {
.price-estimation-tool .modal-header {
padding: 20px 5px 5px
}
}
.price-estimation-tool .modal-body {
padding: 1rem 2.5rem
}
@media (max-width:767px) {
.price-estimation-tool .modal-body {
overflow: auto;
padding: 10px
}
}
.price-estimation-tool .modal-body [data-value=totalWithoutDiscount] {
text-decoration: line-through
}
@media (max-width:767px) {
.price-estimation-tool .modal-dialog {
margin: 0;
display: block;
height: 100%;
max-width: 100%
}
}
@media (max-width:767px) {
.price-estimation-tool .form-control {
min-height: 40px
}
}
.price-estimation-tool .btn,
.price-estimation-tool .button,
.price-estimation-tool .block-contact-form form .button,
.block-contact-form form .price-estimation-tool .button,
.price-estimation-tool .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .price-estimation-tool .ticket-dropbtn {
margin: 10px 0
}
.price-estimation-tool .modal-content {
border-radius: 30px;
border: 4px solid #f81700
}
@media (max-width:767px) {
.price-estimation-tool .modal-content {
border-radius: 0;
border: initial;
height: 100%
}
}
.price-estimation-tool .modal-title {
font-size: 26px;
letter-spacing: -1px;
color: #4a4a4a;
font-weight: 800
}
@media (max-width:767px) {
.price-estimation-tool .modal-title {
padding: 0 10px
}
}
.price-estimation-tool .form-item {
margin-bottom: 15px
}
.price-estimation-tool .form-item.error label {
color: #f81700 !important
}
.price-estimation-tool .form-item__label {
line-height: 24px;
color: #f81700;
text-transform: unset;
font-size: 22px;
letter-spacing: -1px;
font-weight: 500
}
.price-estimation-tool .form-item__text {
line-height: 20px;
text-align: right;
font-size: 22px;
letter-spacing: -1px;
color: #4a4a4a;
font-weight: 500;
padding-left: 0
}
.price-estimation-tool .form-item__subtext {
display: block;
font-size: 16px;
letter-spacing: 0;
color: #4a4a4a;
font-weight: 500;
line-height: 16px;
margin-top: 6px
}
.price-estimation-tool .radio-inline {
text-transform: unset;
font-size: 20px;
letter-spacing: -1px;
color: #4a4a4a;
font-weight: 500;
line-height: 24px;
max-width: calc(100% - 35px)
}
.price-estimation-tool .checkbox-style,
.price-estimation-tool .radio-style {
padding-left: 80px
}
@media (max-width:767px) {
.price-estimation-tool .checkbox-style,
.price-estimation-tool .radio-style {
padding-left: 15px
}
}
.price-estimation-tool .btn-round,
.price-estimation-tool .button,
.price-estimation-tool .block-contact-form form .button,
.block-contact-form form .price-estimation-tool .button,
.price-estimation-tool .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .price-estimation-tool .ticket-dropbtn {
padding: 0 50px;
width: auto;
min-width: initial
}
.price-estimation-tool .errors-wrapper .error-message {
display: none;
font-size: 18px;
letter-spacing: -1px;
color: #d44d28;
font-weight: 500
}
.price-estimation-tool__result .form-item {
margin-bottom: 25px
}
.price-estimation-tool__result .form-item__subtext {
margin-bottom: -6px
}
.price-estimation-tool__total {
color: #f81700;
border: 1px solid #f81700;
background: #fff;
padding: 0 50px;
margin: 10px 0;
border-radius: 30px;
font: 800 20px/40px "RockebySemi-Bk", "Muli", Arial, sans-serif;
display: inline-block
}
.theme-aqualibi-blue .price-estimation-tool .modal-content {
border-color: #13b5ea
}
.theme-aqualibi-blue .price-estimation-tool .form-item__label {
color: #13b5ea
}
.block-prices {
padding: 80px 0;
position: relative;
z-index: 1;
color: #fff;
background: #384550;
margin: 90px 0
}
.block-prices:before {
content: "";
display: block;
width: 100%;
height: 100px;
position: absolute;
top: -100px;
left: 0;
z-index: -1;
transform-origin: 0 0;
transform: skewY(3.5deg);
background: #384550
}
@media (min-width:1024px) {
.block-prices:before {
height: 88%
}
}
.block-prices:after {
content: "";
display: block;
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transform-origin: 0 0;
transform: skewY(3.5deg);
background: #384550
}
@media (max-width:1023px) {
.block-prices {
padding: 53px 0 80px
}
}
.block-prices .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-prices .content {
padding: 0 20px
}
}
.block-prices .price-group-wrap {
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap
}
@media (max-width:1023px) {
.block-prices .price-group-wrap {
display: block
}
}
.block-prices .price-group-wrap .price-group {
width: 48.54%
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-group {
width: auto;
margin-bottom: 55px
}
.block-prices .price-group-wrap .price-group:last-child {
margin-bottom: 0
}
}
@media (min-width:1300px) {
.block-prices .price-group-wrap .price-group {
width: 47.52%
}
}
.block-prices .price-group-wrap h4,
.block-prices .price-group-wrap .h4 {
color: inherit;
font: 400 19px "walirides", Arial, sans-serif;
letter-spacing: -.18px
}
@media (max-width:1023px) {
.block-prices .price-group-wrap h4,
.block-prices .price-group-wrap .h4 {
margin-bottom: 1.7em;
text-align: center
}
}
.block-prices .price-group-wrap .table-title {
display: flex;
margin-bottom: 15px;
flex-wrap: wrap;
justify-content: space-between;
font-weight: 500;
font-size: 10px;
text-transform: uppercase;
letter-spacing: -.1px;
color: #788692
}
.block-prices .price-group-wrap .table-title span {
display: block;
min-height: 20px
}
.block-prices .price-group-wrap .table-title span:first-child {
flex: 1 0 0
}
.block-prices .price-group-wrap .table-title span:last-child {
width: 169px
}
.block-prices .price-group-wrap .price-table {
width: 100%;
margin-bottom: 20px;
overflow: hidden;
border: 2px solid #5e7283;
border-radius: 5px;
border-collapse: separate;
font-size: 14px;
line-height: 1.42;
letter-spacing: -.14px
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table {
display: block;
margin: 0;
font-size: 18px;
line-height: 1.38;
letter-spacing: normal;
text-align: center
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tbody {
display: block;
width: 100%
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr {
display: block;
width: 100%
}
}
.block-prices .price-group-wrap .price-table tr th,
.block-prices .price-group-wrap .price-table tr td {
padding: 7px 20px;
vertical-align: middle;
text-align: inherit
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr th,
.block-prices .price-group-wrap .price-table tr td {
display: block;
width: 100%;
padding: 13px 15px
}
}
.block-prices .price-group-wrap .price-table tr th .note,
.block-prices .price-group-wrap .price-table tr td .note {
display: inline-block;
margin-left: 16px;
font-weight: 500;
font-size: 10px;
letter-spacing: -.1px;
line-height: 2;
color: #8e9ba6;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr th .note,
.block-prices .price-group-wrap .price-table tr td .note {
display: block;
margin: 1em 0 0;
font-weight: 500;
font-size: 12px;
letter-spacing: -.12px
}
}
.block-prices .price-group-wrap .price-table tr th {
padding-bottom: 11px;
font-weight: 700;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr th {
display: block
}
}
.block-prices .price-group-wrap .price-table tr td:last-child {
width: 169px;
padding-right: 30px;
padding-left: 30px;
font: 700 20px "walirides", Arial, sans-serif;
letter-spacing: .57px;
text-align: right
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr td:last-child {
width: auto;
font-size: 22px;
line-height: normal;
letter-spacing: .63px;
text-align: inherit
}
}
@media (min-width:1024px) {
.block-prices .price-group-wrap .price-table tr:first-child th,
.block-prices .price-group-wrap .price-table tr:first-child td {
padding-top: 17px
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr:first-child th {
padding-top: 28px
}
}
@media (min-width:1024px) {
.block-prices .price-group-wrap .price-table tr:last-child td {
padding-bottom: 17px
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table tr:last-child td:last-child {
padding-bottom: 32px
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table.tariff tr td {
padding-top: 25px;
padding-bottom: 25px
}
}
.block-prices .price-group-wrap .price-table.tariff tr td:last-child {
background-color: #2f3a43;
border-left: 2px solid #5e7283;
text-align: center
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table.tariff tr td:last-child {
border-left: none;
border-top: 2px solid #5e7283;
font-size: 25px;
letter-spacing: .71px
}
}
.block-prices .price-group-wrap .price-table.tariff tr td .note {
float: right
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table.tariff tr td .note {
float: none
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table.tariff tr:first-child th {
padding-top: 25px
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .price-table.tariff tr:last-child td:last-child {
padding-top: 20px;
padding-bottom: 20px
}
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .prices-slider {
margin: 0 -20px;
padding-bottom: 47px
}
}
.block-prices .price-group-wrap .prices-slider .item {
user-select: none
}
@media (max-width:1023px) {
.block-prices .price-group-wrap .prices-slider .item {
margin: 0 5px
}
}
.block-prices .price-group-wrap .prices-slider .item:focus {
outline: none
}
.block-prices .price-group-wrap .prices-slider .slick-dots {
bottom: 0
}
.block-prices .price-group-wrap .prices-slider .slick-dots li button:before {
background-color: #667786
}
.block-prices .price-group-wrap .prices-slider .slick-dots li.slick-active button:before {
background-color: #fff
}
.block-prices .ticket-dropdown .ticket-dropbtn:hover {
transform: none !important
}
.ticket-dropdown-content {
position: absolute;
margin-left: 20px
}
.tickets-opened .ticket-dropdown-content {
display: block
}
.theme-aqualibi .block-prices,
.theme-walirides-red .block-prices {
margin: 90px 0 0
}
.theme-aqualibi .block-prices:after,
.theme-walirides-red .block-prices:after {
display: none
}
.block-quotation {
padding: 40px 0 60px;
overflow: hidden;
position: relative;
z-index: 1
}
.block-quotation:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-color: #f5f9fd;
transform-origin: 100% 0;
transform: skewY(3deg)
}
@media (min-width:1024px) {
.block-quotation {
padding: 52px 0 71px
}
.block-quotation:before {
transform: skewY(.85deg)
}
}
.block-quotation .content {
padding: 0 20px 0 40px
}
@media (min-width:1024px) {
.block-quotation .content {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
padding: 0 119px
}
}
.block-quotation .photo {
width: 217px;
margin: 0 auto 65px;
position: relative;
z-index: 1
}
.block-quotation .photo:before {
content: "";
display: block;
width: 100%;
position: absolute;
top: -17px;
left: -17px;
bottom: -17px;
z-index: -1;
background-color: #f81700;
transform-origin: 0 0;
transform: skewY(3.5deg)
}
@media (min-width:1024px) {
.block-quotation .photo {
margin: 0
}
}
.block-quotation .photo img {
display: block;
width: 100%;
transform-origin: 0 0;
transform: skewY(3.5deg)
}
@media (min-width:1024px) {
.block-quotation .text {
flex: 1;
padding: 15px 0 0 116px
}
}
.block-quotation .quotation {
position: relative;
font: 25px "walirides", Arial, sans-serif;
text-indent: 25px
}
.block-quotation .quotation:before,
.block-quotation .quotation:after {
position: absolute;
font-size: 56px;
text-indent: 0
}
.block-quotation .quotation:before {
content: "«";
top: -11px;
left: -25px
}
.block-quotation .quotation:after {
content: "»";
bottom: -40px;
right: 47px
}
@media (min-width:1024px) {
.block-quotation .quotation {
text-indent: 0
}
.block-quotation .quotation:before {
left: -55px
}
.block-quotation .quotation:after {
top: 27px;
right: -57px;
bottom: auto
}
}
.theme-aqualibi .block-quotation .photo:before {
background-color: #13b5ea
}
.block-request-brochure {
padding: 65px 0;
background-color: #f5f9fd;
text-align: center;
color: #000
}
@media (max-width:1023px) {
.block-request-brochure {
padding: 40px 0 0
}
}
.block-request-brochure h2,
.block-request-brochure .h2 {
margin-bottom: .875em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-request-brochure h2,
.block-request-brochure .h2 {
margin-bottom: .83em;
text-align: center
}
}
.block-request-brochure h3,
.block-request-brochure .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-request-brochure h3,
.block-request-brochure .h3 {
margin-bottom: .89em
}
}
.block-request-brochure .content {
padding: 0 125px 0 155px
}
@media (max-width:1023px) {
.block-request-brochure .content {
padding: 0 30px
}
}
.block-request-brochure form .form-item-accept {
margin: 2.2em 0 1em
}
@media (max-width:1023px) {
.block-request-brochure form .form-item-accept {
margin: 0
}
}
@media (max-width:1023px) {
.block-request-brochure form .form-item-rules {
text-align: center
}
}
.block-request-brochure form .rules-link {
color: #384550;
font-size: 13px;
text-decoration: underline
}
.block-request-brochure form .rules-link:hover {
text-decoration: none
}
@media (max-width:1023px) {
.block-request-brochure form .rules-link {
font-size: 14px;
line-height: 1.71
}
}
.block-request-brochure form .form-item-captcha {
margin: 1.35em 0
}
.block-request-brochure form .g-captcha {
display: inline-block;
padding: 12px;
border-radius: 4px;
background-color: #fff
}
@media (max-width:1023px) {
.block-request-brochure form .form-item-buttons {
text-align: center
}
}
.block-request-brochure .service-description {
padding: 57px 42px;
overflow: hidden;
position: relative;
z-index: 1;
color: #000
}
.block-request-brochure .service-description:before {
content: "";
display: block;
width: 106%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border: 8px solid #f81700;
background: #fff;
transform-origin: 0 50%;
transform: perspective(500px) rotateY(4deg) skewY(.5deg)
}
@media (max-width:1279px) {
.block-request-brochure .service-description:before {
width: 104%
}
}
@media (max-width:1023px) {
.block-request-brochure .service-description {
margin: 45px -30px 0;
padding-right: 25px;
padding-left: 35px
}
.block-request-brochure .service-description:before {
width: 112%
}
}
@media (max-width:767px) {
.block-request-brochure .service-description:before {
width: 106%
}
}
.block-request-brochure .service-description h3,
.block-request-brochure .service-description .h3 {
color: #f81700
}
.block-request-brochure .service-description .link {
font: 400 14px "walirides", Arial, sans-serif;
letter-spacing: -.14px;
text-decoration: underline;
color: #384550
}
.block-request-brochure .service-description .link:hover {
text-decoration: none
}
.block-request-brochure .col-group {
display: flex;
margin-top: 83px;
justify-content: space-between;
text-align: left
}
@media (max-width:1023px) {
.block-request-brochure .col-group {
display: block;
margin: 0
}
}
.block-request-brochure .col-group .col-description {
width: 370px;
order: 0
}
@media (max-width:1279px) {
.block-request-brochure .col-group .col-description {
width: 310px
}
}
@media (max-width:1023px) {
.block-request-brochure .col-group .col-description {
width: auto
}
}
.block-request-brochure .col-group .col-fields {
width: 400px;
order: 1
}
@media (max-width:1279px) {
.block-request-brochure .col-group .col-fields {
width: 310px
}
}
@media (max-width:1023px) {
.block-request-brochure .col-group .col-fields {
width: auto
}
}
.theme-aqualibi .block-request-brochure .service-description:before {
border-color: #13b5ea
}
.theme-aqualibi .block-request-brochure .service-description h3,
.theme-aqualibi .block-request-brochure .service-description .h3 {
color: #13b5ea
}
.block-restaurant-menu {
padding: 70px 0
}
@media (max-width:1023px) {
.block-restaurant-menu {
padding: 27px 0
}
}
.block-restaurant-menu h2,
.block-restaurant-menu .h2 {
margin-bottom: 1.25em;
text-align: center
}
@media (max-width:1023px) {
.block-restaurant-menu h2,
.block-restaurant-menu .h2 {
font-size: 20px
}
}
.block-restaurant-menu .content {
padding: 0 77px
}
@media (max-width:1023px) {
.block-restaurant-menu .content {
padding: 0 7px
}
}
.block-restaurant-menu .row {
margin: 0
}
@media (max-width:1023px) {
.block-restaurant-menu .row {
display: block
}
}
.block-restaurant-menu .col {
width: 50%;
flex: none;
padding: 0 37px
}
.block-restaurant-menu .col:first-child:last-child {
width: auto;
flex: 1
}
@media (max-width:1023px) {
.block-restaurant-menu .col {
width: auto;
padding: 0
}
}
.block-restaurant-menu .table-wrap {
margin: 0 auto 2em;
position: relative;
border: 2px solid #ddd;
border-radius: 5px
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap {
border-width: 1px
}
.block-restaurant-menu .table-wrap:last-child {
margin-bottom: 0
}
}
.block-restaurant-menu .table-wrap table {
width: 100%;
font-weight: 500;
color: #8a8a8a;
letter-spacing: -.16px;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap table {
font-size: 10px;
letter-spacing: -.1px
}
}
.block-restaurant-menu .table-wrap table td {
padding: 10px 28px
}
.block-restaurant-menu .table-wrap table td:last-child {
width: 160px;
padding-right: 24px;
padding-left: 24px;
font: 700 22px "walirides", Arial, sans-serif;
letter-spacing: normal;
color: #f81700;
text-align: right;
border-left: 2px solid #ddd
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap table td {
padding: 6px 10px
}
.block-restaurant-menu .table-wrap table td:last-child {
width: 95px;
padding-right: 14px;
padding-left: 10px;
font-size: 14px;
border-width: 1px
}
}
.block-restaurant-menu .table-wrap table tr:first-child td {
padding-top: 23px
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap table tr:first-child td {
padding-top: 15px
}
}
.block-restaurant-menu .table-wrap table tr:last-child td {
padding-bottom: 23px
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap table tr:last-child td {
padding-bottom: 15px
}
}
.block-restaurant-menu .table-wrap .bottom-border {
height: 6px;
position: absolute;
bottom: -6px;
left: 8px;
right: 8px;
border: 2px solid #ddd;
border-top: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px
}
.block-restaurant-menu .table-wrap .bottom-border:after {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
right: 150px;
border-right: 2px solid #ddd
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap .bottom-border {
height: 4px;
bottom: -4px;
left: 5px;
right: 5px;
border-width: 1px
}
.block-restaurant-menu .table-wrap .bottom-border:after {
right: 88px;
border-width: 1px
}
}
.block-restaurant-menu .table-wrap .bottom-border .bottom-border:after {
right: 140px
}
@media (max-width:1023px) {
.block-restaurant-menu .table-wrap .bottom-border .bottom-border:after {
right: 82px
}
}
.theme-aqualibi .block-restaurant-menu .table-wrap table td:last-child {
color: #13b5ea
}
.block-review {
padding: 70px 0;
background-color: #fff
}
.block-review .content {
padding: 0 40px
}
@media (max-width:1023px) {
.block-review .content {
padding: 0 20px
}
}
.block-review h2,
.block-review .h2 {
text-align: center;
margin-bottom: .875em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-review h2,
.block-review .h2 {
margin-bottom: .83em;
text-align: left
}
}
.block-review h3,
.block-review .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550;
text-align: center;
margin-bottom: 2.875em
}
@media (max-width:1023px) {
.block-review h3,
.block-review .h3 {
margin-bottom: 2.89em;
text-align: left
}
}
.block-review-row {
display: flex;
justify-content: center
}
@media (max-width:1023px) {
.block-review-row {
flex-wrap: wrap
}
}
.block-review-item {
width: 300px;
margin: 0 15px;
position: relative;
z-index: 1
}
@media (max-width:1023px) {
.block-review-item {
margin-bottom: 20px
}
}
.block-review-item .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-size: cover;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #f81700;
transform: skewY(3deg)
}
.block-review-item:nth-child(1) .bg {
transform: skewY(3deg)
}
.block-review-item:nth-child(2) .bg {
transform: skewY(-3deg)
}
.block-review-item:nth-child(3) .bg {
transform: skewY(-3deg)
}
.review-item-content {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 30px 30px 34px
}
@media (max-width:1023px) {
.review-item-content {
padding: 30px 15px
}
}
.review-text {
margin-bottom: 36px;
font: 700 18px/1.21 "walirides", Arial, sans-serif;
letter-spacing: -.6px;
color: #fff;
padding-left: 25px;
position: relative
}
.review-text:before {
content: '"';
position: absolute;
font: 700 35px/1.21 "walirides", Arial, sans-serif;
top: -10px;
left: 0
}
.review-author {
font: 700 16px/1.21 "walirides", Arial, sans-serif;
letter-spacing: -.6px;
text-transform: uppercase;
padding-left: 25px;
color: #fff;
margin-bottom: 0
}
.review-date {
font: normal 16px/1.21 "walirides", Arial, sans-serif;
letter-spacing: -.6px;
color: #fff;
padding-left: 25px;
margin-bottom: 0
}
.review-info {
font: normal 16px/1.21 "walirides", Arial, sans-serif;
letter-spacing: -.6px;
color: #fff;
padding-left: 25px;
margin-bottom: 0
}
.review-info-link {
color: #f81700;
background-color: #fff;
padding: 0 5px;
text-decoration: none
}
.block-route-info {
text-align: center;
margin: 0 0 50px;
padding-bottom: 50px
}
.block-route-info:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.block-route-info {
overflow-x: hidden;
margin-bottom: 0;
padding-bottom: 0
}
}
@media (min-width:768px) {
.block-route-info {
margin: 90px auto 50px;
padding-bottom: 0
}
}
.block-route-info .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-route-info .content {
padding: 0 20px
}
}
.block-route-info .block-route-content {
padding: 40px 20px 18px;
position: relative;
z-index: 1;
background: #fff;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
z-index: 2;
}
@media (min-width:768px) {
.block-route-info .block-route-content:before {
content: '';
display: block;
height: 60px;
position: absolute;
top: 0;
left: -1px;
right: -1px;
z-index: -1;
background-color: #fff;
transform-origin: 0 0;
transform: skewY(-1.1deg);
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5
}
}
.block-route-info .block-subtitle {
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-align: center;
padding: 0 20px
}
.block-route-info .block-title {
padding: 0 20px;
color: #f81700;
font-family: walirides;
font-size: 50px;
font-size: 3.125rem;
line-height: 68px;
font-weight: 700;
text-align: center;
text-shadow: 0 10px 13px 0 rgba(0, 0, 0, .22);
margin-bottom: 60px
}
@media (max-width:767px) {
.block-route-info .block-title {
margin-bottom: 0;
font-size: 30px;
font-size: 1.875rem;
line-height: 40px
}
}
.block-route-info .btn,
.block-route-info .button,
.block-route-info .block-contact-form form .button,
.block-contact-form form .block-route-info .button,
.block-route-info .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-route-info .ticket-dropbtn {
position: relative;
z-index: 2;
font-size: 16px
}
.block-route-info .row {
margin: 0 0 55px
}
.block-route-info .row .col {
padding: 0;
position: relative;
text-align: center;
color: #000
}
.block-route-info .row .col:focus {
outline: none
}
@media (max-width:767px) {
.block-route-info .row .col {
background: #fff;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding: 20px 0;
margin: 40px 20px
}
.block-route-info .row .col:after,
.block-route-info .row .col:before {
content: '';
background-color: #fff;
display: block;
position: absolute;
width: calc(100% + 2px);
height: 60px;
z-index: -1;
transform: skewY(-2deg);
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
left: -1px
}
.block-route-info .row .col:after {
border-top: 1px solid #e5e5e5;
top: -20px
}
.block-route-info .row .col:before {
border-bottom: 1px solid #e5e5e5;
transform: skewY(2deg);
bottom: -20px
}
}
.block-route-info .row .col .icon {
display: flex;
width: 38px;
height: 38px;
margin: 0 auto 25px;
flex-direction: column;
justify-content: center;
align-items: center
}
.block-route-info .row .col .transport-name {
margin-bottom: 12px;
color: #384550;
font: 19px "walirides", Arial, sans-serif
}
.block-route-info .row .col p {
max-width: 170px;
margin: 0 auto
}
.block-route-info .row .col a:hover {
text-decoration: none
}
.block-route-info .block-map-container {
position: relative;
z-index: 1;
text-align: center
}
@media (max-width:767px) {
.block-route-info .block-map-container {
padding-bottom: 10px;
overflow: hidden
}
}
.block-route-info .block-map-container img {
}
@media (max-width:767px) {
.block-route-info .block-map-container img {
height: 400px;
max-width: none;
margin-left: -40px
}
}
.block-route-info .block-map-container:before {
content: '';
background-color: #384550;
display: block;
position: absolute;
top: 10;
width: 100%;
height: 100%;
z-index: -1;
transform-origin: 0 0
}
@media (max-width:767px) {
.block-route-info .block-map-container:before {
transform: skewY(2deg)
}
}
.block-route-info .block-map-container .top-bg {
width: 100%;
position: absolute;
top: 0;
height: 60px;
z-index: 1;
background-color: #fafafa;
transform-origin: 100% 100%;
transform: skewY(1.75deg);
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
@media (min-width:768px) {
.block-route-info .block-map-container .top-bg {
background-color: #fff
}
}
.block-route-info .block-map-container .bottom-bg {
content: '';
background-color: #fff;
display: block;
position: absolute;
bottom: -32px;
width: 104%;
left: -2%;
height: 100px;
z-index: -1;
transform: skewY(-2deg);
}
@media (max-width:767px) {
.block-route-info .block-map-container .bottom-bg {
height: 150px;
bottom: 0;
transform-origin: 100% 100%
}
}
.block-route-info .block-map-container .block-map-container-buttons {
position: absolute;
bottom: 110px;
right: 40px
}
@media (min-width:768px) and (max-width:1023px) {
.block-route-info .block-map-container .block-map-container-buttons {
bottom: 15%
}
}
@media (max-width:767px) {
.block-route-info .block-map-container .block-map-container-buttons {
margin-top: -15px;
position: static
}
}
.block-route-info--no-map .block-map-container {
background: #fff;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5
}
.block-route-info--no-map .block-map-container:before {
display: none
}
@media (min-width:768px) {
.block-route-info--no-map .block-map-container .block-map-container-buttons {
text-align: center;
position: static
}
}
.block-route-info--no-map .block-map-container .bottom-bg {
display: none
}
@media (min-width:768px) {
.block-route-info--no-map .block-map-container .top-bg {
width: auto;
top: auto;
bottom: 0;
left: -1px;
right: -1px;
border-bottom: 1px solid #e5e5e5;
transform-origin: 100% 100%;
transform: skewY(-1.1deg)
}
}
@media (min-width:768px) {
.block-route-info--no-map:last-child {
margin-bottom: 60px
}
}
.theme-aqualibi .block-route-info .block-title {
color: #13b5ea
}
.page-homepage .block-route-info .block-map-container .bottom-bg {
background-color: #fafafa
}
.block-route-map {
display: flex;
min-height: 700px;
position: relative
}
@media (max-width:1023px) {
.block-route-map {
display: block;
min-height: 0
}
}
.block-route-map .route-map-bar {
width: 33.2%
}
@media (max-width:1023px) {
.block-route-map .route-map-bar {
width: auto
}
}
.block-route-map .route-map-bar .bar-head {
padding: 19px 0;
text-align: center
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .bar-head {
padding: 38px 0 32px
}
}
.block-route-map .route-map-bar .bar-head h1,
.block-route-map .route-map-bar .bar-head .h1 {
margin: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
.block-route-map .route-map-bar .way-types .way-type-item {
line-height: 1.25;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06), inset 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e4e4e4;
border-top: none;
background: #fff
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item {
text-align: center
}
}
.block-route-map .route-map-bar .way-types .way-type-item p {
margin-bottom: .65em
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info-link {
font: 400 14px "walirides", Arial, sans-serif;
letter-spacing: -.14px;
text-decoration: underline;
color: #384550
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .route-info-link {
display: block;
margin-top: 1.2em;
font-size: 16px;
letter-spacing: -.16px
}
}
.dj-no-touch .block-route-map .route-map-bar .way-types .way-type-item .route-info-link:hover,
.dj-no-touch .block-route-map .route-map-bar .way-types .way-type-item .route-info-link:focus {
text-decoration: none
}
.block-route-map .route-map-bar .way-types .way-type-item .note {
color: #f81700
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head {
display: flex;
min-height: 67px;
flex-wrap: wrap;
align-items: center;
padding: 13px 50px 13px 55px;
position: relative
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .way-head {
display: block;
min-height: 0;
padding: 23px 20px 10px
}
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon {
width: 37px
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon {
margin: 0 auto 1em
}
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon .svg-icon {
fill: #384550
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon .svg-icon {
margin: 0 auto
}
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon .svg-icon.svg-icon-car {
width: 37px;
height: 28px
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon .svg-icon.svg-icon-train {
width: 27px;
height: 39px
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head .icon .svg-icon.svg-icon-hotel {
width: 32px;
height: 31px;
stroke: #384550
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head h2,
.block-route-map .route-map-bar .way-types .way-type-item .way-head .h2 {
margin: 0 0 0 23px;
flex: 1 0 0;
font-size: 18px;
color: #f81700;
letter-spacing: -.17px
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .way-head h2,
.block-route-map .route-map-bar .way-types .way-type-item .way-head .h2 {
margin: 0
}
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head .arrow {
display: none;
width: 12px;
height: 8px;
position: absolute;
top: 50%;
right: 33px;
margin-top: -1px
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .way-head .arrow {
position: static;
margin: 1em auto .5em
}
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head[data-toggle] {
cursor: pointer
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head[data-toggle] .arrow {
display: block
}
.block-route-map .route-map-bar .way-types .way-type-item .way-head[aria-expanded=true] .arrow {
transform: rotate(180deg)
}
.block-route-map .route-map-bar .way-types .way-type-item .way-content .way-content-body {
padding: 10px 33px 20px 55px;
position: relative
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .way-content .way-content-body {
padding: 15px 20px
}
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .departure-form {
text-align: left
}
}
.block-route-map .route-map-bar .way-types .way-type-item .departure-form .form-item {
margin: .75em 0
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .departure-form .form-item {
margin: .65em 0
}
}
.block-route-map .route-map-bar .way-types .way-type-item .departure-form label {
display: block;
margin-bottom: 8px;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
.block-route-map .route-map-bar .way-types .way-type-item .departure-form .input-wrap {
position: relative
}
.block-route-map .route-map-bar .way-types .way-type-item .departure-form .input-wrap .form-control {
min-height: 53px;
padding-right: 42px;
padding-left: 55px
}
.block-route-map .route-map-bar .way-types .way-type-item .departure-form .input-wrap .prefix {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
font-size: 14px;
letter-spacing: -.14px;
color: #b3b3b3
}
.block-route-map .route-map-bar .way-types .way-type-item .departure-form .input-wrap .clear-btn {
display: none;
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
background-image: url(../images/spritesheet.png);
background-position: -138px -94px;
width: 10px;
height: 10px
}
.block-route-map .route-map-bar .way-types .way-type-item .destination {
margin-bottom: 16px;
padding: 8px 16px;
border-radius: 5px;
background-color: #384450;
font-size: 14px;
letter-spacing: -.14px
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .destination {
margin-bottom: 25px;
text-align: left
}
}
.block-route-map .route-map-bar .way-types .way-type-item .destination p {
margin: 0
}
.block-route-map .route-map-bar .way-types .way-type-item .destination a {
color: inherit
}
.block-route-map .route-map-bar .way-types .way-type-item .destination .name {
display: block;
color: #fab700
}
.block-route-map .route-map-bar .way-types .way-type-item .parking-info {
font-size: 12px;
font-weight: 500;
letter-spacing: -.12px;
text-transform: uppercase
}
.block-route-map .route-map-bar .way-types .way-type-item .parking-info .svg-icon {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle
}
.block-route-map .route-map-bar .way-types .way-type-item .parking-info span {
vertical-align: middle
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info {
display: none;
max-height: 185px;
margin: 38px -13px 0 0;
padding-right: 22px;
font-size: 14px
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .route-info {
margin-right: 0;
padding-right: 0;
max-height: none;
text-align: left
}
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-head {
display: flex;
margin-bottom: 14px;
justify-content: space-between;
align-items: center
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-label {
font: 400 14px "walirides", Arial, sans-serif;
letter-spacing: -.14px
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-duration {
font-weight: 500;
font-size: 10px;
letter-spacing: -.1px;
color: #8e9ba6;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-list .slick-list {
margin-right: -20px;
padding-right: 20px
}
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-list .route-list-item {
margin-bottom: 10px;
padding: 11px 14px;
border: 1px solid #3f4e5a;
border-radius: 5px;
line-height: 1.42
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-list .route-list-item {
margin: 0 10px 0 0
}
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-list .route-list-item:last-child {
margin-bottom: 0
}
.block-route-map .route-map-bar .way-types .way-type-item .route-info .route-list .route-list-item .route-duration {
display: block;
margin-top: 5px;
color: #fff
}
.block-route-map .route-map-bar .way-types .way-type-item .send-route-to-phone {
display: none;
width: 100%;
height: 53px;
padding: 0 15px 0 109px;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
left: 0;
bottom: 0;
background: #384550 url(../images/icon-send-phone.svg) no-repeat 57px center;
color: #fff;
white-space: pre;
font: 300 14px/53px "Futura", Arial, sans-serif;
letter-spacing: -.14px;
text-decoration: none
}
.block-route-map .route-map-bar .way-types .way-type-item .map-links {
display: none;
margin: 0 -20px;
padding: 7px 10px 20px;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #384550;
text-align: center;
list-style: none
}
.block-route-map .route-map-bar .way-types .way-type-item .map-links li {
display: inline-block;
margin: 0 20px;
vertical-align: bottom
}
.block-route-map .route-map-bar .way-types .way-type-item .map-links li:first-child {
margin-left: 0
}
.block-route-map .route-map-bar .way-types .way-type-item .map-links li:last-child {
margin-right: 0
}
.block-route-map .route-map-bar .way-types .way-type-item .map-links li a {
display: block
}
.block-route-map .route-map-bar .way-types .way-type-item .map-links li a img,
.block-route-map .route-map-bar .way-types .way-type-item .map-links li a svg {
display: block;
width: 50px;
height: 50px
}
.block-route-map .route-map-bar .way-types .way-type-item_route {
border: none;
background: #29323a;
color: #fff;
border: 1px solid #000;
border-top: none
}
.block-route-map .route-map-bar .way-types .way-type-item_route label {
color: #b3b3b3
}
.block-route-map .route-map-bar .way-types .way-type-item_route .way-head {
padding-top: 30px
}
.block-route-map .route-map-bar .way-types .way-type-item_route .way-head .icon .svg-icon {
fill: currentColor
}
.block-route-map .route-map-bar .way-types .way-type-item_route .way-head h2,
.block-route-map .route-map-bar .way-types .way-type-item_route .way-head .h2 {
color: inherit
}
.block-route-map .route-map-bar .way-types .way-type-item_route .way-content .way-content-body {
padding-bottom: 10px
}
.block-route-map .route-map-bar .way-types .way-type-item_route.active .way-content .way-content-body {
padding-bottom: 53px
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item_route.active .way-content .way-content-body {
padding-bottom: 0
}
}
.block-route-map .route-map-bar .way-types .way-type-item_route.active .route-info {
display: block
}
@media (min-width:1024px) {
.block-route-map .route-map-bar .way-types .way-type-item_route.active .send-route-to-phone {
display: block
}
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item_route.active .map-links {
display: block
}
}
.block-route-map .route-map-bar .way-types .way-type-item_hotel .route-info-link {
display: inline-block;
padding-bottom: 6px;
color: #b3b3b3;
font-size: 12px;
letter-spacing: -.12px;
text-decoration: none;
border-bottom: 1px solid currentColor
}
@media (max-width:1023px) {
.block-route-map .route-map-bar .way-types .way-type-item_hotel .route-info-link {
display: inline-block;
padding-bottom: 10px;
font-size: 14px;
letter-spacing: -.14px
}
}
.dj-no-touch .block-route-map .route-map-bar .way-types .way-type-item_hotel .route-info-link:hover,
.dj-no-touch .block-route-map .route-map-bar .way-types .way-type-item_hotel .route-info-link:focus {
border-color: transparent
}
.block-route-map .route-map {
display: flex;
flex-direction: column;
flex: 1 0 0;
position: relative
}
@media (max-width:1023px) {
.block-route-map .route-map {
display: none
}
}
.block-route-map .route-map .map-canvas {
flex: 1
}
.block-route-map .route-map .map-canvas .gm-style-cc {
display: none
}
.block-route-map .route-map .map-lat-lng {
padding: 6px 54px 6px 13px;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
font-size: 12px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -.12px;
text-transform: uppercase;
background-color: rgba(56, 68, 80, .11)
}
.body-how_to_come.theme-aqualibi .block-route-map .route-map-bar .bar-head h1,
.body-how_to_come.theme-aqualibi .block-route-map .route-map-bar .bar-head .h1,
.body-how_to_come .page-aqualibi .block-route-map .route-map-bar .bar-head h1,
.body-how_to_come .page-aqualibi .block-route-map .route-map-bar .bar-head .h1 {
color: #13b5ea
}
.body-how_to_come.theme-aqualibi .block-route-map .route-map-bar .way-types .way-type-item .note,
.body-how_to_come .page-aqualibi .block-route-map .route-map-bar .way-types .way-type-item .note {
color: #13b5ea
}
.body-how_to_come.theme-aqualibi .block-route-map .route-map-bar .way-types .way-type-item .way-head h2,
.body-how_to_come.theme-aqualibi .block-route-map .route-map-bar .way-types .way-type-item .way-head .h2,
.body-how_to_come .page-aqualibi .block-route-map .route-map-bar .way-types .way-type-item .way-head h2,
.body-how_to_come .page-aqualibi .block-route-map .route-map-bar .way-types .way-type-item .way-head .h2 {
color: #13b5ea
}
.search-section {
background: #384550;
padding: 63px 20px 98px
}
.search-section .search-result-txt {
max-width: 770px;
margin: 0 auto 41px;
color: #fff;
font-family: "walirides", Arial, sans-serif;
text-align: center
}
.search-section .search-result-txt .ttl {
display: block;
letter-spacing: -.12px;
font-size: 12px;
line-height: 16px
}
.search-section .search-result-txt .result {
display: block;
letter-spacing: -.18px;
font-size: 19px;
line-height: 26px
}
.search-section form {
max-width: 570px;
margin: 0 auto
}
.search-section .input-group {
display: flex;
width: 100%;
background: #fff;
height: 53px
}
.search-section .form-item {
width: calc(100% - 50px)
}
.search-section .form-item input {
width: 100%;
margin: 0;
padding: 0 19px;
border: none;
background: 0 0;
font-size: 12px;
font-weight: 500;
font-family: "Futura", Arial, sans-serif;
color: #b3b3b3;
height: 100%
}
.search-section .form-item input::placeholder {
color: #828282;
opacity: 1
}
.search-section .form-item input:focus {
outline: none
}
.search-section .form-actions {
width: 50px
}
.search-section .form-actions input {
display: block;
border: none;
width: 100%;
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
color: transparent;
background: 0 0;
cursor: pointer;
height: 100%;
background: url("../images/icon-search-holland.svg") no-repeat 50% 50%
}
.search-section .form-actions input:focus {
outline: none
}
.search-result-info {
display: flex;
margin: -44px 0 9px;
padding: 0 20px
}
@media (max-width:1023px) {
.search-result-info {
margin-bottom: 6px
}
}
.search-result-info .search-result-stats {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center;
position: relative;
padding: 21px 10px;
max-width: 1177px;
margin: 0 auto
}
.search-result-info .search-result-stats:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
transform: skew(15deg);
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06)
}
@media (max-width:1023px) {
.search-result-info .search-result-stats:after {
transform: skew(10deg)
}
}
.search-result-info .search-result-stats p {
margin: 0 auto;
z-index: 1;
width: 100%;
text-align: center;
color: #b3b3b3;
font: 500 24px/30px "Futura-Condensed", "Futura", Arial, sans-serif
}
.search-result-info .search-result-stats p span {
color: #8a8c23
}
.search-result-info .search-result-stats p.empty-results span {
color: #f81700
}
.search-result-container {
max-width: 1010px;
margin: 0 auto;
padding: 0 20px
}
.search-result-container .no_result {
padding-top: 26px;
text-align: center;
font-size: 20px
}
@media (max-width:1023px) {
.search-result-container .no_result {
padding-top: 24px
}
}
.search-result-container .item {
border-bottom: 1px solid #dedddd;
padding: 19px 0 31px
}
@media (max-width:1023px) {
.search-result-container .item {
padding: 19px 10px 16px
}
}
.search-result-container .item .data {
max-width: 565px;
margin: 0 auto;
font: 14px/23px "Futura-Book", "Futura", Arial, sans-serif;
color: #384550
}
.search-result-container .item .btn,
.search-result-container .item .button,
.search-result-container .item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .search-result-container .item .ticket-dropbtn {
min-width: 0;
padding: 0;
font-size: 0;
line-height: 0;
color: #384550;
border-radius: 0;
text-align: left;
vertical-align: middle;
margin-bottom: 14px;
position: relative
}
@media (max-width:1023px) {
.search-result-container .item .btn,
.search-result-container .item .button,
.search-result-container .item .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .search-result-container .item .ticket-dropbtn {
margin: 0 0 11px
}
}
.search-result-container .item .btn .ttl,
.search-result-container .item .button .ttl,
.search-result-container .item .block-prices .ticket-dropdown .ticket-dropbtn .ttl,
.block-prices .ticket-dropdown .search-result-container .item .ticket-dropbtn .ttl {
vertical-align: middle;
padding-right: 24px;
font: 19px/23px "walirides", Arial, sans-serif;
letter-spacing: -.18px
}
@media (max-width:1023px) {
.search-result-container .item .btn .ttl,
.search-result-container .item .button .ttl,
.search-result-container .item .block-prices .ticket-dropdown .ticket-dropbtn .ttl,
.block-prices .ticket-dropdown .search-result-container .item .ticket-dropbtn .ttl {
line-height: 26px
}
}
.search-result-container .item .btn .icon,
.search-result-container .item .button .icon,
.search-result-container .item .block-prices .ticket-dropdown .ticket-dropbtn .icon,
.block-prices .ticket-dropdown .search-result-container .item .ticket-dropbtn .icon {
margin: 0 0 0 -13px;
width: 13px;
height: 8px;
vertical-align: middle;
position: relative
}
.search-result-container .item p {
margin: 0
}
@media (max-width:1023px) {
.search-result-container .item p {
letter-spacing: -.14px
}
}
.search-result-container .pager {
padding: 54px 0;
max-width: 100%;
overflow: hidden
}
.search-result-container .pager__items {
list-style: none;
display: flex;
justify-content: center;
padding: 0;
margin: 0
}
.search-result-container .pager__item {
display: block;
padding: 0 3px 0 4px
}
@media (max-width:1023px) {
.search-result-container .pager__item {
display: none;
padding: 0 6px
}
}
.search-result-container .pager__item--first,
.search-result-container .pager__item--last,
.search-result-container .pager__item--ellipsis {
display: none
}
.search-result-container .pager__item a {
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08);
border-radius: 100px;
width: 38px;
height: 37px;
color: #384550;
text-align: center;
font: 14px/37px "walirides", Arial, sans-serif
}
.search-result-container .pager__item.is-active a {
background: #384550;
color: #fff
}
@media (max-width:1023px) {
.search-result-container .pager__item.is-active {
display: block
}
}
.search-result-container .pager__item--previous,
.search-result-container .pager__item--next {
padding: 0 12px 0 0
}
@media (max-width:1023px) {
.search-result-container .pager__item--previous,
.search-result-container .pager__item--next {
display: block;
padding: 0 6px
}
}
.search-result-container .pager__item--previous a,
.search-result-container .pager__item--next a {
width: 115px
}
@media (max-width:1023px) {
.search-result-container .pager__item--previous a,
.search-result-container .pager__item--next a {
width: 48px
}
}
.search-result-container .pager__item--previous span,
.search-result-container .pager__item--next span {
display: flex;
align-items: center;
justify-content: center
}
.search-result-container .pager__item--previous span:before,
.search-result-container .pager__item--previous span:after,
.search-result-container .pager__item--next span:before,
.search-result-container .pager__item--next span:after {
content: "";
display: block;
width: 13px;
height: 8px;
background: url("../images/arrow-right-holland-red.svg") no-repeat
}
@media (max-width:1023px) {
.search-result-container .pager__item--previous span,
.search-result-container .pager__item--next span {
font-size: 0;
line-height: 0
}
}
.search-result-container .pager__item--previous span:after {
display: none
}
.search-result-container .pager__item--previous span:before {
transform: rotate(180deg);
margin-right: 10px
}
@media (max-width:1023px) {
.search-result-container .pager__item--previous span:before {
margin: 0
}
}
.search-result-container .pager__item--next {
padding: 0 0 0 13px
}
@media (max-width:1023px) {
.search-result-container .pager__item--next {
padding: 0 6px
}
}
.search-result-container .pager__item--next span:before {
display: none
}
.search-result-container .pager__item--next span:after {
margin-left: 10px
}
@media (max-width:1023px) {
.search-result-container .pager__item--next span:after {
margin: 0
}
}
.block-services {
padding: 40px 0 70px;
background: url(../images/w.png) no-repeat center bottom;
background-size: auto 100%;
color: #000
}
@media (max-width:1023px) {
.block-services {
margin: 0;
padding: 28px 0 36px;
background-position: center bottom;
background-size: auto 500px
}
}
.block-services h2,
.block-services .h2 {
margin-bottom: 1.3em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-services h2,
.block-services .h2 {
margin-bottom: .83em;
text-align: center
}
}
.block-services h3,
.block-services .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-services h3,
.block-services .h3 {
margin-bottom: .89em
}
}
.block-services .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-services .content {
padding: 0 20px
}
}
.block-services .text {
display: flex;
margin-bottom: 37px;
justify-content: space-between;
flex-wrap: wrap
}
@media (max-width:1023px) {
.block-services .text {
display: block
}
}
.block-services .text .title-wrap {
width: 375px;
margin-right: 130px
}
@media (max-width:1023px) {
.block-services .text .title-wrap {
width: auto;
margin: 0
}
}
.block-services .text .description-wrap {
flex: 1 0 0
}
.block-services .services {
display: flex;
flex-wrap: wrap;
justify-content: center;
color: #000
}
@media (max-width:1023px) {
.block-services .services {
display: block
}
}
.block-services .services .item {
width: 170px;
margin: 0 13px;
text-align: center;
font: 400 11px "walirides", Arial, sans-serif;
letter-spacing: -.11px
}
.block-services .services .item:focus {
outline: none
}
@media (min-width:1024px) {
.block-services .services .item:first-child {
margin-left: 0
}
.block-services .services .item:last-child {
margin-right: 0
}
}
@media (max-width:1023px) {
.block-services .services .item {
margin: 0 15px;
font-size: 12px
}
}
.block-services .services .item .icon {
height: 178px;
margin-bottom: 24px;
position: relative;
z-index: 1
}
.block-services .services .item .icon:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
transform-origin: 0 0;
transform: perspective(500px) skewY(2.5deg) rotateX(-10deg) skewX(2deg)
}
.block-services .services .item .icon .svg-icon,
.block-services .services .item .icon img {
display: block;
width: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.block-services .services .item .icon .svg-icon {
width: 90px;
height: 90px;
fill: #f81700
}
.block-services .services .item:nth-child(2) .icon:before,
.block-services .services .item:nth-child(5) .icon:before {
transform-origin: 100% 0;
transform: perspective(500px) skewY(-2.5deg) rotateX(-10deg) skewX(-2deg)
}
.block-services .services.slick-slider {
display: block;
padding-bottom: 60px
}
@media (max-width:1023px) {
.block-services .services.slick-slider {
margin: 0 -20px
}
}
.block-services .services .slick-dots {
bottom: 14px
}
.theme-aqualibi .block-services {
background-image: url(../images/w-blue.png)
}
.theme-aqualibi .block-services h2,
.theme-aqualibi .block-services .h2 {
color: #13b5ea
}
.theme-aqualibi .block-services .services .item .icon .svg-icon {
fill: #13b5ea
}
.block-slider {
padding: 40px 0
}
.block-slider .block-slider-inner {
position: relative
}
.block-slider .block-slider-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left;
position: absolute;
left: 0;
right: 0
}
.block-slider .slider .slick-list:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-image: linear-gradient(to right, rgba(56, 68, 80, .74), #384450 84%, #384450 0)
}
@media (max-width:1023px) {
.block-slider .slider .slick-list:before {
background-image: linear-gradient(to right, rgba(56, 68, 80, .74), #384450)
}
}
.block-slider .slider .item {
height: 800px;
position: relative;
z-index: 1;
color: #fff
}
@media (max-width:1023px) {
.block-slider .slider .item {
height: auto;
text-align: center;
font-size: 19px
}
}
.block-slider .slider .item .item-inner {
position: relative;
width: 100%;
height: 100%;
padding: 130px 19.68% 100px;
overflow: hidden;
z-index: 1
}
@media (max-width:1279px) {
.block-slider .slider .item .item-inner {
padding-right: 15%;
padding-left: 15%
}
}
@media (max-width:1023px) {
.block-slider .slider .item .item-inner {
padding: 40px 20px 150px
}
}
.block-slider .slider .item h2,
.block-slider .slider .item .h2 {
margin: 0 -100px 2.4em 0;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: inherit
}
@media (max-width:1023px) {
.block-slider .slider .item h2,
.block-slider .slider .item .h2 {
margin: 0 0 2.5em;
text-align: center
}
}
.block-slider .slider .item h3,
.block-slider .slider .item .h3 {
margin-bottom: 1.2em;
font: 400 19px "walirides", Arial, sans-serif;
letter-spacing: -.18px;
color: inherit
}
@media (max-width:1023px) {
.block-slider .slider .item h3,
.block-slider .slider .item .h3 {
margin-bottom: .89em
}
}
@media (max-width:1023px) {
.block-slider .slider .item .description {
display: none
}
}
.block-slider .slider .item .n {
display: block;
margin-bottom: .33em;
font: 700 80px/1 "walirides", Arial, sans-serif;
letter-spacing: -.8px;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22)
}
@media (max-width:1023px) {
.block-slider .slider .item .n {
margin-bottom: .175em
}
}
.block-slider .slider .item .text {
margin-left: 50%
}
.block-slider .slider .item .text a {
color: #fff
}
@media (max-width:1023px) {
.block-slider .slider .item .text {
margin: 0;
font-size: 19px
}
}
@media (max-width:1023px) {
.block-slider .slider .slick-prev,
.block-slider .slider .slick-next {
transform: none;
top: auto;
bottom: 42px
}
}
.block-slider .slider.slick-vertical .slick-prev,
.block-slider .slider.slick-vertical .slick-next {
right: 65px
}
@media (max-width:1023px) {
.block-slider .slider .slick-dots {
bottom: 60px
}
}
.block-slider .slider .slick-dots li button:before {
background: #fff;
opacity: .39
}
.block-slider .slider .slick-dots li.slick-active button:before {
opacity: 1
}
.block-social-subscribe {
text-align: center
}
@media (max-width:1023px) {
.block-social-subscribe {
margin-bottom: 0 !important
}
}
@media (min-width:1024px) {
.block-social-subscribe {
display: flex;
align-items: flex-end;
justify-content: space-between;
text-align: left
}
.block-social-subscribe .block {
padding-right: 15px
}
.block-social-subscribe .block:last-child {
padding-left: 15px;
padding-right: 0
}
}
@media (min-width:1200px) {
.block-social-subscribe {
padding-left: 73px !important;
padding-right: 96px !important
}
}
.block-social-subscribe .block-social {
margin-bottom: 34px
}
@media (min-width:1024px) {
.block-social-subscribe .block-social {
display: flex;
flex-wrap: wrap;
margin-bottom: 8px;
align-items: center
}
}
.block-social-subscribe .block-social .block-title {
margin-bottom: 20px;
color: #f81700;
font-family: "walirides", Arial, sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 400;
letter-spacing: -.23px
}
@media (max-width:1023px) {
.block-social-subscribe .block-social .block-title {
font-size: 24px;
font-size: 1.5rem
}
}
@media (min-width:1024px) {
.block-social-subscribe .block-social .block-title {
flex: none;
margin: 0 70px 0 0
}
}
.block-social-subscribe .block-social .socila-links {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
list-style: none;
text-align: center
}
.block-social-subscribe .block-social .socila-links li {
margin: 0 20px 1em
}
@media (min-width:1024px) {
.block-social-subscribe .block-social .socila-links li {
margin: 0 22px
}
.block-social-subscribe .block-social .socila-links li:first-child {
margin-left: 0
}
.block-social-subscribe .block-social .socila-links li:last-child {
margin-right: 0
}
}
.block-social-subscribe .block-social .socila-links li a {
color: #b3b3b3
}
.dj-no-touch .block-social-subscribe .block-social .socila-links li a:hover,
.dj-no-touch .block-social-subscribe .block-social .socila-links li a:focus {
opacity: .65
}
.block-social-subscribe .block-social .socila-links .icon-social {
display: inline-block;
width: 28px;
height: 28px
}
.block-social-subscribe .block-social .socila-links .icon-social--twitter {
width: 26px
}
.block-social-subscribe .block-social .socila-links .icon-social--youtube {
width: 33px
}
.block-social-subscribe .block-social .socila-links .icon-social--instagram {
width: 29px
}
@media (min-width:1024px) {
.block-social-subscribe .block-subscribe {
width: 474px
}
}
.block-social-subscribe .block-subscribe .block-title {
color: #f81700;
font-family: walirides;
font-size: 13px;
font-size: .8125rem;
font-weight: 400;
letter-spacing: -.13px;
margin-bottom: 13px;
line-height: 22px;
line-height: 1.375rem
}
@media (max-width:1023px) {
.block-social-subscribe .block-subscribe .block-title {
line-height: 27px;
line-height: 1.6875rem
}
}
.block-social-subscribe .block-subscribe .block-title a {
color: inherit
}
.block-social-subscribe .block-subscribe .icon-email {
width: 31px;
height: 27px;
display: block;
margin: 0 auto 20px auto
}
.block-social-subscribe .block-subscribe .icon-email svg {
fill: #f81700
}
@media (min-width:1024px) {
.block-social-subscribe .block-subscribe .icon-email {
width: 25px;
height: 22px;
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top
}
}
.block-social-subscribe .block-subscribe form .form-item,
.block-social-subscribe .block-subscribe form .form-actions {
margin: 0
}
.block-social-subscribe .block-subscribe form .input-group {
flex-wrap: nowrap
}
.block-social-subscribe .block-subscribe form .input-group-append {
margin-left: 0
}
@media (max-width:1023px) {
.block-social-subscribe .block-subscribe form .form-actions {
width: 100%
}
.block-social-subscribe .block-subscribe form .form-item.error+.input-group-append {
margin-top: 2px
}
.block-social-subscribe .block-subscribe form .input-group {
flex-direction: column
}
.block-social-subscribe .block-subscribe form .input-group input[type=text],
.block-social-subscribe .block-subscribe form .input-group input[type=email] {
border-right: #f4f7fa 2px solid !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.block-social-subscribe .block-subscribe form .input-group input,
.block-social-subscribe .block-subscribe form .input-group .input-group-append {
width: 100%;
text-align: center
}
.block-social-subscribe .block-subscribe form .input-group button,
.block-social-subscribe .block-subscribe form .input-group input[type=submit] {
width: 100%;
font-size: 16px;
font-weight: 500;
line-height: 28px;
border-left: #f4f7fa 2px solid !important;
margin-top: -2px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.block-social-subscribe .block-subscribe form .input-group button:before,
.block-social-subscribe .block-subscribe form .input-group input[type=submit]:before {
display: none
}
}
@media (min-width:1024px) {
.block-social-subscribe .block-subscribe form .input-group {
flex-wrap: nowrap;
align-items: flex-start
}
.block-social-subscribe .block-subscribe form .input-group input[type=text],
.block-social-subscribe .block-subscribe form .input-group input[type=email] {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.block-social-subscribe .block-subscribe form .input-group-append {
position: relative
}
.block-social-subscribe .block-subscribe form .input-group-append:before {
content: '';
display: inline-block;
width: 2px;
height: 20px;
background: #f4f7fa;
margin-right: 21px;
position: absolute;
left: 0;
top: 50%;
z-index: 3;
transform: translateY(-50%)
}
}
.block-social-subscribe .block-subscribe form .form-item .form-control.error {
border-right: #d44d28 1px solid !important
}
.block-social-subscribe .block-subscribe form .form-item.error+.input-group-append {
margin-left: 0
}
.block-social-subscribe .block-subscribe form.submitted {
display: none
}
.block-social-subscribe .block-subscribe form input,
.block-social-subscribe .block-subscribe form button {
padding: 14px 21px
}
.block-social-subscribe .block-subscribe form input {
border-color: #f4f7fa;
border-width: 2px;
color: #b3b3b3;
font-family: Futura;
font-size: 14px;
font-size: .875rem;
font-weight: 500;
border-right: none !important;
height: 62px
}
.block-social-subscribe .block-subscribe form button,
.block-social-subscribe .block-subscribe form input[type=submit] {
display: block;
border-left: none !important;
color: #353633;
font-family: Futura;
font-size: 16px;
font-size: 1rem;
line-height: 28px;
position: relative;
font-weight: 400;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-right: #f4f7fa 2px solid !important;
border-radius: 0
}
@media (min-width:1024px) {
.block-social-subscribe .block-subscribe form button,
.block-social-subscribe .block-subscribe form input[type=submit] {
max-width: 200px
}
}
.dj-no-touch .block-social-subscribe .block-subscribe form button:hover,
.dj-no-touch .block-social-subscribe .block-subscribe form button:focus,
.dj-no-touch .block-social-subscribe .block-subscribe form input[type=submit]:hover,
.dj-no-touch .block-social-subscribe .block-subscribe form input[type=submit]:focus {
color: #b3b3b3
}
.block-social-subscribe .block-subscribe form .btn:hover,
.block-social-subscribe .block-subscribe form .button:hover,
.block-social-subscribe .block-subscribe form .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .block-social-subscribe .block-subscribe form .ticket-dropbtn:hover {
transform: none
}
@media (max-width:1023px) {
.block-social-subscribe .block-subscribe form .btn,
.block-social-subscribe .block-subscribe form .button,
.block-social-subscribe .block-subscribe form .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-social-subscribe .block-subscribe form .ticket-dropbtn {
margin: 0
}
}
.block-social-subscribe .webform-confirmation__message,
.block-social-subscribe .webform-confirmation__back {
margin: 0
}
.block-social-subscribe .webform-confirmation br {
display: none
}
.block-social-subscribe .webform-confirmation strong {
color: #f81700;
font-size: 22px;
font-weight: 500;
line-height: 48px
}
.main-footer-aqualibi .block-social-subscribe .block-social .block-title {
color: #13b5ea
}
.main-footer-aqualibi .block-social-subscribe .block-subscribe .block-title {
color: #13b5ea
}
.main-footer-aqualibi .block-social-subscribe .block-subscribe .icon-email svg {
fill: #13b5ea
}
.main-footer-aqualibi .block-social-subscribe .webform-confirmation strong {
color: #13b5ea
}
.theme-aqualibi .block-social-subscribe .webform-confirmation strong {
color: #13b5ea
}
.block-statistic {
padding: 40px 0;
background-repeat: no-repeat;
background-size: cover
}
.block-statistic h2,
.block-statistic .h2 {
margin-bottom: .875em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-statistic h2,
.block-statistic .h2 {
margin-bottom: .83em
}
}
.block-statistic h3,
.block-statistic .h3 {
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-statistic h3,
.block-statistic .h3 {
margin-bottom: .89em
}
}
.block-statistic .content {
padding: 0 55px
}
@media (max-width:1023px) {
.block-statistic .content {
padding: 0 20px
}
}
.block-statistic .text {
max-width: 400px;
margin-bottom: 30px
}
@media (max-width:1023px) {
.block-statistic .text {
max-width: none;
text-align: center
}
}
.block-statistic .statistic-slider {
display: flex;
flex-wrap: wrap
}
@media (max-width:1023px) {
.block-statistic .statistic-slider .slick-track {
display: flex;
padding: 4px 0
}
}
.block-statistic .statistic-slider .item {
width: 200px;
margin: 10px 38px 10px 0;
padding: 23px 10px;
position: relative;
z-index: 1;
text-align: center;
letter-spacing: -.1px;
font: 400 11px "walirides", Arial, sans-serif;
color: #384550
}
.block-statistic .statistic-slider .item:focus {
outline: none
}
.block-statistic .statistic-slider .item:before {
content: "";
display: block;
width: 96.5%;
height: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
right: -3px;
z-index: -1;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
border: 1px solid #e4e4e4;
transform-origin: 0 100%;
transform: perspective(500px) skewX(3deg) rotateY(4deg)
}
.block-statistic .statistic-slider .item:nth-child(2n):before {
left: -3px;
right: auto;
transform-origin: 100% 100%;
transform: perspective(500px) skewX(-3deg) rotateY(-4deg)
}
.block-statistic .statistic-slider .item:last-child {
margin-right: 0
}
@media (max-width:1023px) {
.block-statistic .statistic-slider .item {
height: auto;
margin: 0 12px 0 0
}
}
.block-statistic .statistic-slider .item p {
margin: 0
}
.block-statistic .statistic-slider .item .val {
display: block;
margin-bottom: .35em;
font-weight: 700;
font-size: 52px;
letter-spacing: -.65px;
color: #f81700;
text-shadow: 0 10px 13px rgba(0, 0, 0, .13)
}
.block-statistic .statistic-slider.slick-slider.slick-dotted {
display: block;
padding-bottom: 50px
}
@media (max-width:1023px) {
.block-statistic .statistic-slider.slick-slider.slick-dotted {
margin: 0 -20px
}
}
.block-statistic .statistic-slider .slick-dots {
bottom: 4px
}
.block-statistic_center .text {
margin-left: auto;
margin-right: auto;
text-align: center
}
.theme-aqualibi .block-statistic h2,
.theme-aqualibi .block-statistic .h2 {
color: #13b5ea
}
.theme-aqualibi .block-statistic .statistic-slider .item .val {
color: #13b5ea
}
.block-sticky-bar {
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
z-index: 9;
transition: transform .35s
}
@media (max-width:1023px) {
.block-sticky-bar {
bottom: 64px
}
}
.block-sticky-bar.hidden {
transform-origin: 0 0;
transform: translateY(100%)
}
.block-sticky-bar .content {
display: flex;
height: 80px;
flex-wrap: wrap
}
@media (max-width:1023px) {
.block-sticky-bar .content {
display: block;
height: auto
}
}
.block-sticky-bar .image {
width: 300px;
height: 100%
}
@media (max-width:1023px) {
.block-sticky-bar .image {
display: none
}
}
.block-sticky-bar .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-sticky-bar .text {
flex: 1;
display: flex;
padding: 15px 55px 15px 20px;
position: relative;
z-index: 1;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #fff
}
.block-sticky-bar .text:before {
content: "";
display: block;
width: 110%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #384550;
transform-origin: 0 0;
transform: skewX(-27deg)
}
@media (max-width:1023px) {
.block-sticky-bar .text {
display: block;
padding: 20px;
text-align: center
}
.block-sticky-bar .text:before {
content: none
}
}
.block-sticky-bar .text h2,
.block-sticky-bar .text .h2 {
margin: 0 auto 0 0;
color: inherit;
font-size: 24px;
font-weight: 700;
text-transform: uppercase
}
@media (max-width:1023px) {
.block-sticky-bar .text h2,
.block-sticky-bar .text .h2 {
display: none
}
}
.block-sticky-bar .text .btn,
.block-sticky-bar .text .button,
.block-sticky-bar .text .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-sticky-bar .text .ticket-dropbtn {
padding-right: 4.2rem;
padding-left: 4.2rem;
font-size: 16px
}
@media (max-width:1023px) {
.block-sticky-bar .text .btn,
.block-sticky-bar .text .button,
.block-sticky-bar .text .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-sticky-bar .text .ticket-dropbtn {
min-width: 236px;
margin: 0;
padding-right: 10px;
padding-left: 10px;
font-size: 14px
}
}
.widget-subscription-cta {
margin: 40px 55px
}
@media (max-width:1023px) {
.widget-subscription-cta {
margin-left: 20px;
margin-right: 20px
}
}
.widget-subscription-cta .block-title {
color: #353633;
font: 400 30px/48px "walirides", Arial, sans-serif;
letter-spacing: -.29px;
text-align: center
}
@media (min-width:960px) {
.widget-subscription-cta .block-title {
text-align: left;
margin-bottom: 35px
}
}
.block-subscription-cta {
color: #fff;
background: #f81700;
display: flex;
font-family: "Futura", Arial, sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
position: relative
}
@media (max-width:767px) {
.block-subscription-cta {
flex-direction: column
}
}
@media (max-width:480px) {
.block-subscription-cta {
font-size: 14px;
line-height: 24px
}
}
.theme-aqualibi .block-subscription-cta {
background: #13b5ea
}
.block-subscription-cta:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("../images/pattern_entryworld_red.png") repeat;
opacity: .55
}
.theme-aqualibi .block-subscription-cta:before {
background: url(../images/pattern-aqualibi-oceanblue.png) no-repeat center center
}
.block-subscription-cta__content {
width: 100%;
padding: 70px 72px;
display: flex;
align-content: center;
flex-direction: column;
justify-content: center;
width: 59.5%;
flex-grow: 1;
position: relative
}
@media (max-width:1023px) {
.block-subscription-cta__content {
padding: 55px;
width: 55%
}
}
@media (max-width:767px) {
.block-subscription-cta__content {
width: 100%;
text-align: center
}
}
@media (max-width:480px) {
.block-subscription-cta__content {
padding: 55px 20px
}
}
.block-subscription-cta__title {
font-family: "walirides", Arial, sans-serif;
font-size: 37px;
line-height: 42px;
font-weight: 700;
text-transform: uppercase
}
.block-subscription-cta__subtitle {
margin-top: 20px
}
.block-subscription-cta__mention {
font-size: 12px;
line-height: 16px;
margin-top: 12px
}
.block-subscription-cta__footer {
padding: 10px 10px 10px 22px;
position: relative;
border-left: 1px dashed #fff;
width: 40.5%
}
@media (max-width:1023px) {
.block-subscription-cta__footer {
width: 45%
}
}
@media (max-width:767px) {
.block-subscription-cta__footer {
width: 100%;
border-left: 0;
border-top: 1px dashed #fff;
padding: 12px 10px 18px
}
}
.block-subscription-cta__footer:before,
.block-subscription-cta__footer:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff
}
.block-subscription-cta__footer:before {
top: 0;
transform: translate(-50%, -50%)
}
.block-subscription-cta__footer:after {
bottom: 0;
transform: translate(-50%, 50%)
}
@media (max-width:767px) {
.block-subscription-cta__footer:after {
top: 0;
bottom: auto;
left: auto;
right: 0;
transform: translate(50%, -50%)
}
}
.block-subscription-cta__actions {
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 50px 56px
}
@media (max-width:1279px) {
.block-subscription-cta__actions {
padding: 40px 21px
}
}
@media (max-width:767px) {
.block-subscription-cta__actions {
padding: 27px 21px
}
}
.block-subscription-cta__actions .btn,
.block-subscription-cta__actions .button,
.block-subscription-cta__actions .block-contact-form form .button,
.block-contact-form form .block-subscription-cta__actions .button,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn {
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.2;
height: auto;
padding: 15px 20px 15px;
margin: 0;
min-width: 100%;
min-height: 50px
}
@media (max-width:1023px) {
.block-subscription-cta__actions .btn,
.block-subscription-cta__actions .button,
.block-subscription-cta__actions .block-contact-form form .button,
.block-contact-form form .block-subscription-cta__actions .button,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn {
padding: 15px 10px 15px
}
}
.theme-aqualibi .block-subscription-cta__actions .btn,
.theme-aqualibi .block-subscription-cta__actions .button,
.theme-aqualibi .block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .block-subscription-cta__actions .ticket-dropbtn {
font-size: 16px;
text-transform: none
}
.block-subscription-cta__actions .btn .icon,
.block-subscription-cta__actions .button .icon,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn .icon,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn .icon {
width: 20px;
height: 20px;
margin-right: 16px;
flex-shrink: 0
}
@media (max-width:1023px) {
.block-subscription-cta__actions .btn .icon,
.block-subscription-cta__actions .button .icon,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn .icon,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn .icon {
margin-right: 10px
}
}
.block-subscription-cta__actions .btn+.btn,
.block-subscription-cta__actions .button+.btn,
.block-subscription-cta__actions .block-contact-form form .button+.btn,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn+.btn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn+.btn,
.block-subscription-cta__actions .btn+.button,
.block-subscription-cta__actions .button+.button,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn+.button,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn+.button,
.block-subscription-cta__actions .block-contact-form form .btn+.button,
.block-subscription-cta__actions .block-contact-form form .button+.button,
.block-subscription-cta__actions .block-prices .ticket-dropdown .block-contact-form form .ticket-dropbtn+.button,
.block-prices .ticket-dropdown .block-subscription-cta__actions .block-contact-form form .ticket-dropbtn+.button,
.block-subscription-cta__actions .block-prices .ticket-dropdown .btn+.ticket-dropbtn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .btn+.ticket-dropbtn,
.block-subscription-cta__actions .block-prices .ticket-dropdown .button+.ticket-dropbtn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .button+.ticket-dropbtn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .block-contact-form form .button+.ticket-dropbtn,
.block-subscription-cta__actions .block-prices .ticket-dropdown .ticket-dropbtn+.ticket-dropbtn,
.block-prices .ticket-dropdown .block-subscription-cta__actions .ticket-dropbtn+.ticket-dropbtn {
margin-top: 24px
}
.block-subscription-cta p {
margin: 0
}
.section-order-info {
flex: 0 0 auto;
width: 326px;
background: #fff;
will-change: min-height;
height: auto !important
}
@media (max-width:1025px) {
.section-order-info {
position: fixed !important;
left: 0;
bottom: 0;
right: 0;
padding: 0;
width: 100%;
background: 0 0;
flex-direction: column;
justify-content: flex-end;
z-index: 99
}
.section-order-info:after {
content: "";
position: fixed;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .5;
background-color: #000;
display: none
}
}
.section-order-info .discount.positive {
color: #8a8c23
}
.section-order-info__holder {
transform: translate3d(0, 0, 0);
will-change: position, transform;
width: 100%;
padding: 42px 40px 42px 25px;
background: #fff
}
@media (max-width:1025px) {
.section-order-info__holder {
padding: 0;
width: 100% !important;
position: relative !important;
transform: none !important;
z-index: 2;
max-height: 100%;
overflow-y: auto
}
}
.section-order-info h3,
.section-order-info .h3 {
font: 700 16px/20px "walirides", Arial, sans-serif;
margin: 0 0 20px;
color: #384550
}
.section-order-info h4,
.section-order-info .h4 {
font: 700 14px/24px "walirides", Arial, sans-serif;
margin: 0;
color: #384550
}
.section-order-info .promocode-section {
border-top: 4px solid #b3b3b3;
padding: 23px 0
}
.section-order-info .promocode-section__label {
font-weight: 500;
line-height: 19px;
color: #4d4d4d;
font-size: 14px
}
.section-order-info .promocode-section__content {
display: none;
padding-top: 14px
}
.section-order-info .promocode-section__content form .input-group {
flex-wrap: nowrap
}
.section-order-info .promocode-section__content form .form-item span.error__message {
position: absolute
}
.section-order-info .promocode-section__content form .form-control {
position: relative;
border-color: #f4f7fa;
border-width: 1px;
color: #b3b3b3;
font-family: "Futura", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
border-right: none !important;
height: 62px;
padding: 14px 21px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.section-order-info .promocode-section__content form .input-group-append {
position: relative
}
.section-order-info .promocode-section__content form .input-group-append:before {
content: '';
display: inline-block;
width: 2px;
height: 20px;
background: #f4f7fa;
margin-right: 21px;
position: absolute;
left: 0;
top: 50%;
z-index: 3;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.section-order-info .promocode-section__content form .input-group-append .btn,
.section-order-info .promocode-section__content form .input-group-append .button,
.section-order-info .promocode-section__content form .input-group-append .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .section-order-info .promocode-section__content form .input-group-append .ticket-dropbtn {
display: block;
border-left: none !important;
color: #353633;
font-family: "Futura", Arial, sans-serif;
font-size: 16px;
line-height: 28px;
position: relative;
font-weight: 400;
min-width: 0;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
border-right: #f4f7fa 1px solid;
border-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 0;
width: 77px;
text-align: center;
border-width: 1px;
height: 100%;
margin-top: 0
}
.section-order-info .promocode-section__content form .input-group-append .btn:hover,
.section-order-info .promocode-section__content form .input-group-append .button:hover,
.section-order-info .promocode-section__content form .input-group-append .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .section-order-info .promocode-section__content form .input-group-append .ticket-dropbtn:hover,
.section-order-info .promocode-section__content form .input-group-append .btn:focus,
.section-order-info .promocode-section__content form .input-group-append .button:focus,
.section-order-info .promocode-section__content form .input-group-append .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .section-order-info .promocode-section__content form .input-group-append .ticket-dropbtn:focus {
transform: none
}
.section-order-info .promocode-section .promocode--applied .form-control {
color: #8a8c23;
border-color: #8a8c23
}
.section-order-info .promocode-section .promocode--applied .input-group-append .btn,
.section-order-info .promocode-section .promocode--applied .input-group-append .button,
.section-order-info .promocode-section .promocode--applied .input-group-append .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .section-order-info .promocode-section .promocode--applied .input-group-append .ticket-dropbtn {
border-color: #8a8c23
}
.section-order-info .promocode-section .promocode--denied .form-control {
color: #f81700;
border-color: #f81700
}
.section-order-info .promocode-section .promocode--denied .input-group-append .btn,
.section-order-info .promocode-section .promocode--denied .input-group-append .button,
.section-order-info .promocode-section .promocode--denied .input-group-append .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .section-order-info .promocode-section .promocode--denied .input-group-append .ticket-dropbtn {
border-color: #f81700
}
.section-order-info .promocode-section__collapse {
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #384550;
position: relative;
cursor: pointer
}
.section-order-info .promocode-section__collapse:after {
content: "";
position: absolute;
top: -5px;
right: 0;
width: 10px;
height: 10px;
border: solid #262626;
border-width: 2px 2px 0 0;
transform: rotate(135deg)
}
@media (max-width:1279px) {
.section-order-info .promocode-section__collapse {
margin-right: 20px
}
}
@media (max-width:767px) {
.section-order-info .promocode-section__collapse {
font-size: 14px;
display: inline-block;
margin: 0
}
}
.section-order-info .promocode-section--show .promocode-section__collapse:after {
transform: rotate(-45deg)
}
.section-order-info .promocode-section--show .promocode-section__content {
display: block
}
.section-order-info .tickets-ordered {
border-top: 4px solid #b3b3b3;
padding: 18px 0 0
}
.section-order-info .tickets-ordered p {
margin: 0;
font-weight: 500
}
.section-order-info .tickets-ordered.no-one-ordered {
padding-right: 22px;
padding-left: 22px;
text-align: center;
height: 218px;
display: flex;
align-items: center
}
.section-order-info .summary-info {
padding: 0 0 10px
}
@media (max-width:1025px) {
.section-order-info .summary-info {
background-color: #fff;
padding: 26px 30px 16px;
position: relative;
z-index: 2;
display: none;
max-height: calc(100% - 58px);
overflow: auto
}
}
.section-order-info .summary-block {
display: flex;
flex-wrap: wrap;
margin: 0 -40px 25px -25px
}
@media (max-width:1025px) {
.section-order-info .summary-block {
margin: 0;
width: 100%;
flex-wrap: nowrap
}
}
.section-order-info .order-info {
border-top: 1px solid #b3b3b3;
overflow: hidden;
padding: 12px 0
}
.section-order-info .order-info:nth-child(2) {
border: none
}
.section-order-info .order-info+.price-section {
padding-bottom: 12px
}
.section-order-info .order-info .ticket-name {
display: block;
font-weight: 500;
color: #000
}
.section-order-info .order-info .ticket-date {
display: block;
font-weight: 500;
line-height: 19px;
color: #6d6d6d;
margin: 0 0 4px
}
.section-order-info .order-info .price-summ {
float: left;
font: 700 14px/25px "walirides", Arial, sans-serif;
color: #000
}
.section-order-info .amount-of-tickets {
padding: 0;
float: right;
font-size: 14px;
line-height: 24px
}
.section-order-info .amount-of-tickets .holder {
padding: 0
}
.section-order-info .price-label {
font-weight: 500;
line-height: 19px;
color: #6d6d6d;
font-size: 14px
}
.section-order-info .summary-price-block {
overflow: hidden;
transition: background-color .5s;
padding: 23px 40px 23px 25px;
background-color: #384550;
color: #fff;
position: relative;
width: 100%
}
.section-order-info .summary-price-block:after {
content: "";
position: absolute;
top: 30px;
right: 34px;
width: 10px;
height: 10px;
border: solid #fff;
border-width: 2px 2px 0 0;
transform: rotate(-45deg);
display: none
}
@media (max-width:1025px) {
.section-order-info .summary-price-block:after {
display: block
}
}
@media (max-width:1025px) {
.section-order-info .summary-price-block {
margin: 0;
position: relative;
z-index: 2;
padding: 20px 30px
}
}
.section-order-info .summary-price-block .lbl {
float: left;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 1px
}
@media (max-width:1025px) {
.section-order-info .summary-price-block .lbl {
font-size: 14px
}
}
.section-order-info .summary-price-block .total-price {
float: right;
font: 700 16px/24px "walirides", Arial, sans-serif
}
@media (max-width:1025px) {
.section-order-info .summary-price-block .total-price {
font-size: 14px;
float: left;
margin-left: 8px
}
}
.section-order-info .btn-block {
text-align: center;
margin: 0 0 25px
}
@media (max-width:1025px) {
.section-order-info .btn-block {
display: none
}
}
.section-order-info .btn-block .btn,
.section-order-info .btn-block .button,
.section-order-info .btn-block .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .section-order-info .btn-block .ticket-dropbtn {
min-width: 134px;
font-size: 16px
}
.dj-no-touch .section-order-info .btn-block .btn:hover,
.dj-no-touch .section-order-info .btn-block .button:hover,
.dj-no-touch .section-order-info .btn-block .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .section-order-info .btn-block .ticket-dropbtn:hover,
.dj-no-touch .section-order-info .btn-block .btn:focus,
.dj-no-touch .section-order-info .btn-block .button:focus,
.dj-no-touch .section-order-info .btn-block .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .section-order-info .btn-block .ticket-dropbtn:focus {
transform: inherit
}
@media (max-width:1025px) {
.mobile-order-summary-is-show {
overflow: hidden
}
}
@media (max-width:1025px) {
.mobile-order-summary-is-show .section-order-info {
display: flex;
top: auto;
z-index: 99999;
height: 100% !important
}
.mobile-order-summary-is-show .section-order-info:after {
display: block
}
}
@media (max-width:1025px) {
.mobile-order-summary-is-show .section-order-info .summary-info {
display: block
}
}
.mobile-order-summary-is-show .section-order-info .summary-price-block:after {
top: 26px;
transform: rotate(135deg)
}
@media (max-width:1025px) {
.theme-walirides-holland .section-order-info__holder,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info__holder,
.theme-walirides-holland-halloween-fright-nights .section-order-info__holder {
display: flex;
flex-wrap: wrap
}
.theme-walirides-holland .summary-info,
.theme-walirides-holland-halloween-fright-nights-red .summary-info,
.theme-walirides-holland-halloween-fright-nights .summary-info {
width: 100%
}
.theme-walirides-holland .summary-block,
.theme-walirides-holland-halloween-fright-nights-red .summary-block,
.theme-walirides-holland-halloween-fright-nights .summary-block {
max-height: 58px
}
.theme-walirides-holland .section-order-info .btn-block,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info .btn-block,
.theme-walirides-holland-halloween-fright-nights .section-order-info .btn-block {
display: block;
margin: 0;
width: 30%;
max-height: 58px
}
.theme-walirides-holland .section-order-info .btn-block a,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info .btn-block a,
.theme-walirides-holland-halloween-fright-nights .section-order-info .btn-block a {
border-radius: 0;
margin: 0;
padding: 14px;
min-width: auto;
width: 100%;
font-size: 14px;
font-weight: 400;
max-height: 58px;
text-align: center
}
.theme-walirides-holland .section-order-info .btn-block a:after,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info .btn-block a:after,
.theme-walirides-holland-halloween-fright-nights .section-order-info .btn-block a:after {
content: '';
background: url("../images/white-arrow-right.svg") no-repeat center center;
width: 13px;
height: 8px;
display: inline-block;
margin: 0 0 0 3px
}
.theme-walirides-holland .section-order-info .summary-price-block,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info .summary-price-block,
.theme-walirides-holland-halloween-fright-nights .section-order-info .summary-price-block {
width: 100%;
max-height: 58px
}
}
@media screen and (max-width:440px) {
.theme-walirides-holland .section-order-info .btn-block,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info .btn-block,
.theme-walirides-holland-halloween-fright-nights .section-order-info .btn-block {
width: 40%;
min-width: 100px
}
.theme-walirides-holland .section-order-info .btn-block a,
.theme-walirides-holland-halloween-fright-nights-red .section-order-info .btn-block a,
.theme-walirides-holland-halloween-fright-nights .section-order-info .btn-block a {
padding: 14px 0
}
}
.block-surrounds-widget .slick-prev,
.block-surrounds-widget .slick-next {
bottom: 8px
}
.block-surrounds-widget__slider {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch
}
@media (max-width:1023px) {
.block-surrounds-widget__slider {
margin: 0 -20px
}
}
.block-surrounds-widget__slider.slick-slider {
padding-bottom: 63px
}
.block-surrounds-widget .slick-dots {
bottom: 25px
}
.block-surrounds-widget .slick-dots li.slick-active button:before {
opacity: 1;
background: #f81700
}
.block-surrounds-widget .btn-round,
.block-surrounds-widget .button,
.block-surrounds-widget .block-contact-form form .button,
.block-contact-form form .block-surrounds-widget .button,
.block-surrounds-widget .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-surrounds-widget .ticket-dropbtn {
font-size: 18px
}
.block-surrounds-widget .slick-track {
display: flex;
padding: 17px 0
}
.block-surrounds-widget .card {
width: 300px;
height: auto;
padding: 0 15px;
display: block;
position: relative;
text-decoration: none;
margin-bottom: 68px
}
.block-surrounds-widget .card.no-link {
pointer-events: none
}
@media (max-width:1023px) {
.block-surrounds-widget .card {
margin: 0 auto
}
}
@media (max-width:1023px) {
.block-surrounds-widget .card {
margin: 0 auto
}
}
.block-surrounds-widget .card:hover {
transform: scale(1.04) translate3d(0, 0, 0)
}
.block-surrounds-widget .card .card-container {
position: absolute;
left: 15px;
right: 15px;
z-index: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
background: #fff
}
.block-surrounds-widget .card .card-container:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
bottom: -2px;
width: 100%;
height: 65%;
background: inherit;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
transform: skewY(2deg);
transform-origin: 0 0
}
.block-surrounds-widget .card .card-container .inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-color: inherit;
border: solid #e5e5e5;
border-width: 0 1px
}
.block-surrounds-widget .card .card-container .image {
width: 100%;
height: 169px;
position: relative
}
.block-surrounds-widget .card .card-container .image .img-container {
display: block;
width: calc(100% + 2px);
height: 100%;
overflow: hidden;
transform-origin: 0 100%;
transform: skewY(-2deg);
position: absolute;
left: -1px;
right: -1px;
top: 0;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.block-surrounds-widget .card .card-container .image .img-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-surrounds-widget .card .card-content {
width: 100%;
height: 100%;
padding: 174px 0 17px;
position: relative;
z-index: 2
}
.block-surrounds-widget .card .card-content .content {
text-align: center;
position: relative;
width: 100%;
height: 100%;
padding-bottom: 10px;
transform: translateZ(0)
}
.block-surrounds-widget .card .card-content .content .card-categories {
margin: 0;
padding: 0;
color: #b3b3b3;
font: 12px "walirides", Arial, sans-serif;
letter-spacing: -.12px;
list-style: none
}
.block-surrounds-widget .card .card-content .content .card-categories .icon {
margin: 0 auto 5px;
height: 22px
}
.block-surrounds-widget .card .card-content .content .card-categories .icon svg {
fill: #f81700
}
.block-surrounds-widget .card .card-content .content .card-categories.multi {
display: inline-block;
margin-top: 8px;
text-align: center
}
.block-surrounds-widget .card .card-content .content .card-categories.multi .icon {
float: left;
width: 19px;
height: 19px;
margin: -4px 5px 0 0
}
.block-surrounds-widget .card .card-content .content .card-categories.multi li {
margin-bottom: 9px
}
.block-surrounds-widget .card .card-content .content .card-categories.multi li:after {
content: '';
display: block;
clear: both
}
.block-surrounds-widget .card .card-content .content .card-title {
font: 700 24px/26px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.11px;
padding: 0 30px;
width: 100%;
color: #f81700;
margin: 10px auto
}
.block-surrounds-widget .card-text {
padding: 0 30px;
color: #000;
font-family: "Futura", Arial, sans-serif;
font-size: 16px;
line-height: 25px;
text-align: left
}
.block-text {
padding: 45px 0;
color: #000;
z-index: 1;
}
@media (max-width:1023px) {
.block-text {
padding: 10px 0
}
}
.block-text h2,
.block-text .h2 {
margin-bottom: 1.5em;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
letter-spacing: -.11px;
text-transform: uppercase;
color: #f81700
}
@media (max-width:1023px) {
.block-text h2,
.block-text .h2 {
margin-bottom: .83em
}
}
.block-text h3,
.block-text .h3 {
margin-bottom: 1.72em;
font: 400 19px "walirides", Arial, sans-serif;
color: #384550
}
@media (max-width:1023px) {
.block-text h3,
.block-text .h3 {
margin-bottom: .89em
}
}
.block-text p {
margin: 0
}
.block-text .content {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0 12.1%
}
@media (max-width:1023px) {
.block-text .content {
display: block;
padding: 0 20px
}
}
.block-text .text {
width: 50%;
padding: 0 8.76%
}
.block-text .text:nth-child(odd) {
padding-left: 0;
border-right: 1px solid #ccc
}
.block-text .text:nth-child(even) {
padding-right: 0
}
.block-text .text:nth-child(even) h2,
.block-text .text:nth-child(even) .h2 {
color: #13b5ea
}
@media (max-width:1023px) {
.block-text .text {
width: auto;
padding: 32px 0 22px;
border-bottom: 1px solid #ccc
}
.block-text .text:nth-child(odd) {
border-right: none
}
}
.village-detail-slider {
width: auto;
margin: 27px auto 55px;
min-height: 430px
}
@media (max-width:1023px) {
.village-detail-slider {
padding-bottom: 60px;
margin: 2px 0 25px !important;
min-height: 203px
}
}
.village-detail-slider .item .photo {
position: relative;
perspective: 500px
}
@media (max-width:1023px) {
.village-detail-slider .item .photo {
padding-top: 5px
}
}
.village-detail-slider .item .photo .image {
display: block;
width: 100%;
min-height: 430px;
object-fit: cover;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
transform-origin: 0 0;
transform: rotateY(2.75deg) skewY(-1.1deg) scaleX(1.03)
}
@media (max-width:1023px) {
.village-detail-slider .item .photo .image {
height: 100%;
min-height: 203px;
transform: rotateY(2.75deg) skewY(-1.1deg) scaleX(1.01)
}
}
.village-detail-slider .item .photo.object-fit-processed {
box-shadow: 0 3px 9px rgba(0, 0, 0, .06)
}
.village-detail-slider .item.slick-slide {
margin: 0 32px
}
@media (max-width:1023px) {
.village-detail-slider .item.slick-slide {
margin: 0 20px;
overflow: hidden
}
}
.village-detail-slider .item.slick-slide:not(.slick-center) .photo .image {
transform-origin: 100% 50%;
transform: rotateY(-2.75deg) skewY(-1.1deg) scaleX(1.03) scaleY(.95)
}
@media (max-width:1023px) {
.village-detail-slider .item.slick-slide:not(.slick-center) .photo .image {
transform: rotateY(-2.75deg) skewY(-1.1deg) scaleX(1.03) scaleY(.85)
}
}
.village-detail-slider .slick-prev,
.village-detail-slider .slick-next {
top: 204px;
background-size: 15px 20px;
transform: none
}
@media (max-width:1023px) {
.village-detail-slider .slick-prev,
.village-detail-slider .slick-next {
top: auto;
bottom: 10px
}
}
.village-detail-slider .slick-arrow {
transition: transform .3s ease-in-out
}
.village-detail-slider .slick-arrow:hover {
background-size: 15px 20px
}
.dj-no-touch .village-detail-slider .slick-arrow:hover,
.dj-no-touch .village-detail-slider .slick-arrow:focus {
background-color: #fff;
border-color: #fff;
transform: scale(1.1) translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
@media (max-width:767px) {
.village-detail-slider .slick-arrow {
bottom: 11px
}
}
.village-detail-slider .slick-prev {
left: 24%;
margin-left: 10px
}
@media (max-width:1023px) {
.village-detail-slider .slick-prev {
left: 44px !important;
margin: 0;
transform: none
}
}
.village-detail-slider .slick-next {
right: 24%;
margin-right: 10px
}
@media (max-width:1023px) {
.village-detail-slider .slick-next {
right: 44px !important;
margin: 0;
transform: none
}
}
.village-detail-slider .slick-dots {
bottom: -55px
}
@media (max-width:1023px) {
.village-detail-slider .slick-dots {
bottom: 28px;
padding: 0 100px
}
}
.village-section {
padding: 38px 0 76px;
text-align: center
}
@media (max-width:1023px) {
.village-section {
padding: 28px 0 66px
}
}
.village-section .title-block {
margin: 0 auto;
max-width: 500px;
color: #384550
}
@media (max-width:767px) {
.village-section .title-block {
max-width: 270px
}
}
.village-section .title-block h2,
.village-section .title-block .h2 {
margin: 0 0 20px
}
@media (max-width:1023px) {
.village-section .title-block h2,
.village-section .title-block .h2 {
font-size: 20px;
line-height: 26px
}
}
.village-section .title-block h3,
.village-section .title-block .h3 {
font: 400 19px/25px "walirides", Arial, sans-serif;
margin: 0
}
.village-section .title-block h3 p,
.village-section .title-block .h3 p {
margin: 0
}
@media (max-width:1023px) {
.village-section .title-block h3,
.village-section .title-block .h3 {
font-size: 14px;
line-height: 22px
}
}
.village-blocks-slider {
overflow: hidden;
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
padding: 62px 0
}
@media (max-width:1023px) {
.village-blocks-slider {
padding: 34px 0
}
}
@media (max-width:767px) {
.village-blocks-slider {
margin: 0 10px
}
}
@media (max-width:1023px) {
.village-blocks-slider.slick-initialized {
padding-bottom: 98px
}
}
@media (max-width:767px) {
.village-blocks-slider.slick-initialized {
margin: 0
}
}
.village-blocks-slider .slick-track {
display: flex;
flex-wrap: nowrap;
align-items: stretch
}
.village-blocks-slider .slick-list {
margin: 0 10px
}
.village-blocks-slider .slick-dots {
bottom: 50px
}
.village-blocks-slider .slick-prev,
.village-blocks-slider .slick-next {
bottom: 34px;
top: auto;
transform: translate(0, 0)
}
.village-blocks-slider .slick-next {
right: 0
}
.village-blocks-slider .slick-prev {
left: 0
}
.village-blocks-slider .village-block {
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
width: 100%;
max-width: 270px;
margin: 0 15px;
float: none;
transition: transform .3s ease-in-out;
height: auto
}
@media (max-width:1023px) {
.village-blocks-slider .village-block {
max-width: none
}
}
.dj-no-touch .village-blocks-slider .village-block:hover,
.dj-no-touch .village-blocks-slider .village-block:focus {
transform: scale(1.04) translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.village-blocks-slider .village-block.village-block-blog .desc {
margin-bottom: 1em
}
.village-blocks-slider .village-block a {
height: 100%;
text-decoration: none;
color: #384550;
position: relative;
display: block;
overflow: hidden
}
.village-blocks-slider .village-block .img {
overflow: hidden
}
.village-blocks-slider .village-block .img img {
display: block;
width: 100%;
max-width: 100%
}
.village-blocks-slider .village-block .desc {
text-align: left;
padding: 16px 30px 23px;
margin-bottom: 165px
}
.village-blocks-slider .village-block .desc h4,
.village-blocks-slider .village-block .desc .h4 {
font: 700 20px/30px "Futura", Arial, sans-serif;
color: #f81700;
margin: 0 0 8px
}
.village-blocks-slider .village-block .desc>div {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000;
margin: 0
}
.village-blocks-slider .village-block .price-section {
border-top: 1px solid #e5e5e5;
padding: 24px;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.village-blocks-slider .village-block .price-section .price-lbl {
display: block;
font: 400 12px/15px "walirides", Arial, sans-serif;
margin: 0 0 6px
}
.village-blocks-slider .village-block .price-section .price-info {
color: #828282;
display: block;
font: 400 12px/18px "walirides", Arial, sans-serif;
margin: 0 auto;
max-width: 160px;
min-height: 36px
}
.village-blocks-slider .village-block .price-section .price-block {
font-weight: 700
}
.village-blocks-slider .village-block .price-section .price-block .price-value {
font-size: 50px;
line-height: 60px;
display: inline-block
}
.village-blocks-slider .village-block .price-section .price-block .price-value-prefix {
display: inline-block;
text-align-last: left;
position: relative;
top: -4px
}
.village-blocks-slider .village-block .price-section .price-block .price-value-prefix .curency {
display: block;
font-size: 18px;
line-height: 18px
}
.village-blocks-slider .village-block .price-section .price-block .price-value-prefix .cents {
display: block;
clear: both;
font-size: 20px;
line-height: 20px
}
.wh-body-slider {
background-color: #384550;
padding: 38px 126px 0;
margin-bottom: 38px
}
@media (max-width:1023px) {
.wh-body-slider {
padding: 38px 38px 0
}
}
@media (max-width:767px) {
.wh-body-slider {
padding: 36px 0 0
}
}
.wh-body-slider h2,
.wh-body-slider .h2 {
font-size: 30px;
line-height: 48px;
color: #fff;
max-width: 450px;
margin: 0 auto 40px;
text-align: center;
font-weight: 400
}
@media (max-width:1023px) {
.wh-body-slider h2,
.wh-body-slider .h2 {
font-size: 20px;
line-height: 38px
}
}
@media (max-width:767px) {
.wh-body-slider h2,
.wh-body-slider .h2 {
line-height: 26px;
max-width: 260px;
margin-bottom: 40px
}
}
.wh-body-slider .body-slider {
background-color: #384550;
padding: 0 0 116px
}
@media (max-width:767px) {
.wh-body-slider .body-slider {
padding: 0 0 120px
}
}
.wh-body-slider .body-slider .slick-list {
padding: 0
}
.wh-body-slider .body-slider .slick-dots {
bottom: 64px
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slick-dots {
bottom: 58px
}
}
.wh-body-slider .body-slider .slick-dots li button:before {
background-color: #aaa
}
.wh-body-slider .body-slider .slick-dots li.slick-active button:before {
background-color: #f81700
}
.wh-body-slider .body-slider .slick-arrow {
bottom: 46px;
top: auto;
transition: transform .3s ease-in-out;
background-size: 18px 18px
}
.dj-no-touch .wh-body-slider .body-slider .slick-arrow:hover,
.dj-no-touch .wh-body-slider .body-slider .slick-arrow:focus {
background-color: #fff;
border-color: #fff;
transform: scale(1.1) translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slick-arrow {
bottom: 40px
}
}
.wh-body-slider .body-slider .slide-content {
margin: 0 30px;
position: relative
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content {
margin: 0
}
}
.wh-body-slider .body-slider .slide-content .slide-message {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 46px 68px;
display: flex;
flex-wrap: wrap;
align-content: flex-end;
z-index: 10
}
@media (max-width:1023px) {
.wh-body-slider .body-slider .slide-content .slide-message {
padding: 20px
}
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .slide-message {
padding: 0;
align-content: initial;
align-items: flex-end
}
}
.wh-body-slider .body-slider .slide-content .slide-cta {
width: 100%;
margin-top: 34px;
display: flex;
justify-content: space-between;
align-items: flex-end
}
@media (max-width:1023px) {
.wh-body-slider .body-slider .slide-content .slide-cta {
margin-top: 20px
}
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .slide-cta {
flex-wrap: wrap;
align-self: flex-end;
justify-content: center;
margin: 0;
padding: 48px 0
}
}
.wh-body-slider .body-slider .slide-content .slide-cta .slide-cta-message {
width: 50%;
font: 700 20px/30px "Futura", Arial, sans-serif;
color: #fff;
text-shadow: 0 2px 11px rgba(0, 0, 0, .5)
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .slide-cta .slide-cta-message {
width: 70%;
text-align: center
}
}
.wh-body-slider .body-slider .slide-content .slide-cta .slide-cta-message p {
margin: 0
}
.wh-body-slider .body-slider .slide-content .slide-cta .btn-holder {
flex: 1;
text-align: right
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .slide-cta .btn-holder {
flex: 0
}
}
.wh-body-slider .body-slider .slide-content .slide-cta .btn,
.wh-body-slider .body-slider .slide-content .slide-cta .button,
.wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .wh-body-slider .body-slider .slide-content .slide-cta .ticket-dropbtn {
min-width: 196px;
margin: 0 0 22px
}
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn:hover,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .button:hover,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .ticket-dropbtn:hover,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn:focus,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .button:focus,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .ticket-dropbtn:focus {
transform: translateY(0)
}
.wh-body-slider .body-slider .slide-content .slide-cta .btn.btn-enlargement,
.wh-body-slider .body-slider .slide-content .slide-cta .btn-enlargement.button,
.wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .btn-enlargement.ticket-dropbtn,
.block-prices .ticket-dropdown .wh-body-slider .body-slider .slide-content .slide-cta .btn-enlargement.ticket-dropbtn {
transition: transform .3s ease-in-out
}
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn.btn-enlargement:hover,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn-enlargement.button:hover,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .btn-enlargement.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn-enlargement.ticket-dropbtn:hover,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn.btn-enlargement:focus,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn-enlargement.button:focus,
.dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .btn-enlargement.ticket-dropbtn:focus,
.block-prices .ticket-dropdown .dj-no-touch .wh-body-slider .body-slider .slide-content .slide-cta .btn-enlargement.ticket-dropbtn:focus {
transform: scale(1.04) translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
@media (max-width:1023px) {
.wh-body-slider .body-slider .slide-content .slide-cta .btn,
.wh-body-slider .body-slider .slide-content .slide-cta .button,
.wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .wh-body-slider .body-slider .slide-content .slide-cta .ticket-dropbtn {
margin: 0
}
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .slide-cta .btn,
.wh-body-slider .body-slider .slide-content .slide-cta .button,
.wh-body-slider .body-slider .slide-content .slide-cta .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .wh-body-slider .body-slider .slide-content .slide-cta .ticket-dropbtn {
margin-top: 80px
}
}
.wh-body-slider .body-slider .slide-content .title-wrap {
background-color: #f81700;
color: #fff;
margin: 0;
padding: 19px 30px 35px;
text-align: left;
min-height: auto;
left: -98px;
width: 350px;
position: relative
}
@media (max-width:1023px) {
.wh-body-slider .body-slider .slide-content .title-wrap {
left: -50px;
padding: 20px
}
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .title-wrap {
left: 0;
width: 100%;
text-align: center;
align-self: flex-start;
padding: 10px 20px 44px
}
}
.wh-body-slider .body-slider .slide-content .title-wrap .sub-title {
font: 700 14px/36px "Futura", Arial, sans-serif;
display: block
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .title-wrap .sub-title {
margin: 0 0 7px
}
}
.wh-body-slider .body-slider .slide-content .title-wrap .block-title {
max-width: none;
font: 700 24px/30px "walirides", Arial, sans-serif;
text-transform: uppercase
}
.wh-body-slider .body-slider .slide-content .title-wrap .title-bg {
display: none
}
.wh-body-slider .body-slider .slide-content .picture {
position: relative;
z-index: 5;
height: 414px;
overflow: hidden
}
@media (max-width:767px) {
.wh-body-slider .body-slider .slide-content .picture {
height: 540px
}
}
.wh-body-slider .body-slider .slide-content .picture img {
width: 100%;
height: 100%;
display: block;
object-fit: cover
}
.wh-body-slider .body-slider .slide-content .picture .picture-bottom-overlay,
.wh-body-slider .body-slider .slide-content .picture .picture-top-overlay {
display: none
}
.wh-body-slider .body-slider .slide-content .picture .img-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
opacity: .2
}
.block-widget-dropdown {
padding: 30px 65px;
position: relative;
width: 92%;
margin: 0 auto 30px auto
}
@media (max-width:767px) {
.block-widget-dropdown {
padding: 30px 25px
}
}
.block-widget-dropdown-header {
position: relative;
padding-right: 10%
}
.block-widget-dropdown-title {
font: 600 14px/1.2 "Futura", Arial, sans-serif;
color: #1d1d1d;
margin-bottom: 10px
}
.block-widget-dropdown-content {
color: #505050;
font: 400 12px/1.2 "Futura", Arial, sans-serif;
padding-right: 10%
}
.block-widget-dropdown-content--closed {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-height: 14px !important
}
.block-widget-dropdown-arrow {
width: 30px;
height: 30px;
border-radius: 50%;
box-shadow: 0 3px 9px rgba(0, 0, 0, .26);
border: 1px solid #e5e5e5;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto 0;
cursor: pointer;
display: none;
content: ""
}
.block-widget-dropdown-arrow:before {
content: "";
width: 7px;
height: 7px;
transform: rotate(-135deg);
border-left: 2px solid #505050;
border-top: 2px solid #505050;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
display: inline-block
}
.block-widget-dropdown-arrow--opened:before {
transform: rotate(45deg);
transition: .4s
}
.block-widget-dropdown--bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
border: 1px solid #e5e5e5;
background-color: #fff;
transition: all .2s linear;
transform: skew(-10deg)
}
.card-map-popup {
display: block;
position: relative
}
.card-map-popup .card-container {
height: 100%
}
.card-map-popup .card-container .inner {
height: 100%;
overflow: hidden;
position: relative;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06);
background-color: #fff;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: center
}
.card-map-popup .card-container .inner:after {
content: '';
width: 120%;
background-color: rgba(0, 0, 0, .5);
min-height: 35px;
position: absolute;
top: -12px;
left: 0;
transform: rotate(5deg)
}
@media (max-width:959px) {
.card-map-popup .card-container .inner:after {
display: none
}
}
.card-map-popup .card-container .isnew-ribbon {
padding: 5px 32px;
position: absolute;
left: 0;
top: 13px;
background: #f81700;
font: 700 12px "walirides", Arial, sans-serif;
text-align: center;
text-transform: uppercase;
color: #fff
}
.card-map-popup .card-container .image {
width: 100%;
height: 167px;
overflow: hidden;
position: relative
}
.card-map-popup .card-container .image .img-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
transform-origin: 0 100%;
transform: skewY(-5.5deg)
}
.card-map-popup .card-container .image .img-container img {
display: block;
width: 100%;
height: 167px;
object-fit: cover
}
.card-map-popup .card-content {
width: 100%;
height: 100%;
padding: 190px 0 17px;
position: absolute;
top: 0;
left: 0
}
.card-map-popup .card-content .content {
text-align: center;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: flex-start;
align-items: center;
flex: 1;
height: 100%
}
.card-map-popup .card-content .content .card-categories {
margin: 0;
padding: 0;
color: #b3b3b3;
font: 12px "walirides", Arial, sans-serif;
letter-spacing: -.12px;
list-style: none
}
.card-map-popup .card-content .content .card-categories .icon {
margin: 0 auto 5px;
height: 22px
}
.card-map-popup .card-content .content .card-categories .icon svg {
fill: #f81700;
width: 100%;
height: 100%;
display: block
}
.card-map-popup .card-content .content .card-categories.multi {
display: inline-block;
margin-top: 8px;
text-align: center
}
.card-map-popup .card-content .content .card-categories.multi .icon {
float: left;
width: 19px;
height: 19px;
margin: -4px 5px 0 0
}
.card-map-popup .card-content .content .card-categories.multi li {
margin-bottom: 9px
}
.card-map-popup .card-content .content .card-categories.multi li:after {
content: '';
display: block;
clear: both
}
.card-map-popup .card-content .content .card-title {
font: 700 24px/26px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.11px;
padding: 0 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
left: 0;
margin-bottom: 0
}
.card-map-popup .card-content .content .card-notice {
color: #b3b3b3;
font: 8px/12px "walirides", Arial, sans-serif;
display: block;
font-weight: 400;
letter-spacing: -.08px
}
.card-map-popup .card-content .content .inverse-text {
color: #fff;
font: 700 12px/1.4 "walirides", Arial, sans-serif
}
.card-map-popup .card-content .content .wrapper-size {
display: flex;
justify-content: center;
width: 100%;
padding: 0 20px;
min-height: 40px
}
.card-map-popup .card-content .content .wrapper-size>div {
width: 50%
}
.card-map-popup .card-content .content .card-human-size {
color: #fab700;
font: 700 24px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.11px;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: flex-start;
align-items: center
}
.card-map-popup .card-content .content .card-human-size svg {
width: 19px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 10px
}
.card-map-popup .card-content .content .card-human-size svg.double-size {
width: 33px;
height: 34px
}
.card-map-popup .card-content .content .card-human-size span {
font-size: 10px;
text-transform: uppercase;
letter-spacing: -.04px;
margin-top: 12px
}
.card-map-popup .card-content .content .card-human-size.size-none {
font-size: 10px
}
.card-map-popup .card-content .content.has-footer {
padding-bottom: 10px
}
.card-map-popup .card-content .content.has-footer.has-invese-text {
padding-bottom: 20px
}
.card-map-popup .card-content .content.has-footer .card-title {
margin-top: -10px
}
.card-map-popup .card-content .content.inverse .card-notice,
.card-map-popup .card-content .content.inverse .card-human-size {
color: #fff
}
.card-map-popup .card-content .content.inverse .card-notice svg,
.card-map-popup .card-content .content.inverse .card-human-size svg {
fill: currentColor
}
.card-map-popup .card-content .content.inverse .card-categories {
color: #fff
}
.card-map-popup .card-content .content.inverse .card-categories .icon svg {
fill: #fff
}
.card-map-popup .card-content .content.inverse .card-title {
color: #fff
}
.card-map-popup .card-content .content.has-invese-text .card-notice,
.card-map-popup .card-content .content.has-invese-text .card-human-size {
display: none
}
.card-map-popup .card-content .content.has-invese-text .card-categories .icon {
display: none
}
.card-map-popup .card-content .overlay {
position: absolute;
z-index: 1
}
.card-map-popup .card-content .overlay .overlay-bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: 0 100%;
border: 1px solid #25303a;
background-color: rgba(56, 69, 80, .9)
}
.card-map-popup .card-content .overlay .overlay-content {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
width: 100%;
padding: 20px;
transform: translate(-50%, -50%)
}
.card-map-popup .card-content .overlay .svg-icon {
display: inline-block;
width: 43px;
height: 43px;
margin-bottom: 40px
}
.card-map-popup .card-content .overlay .overlay-name {
margin-bottom: 30px
}
.card-map-popup .card-content .overlay .overlay-name,
.card-map-popup .card-content .overlay .reopened-date {
font: 700 24px/29px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.11px
}
.card-map-popup .card-content .overlay p {
color: #fff;
font: 16px/24px "walirides", Arial, sans-serif;
letter-spacing: -.16px;
margin-bottom: 30px
}
.card-map-popup.isMaintenance .svg-icon,
.card-map-popup.isClosed .svg-icon {
fill: #fab700
}
.card-map-popup.color-white .card-container .content .card-title,
.card-map-popup.color-white .card-container .content .card-subtitle,
.card-map-popup.color-white .card-container .content .card-notice,
.card-map-popup.color-white .card-container .content .card-human-size {
color: #fff
}
.dj-browser-safari .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .card-content {
padding-top: 200px
}
.dj-browser-safari .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd).card-external-link .card-content {
padding-top: 40px
}
.dj-browser-safari .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-content {
padding-top: 210px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd) .card-content {
padding-top: 210px;
padding-bottom: 20px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(odd).card-external-link .card-content {
padding-top: 40px;
padding-bottom: 40px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even) .card-content {
padding-top: 200px;
padding-bottom: 20px
}
.browser-ie .block-entertainments-list .entertainments-list-container .card-map-popup:nth-child(even).card-external-link .card-content {
padding-top: 50px;
padding-bottom: 50px
}
.browser-ie .leaflet-popup-content-wrapper .card-map-popup .card-content {
padding-top: 210px;
padding-bottom: 20px
}
.leaflet-popup-content .card-map-popup {
width: 270px;
height: 380px
}
.leaflet-popup-content .card-map-popup .card-container {
perspective: 1200px;
top: 80px;
position: relative
}
@media (min-width:960px) {
.leaflet-popup-content .card-map-popup .card-container {
top: 0
}
}
.leaflet-popup-content .card-map-popup .card-container .inner {
transform-origin: 0 100%;
transform: rotateY(-15deg)
}
.leaflet-popup-content .card-map-popup .card-container .inner .image .img-container {
transform: skewY(-4deg)
}
.leaflet-popup-content .card-map-popup .card-content {
padding-top: 190px;
display: flex;
flex-direction: column;
top: 80px
}
@media (min-width:960px) {
.leaflet-popup-content .card-map-popup .card-content {
top: 0
}
}
.leaflet-popup-content .card-map-popup .card-content .content {
margin-top: -20px;
height: auto;
padding-bottom: 0 !important
}
.leaflet-popup-content .card-map-popup .overlay {
perspective: 1200px;
width: 100%;
height: 100%;
top: 0
}
.leaflet-popup-content .card-map-popup .overlay .overlay-bg {
transform: rotateY(-15deg)
}
.page-aqualibi .card-map-popup .card-content .isnew-ribbon,
.theme-aqualibi .card-map-popup .card-content .isnew-ribbon,
.aqualibi_blue.leaflet-container .card-map-popup .card-content .isnew-ribbon {
background: #13b5ea
}
.page-aqualibi .card-map-popup .card-content .content .card-human-size,
.theme-aqualibi .card-map-popup .card-content .content .card-human-size,
.aqualibi_blue.leaflet-container .card-map-popup .card-content .content .card-human-size {
color: #00538a
}
.page-aqualibi .card-map-popup .card-content .content.inverse .card-title,
.theme-aqualibi .card-map-popup .card-content .content.inverse .card-title,
.aqualibi_blue.leaflet-container .card-map-popup .card-content .content.inverse .card-title {
color: #fff
}
.page-aqualibi .card-map-popup .card-content .content.inverse .card-human-size,
.theme-aqualibi .card-map-popup .card-content .content.inverse .card-human-size,
.aqualibi_blue.leaflet-container .card-map-popup .card-content .content.inverse .card-human-size {
color: #fff
}
.page-aqualibi .card-map-popup.card-external-link .inner,
.theme-aqualibi .card-map-popup.card-external-link .inner,
.aqualibi_blue.leaflet-container .card-map-popup.card-external-link .inner {
border-color: #13b5ea
}
.page-aqualibi .card-map-popup.card-external-link .card-content .content .card-title,
.theme-aqualibi .card-map-popup.card-external-link .card-content .content .card-title,
.aqualibi_blue.leaflet-container .card-map-popup.card-external-link .card-content .content .card-title {
color: #13b5ea
}
.page-aqualibi .card-map-popup.card-external-link .card-content .content .btn,
.page-aqualibi .card-map-popup.card-external-link .card-content .content .button,
.page-aqualibi .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-aqualibi .card-map-popup.card-external-link .card-content .content .ticket-dropbtn,
.theme-aqualibi .card-map-popup.card-external-link .card-content .content .btn,
.theme-aqualibi .card-map-popup.card-external-link .card-content .content .button,
.theme-aqualibi .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .theme-aqualibi .card-map-popup.card-external-link .card-content .content .ticket-dropbtn,
.aqualibi_blue.leaflet-container .card-map-popup.card-external-link .card-content .content .btn,
.aqualibi_blue.leaflet-container .card-map-popup.card-external-link .card-content .content .button,
.aqualibi_blue.leaflet-container .card-map-popup.card-external-link .card-content .content .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .aqualibi_blue.leaflet-container .card-map-popup.card-external-link .card-content .content .ticket-dropbtn {
background: #13b5ea
}
@media (min-width:960px) {
.page-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check input:checked+label:before,
.theme-aqualibi .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check input:checked+label:before,
.aqualibi_blue.leaflet-container .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child .form-check input:checked+label:before {
background: url(/themes/custom/walirides_wbe_christmas/../walirides_red/html/css/../svg/filter-marker-blue.svg) no-repeat center center
}
}
.jumbotron {
padding: 0;
border-radius: 0;
margin-bottom: 0
}
.jumbotron--type-1 {
overflow: hidden;
position: relative
}
.jumbotron--type-1 .jumbotron-image {
display: block;
width: 100%;
min-height: 690px
}
@media (max-width:1023px) {
.jumbotron--type-1 .jumbotron-image {
width: auto;
max-width: 1024px;
height: 490px;
min-height: 0;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
object-fit: cover
}
}
.jumbotron--type-1 .jumbotron-content {
display: flex;
width: 100%;
height: 100%;
padding: 85px 19.5% 0;
position: absolute;
top: 0;
left: 0;
color: #fff;
flex-flow: column;
justify-content: center;
text-align: center;
text-shadow: 0 2px 11px rgba(0, 0, 0, .5);
font: 400 20px/1.5 "walirides", Arial, sans-serif;
letter-spacing: -.19px
}
.jumbotron--type-1 .jumbotron-content>div {
max-height: 100%;
overflow: hidden;
z-index: 1;
position: relative
}
.jumbotron--type-1 .jumbotron-content .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1
}
@media (max-width:1023px) {
.jumbotron--type-1 .jumbotron-content {
display: block;
padding: 119px 20px 90px;
font-size: 16px;
font-weight: 700;
line-height: 1.56
}
}
.jumbotron--type-1 h1,
.jumbotron--type-1 .h1 {
max-width: 490px;
margin: 0 auto .63em;
font-size: 60px;
line-height: 1.13;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22);
letter-spacing: -.6px;
color: inherit
}
@media (max-width:1023px) {
.jumbotron--type-1 h1,
.jumbotron--type-1 .h1 {
margin-bottom: .6em;
font-size: 30px;
line-height: 1.5;
text-shadow: 0 10px 13px rgba(0, 0, 0, .23);
letter-spacing: -.3px
}
}
@media (max-width:767px) {
.jumbotron--type-1 h1,
.jumbotron--type-1 .h1 {
max-width: 240px
}
}
.jumbotron--type-1 p {
max-width: 580px;
margin: 0 auto 1em
}
@media (max-width:767px) {
.jumbotron--type-1 p {
max-width: 220px
}
}
.jumbotron--type-1 .btn-back {
position: absolute;
top: 38px;
left: 45px;
z-index: 1
}
@media (max-width:1023px) {
.jumbotron--type-1 .btn-back {
top: 30px;
left: 20px
}
}
.jumbotron--type-1 .skew-bg {
bottom: -172px
}
.jumbotron--type-1 .btn-offer {
padding-right: 4.25rem;
padding-left: 4.25rem;
position: absolute;
right: 40px;
bottom: 47px;
z-index: 3;
font-size: 16px
}
@media (max-width:1023px) {
.jumbotron--type-1 .btn-offer {
display: block;
width: 256px;
margin: 0 auto;
padding-right: 1rem;
padding-left: 1rem;
right: 0;
left: 0;
bottom: 27px;
z-index: 3
}
}
.jumbotron--type-2 {
overflow: hidden;
text-align: left;
position: relative;
line-height: 0;
font-size: 0;
min-height: 260px;
background-color: #f5f9fd
}
.jumbotron--type-2 .pattern-overlay {
content: '';
display: block;
width: 100%;
height: 145px;
position: absolute;
top: 0;
left: 0;
background: #f81700 url("../images/pattern_entryworld_red.png") repeat;
transform-origin: 0 0;
transform: skewY(-6deg)
}
@media (min-width:1024px) {
.jumbotron--type-2 .pattern-overlay {
height: 116px;
transform: skewY(-2deg)
}
}
.jumbotron--type-2 .jumbotron-content {
padding: 30px 20px 40px;
position: relative
}
@media (min-width:1024px) {
.jumbotron--type-2 .jumbotron-content {
left: 0;
width: 100%;
height: 100%;
top: 0;
padding: 30px 50px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: flex-start
}
}
.jumbotron--type-2 .jumbotron-cta {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: flex-start;
width: 100%;
text-align: center
}
@media (min-width:1024px) {
.jumbotron--type-2 .jumbotron-cta {
flex-direction: row;
margin-bottom: 10px;
text-align: left
}
}
.jumbotron--type-2 .jumbotron-cta p {
margin-bottom: 20px;
font-size: 19px;
font-size: 1.1875rem;
color: #384550;
font-family: walirides;
font-weight: 500;
line-height: 27px;
letter-spacing: -.16px;
width: 100%
}
@media (max-width:1023px) {
.jumbotron--type-2 .jumbotron-cta p {
font-size: 19px;
font-size: 1.1875rem
}
}
.jumbotron--type-2 .jumbotron-cta p svg {
display: block;
width: 55px;
height: 61px;
fill: #f81700;
margin: 0 auto;
margin-bottom: 30px
}
@media (min-width:1024px) {
.jumbotron--type-2 .jumbotron-cta p {
margin-bottom: 0;
max-width: 560px;
margin-left: 20px
}
.jumbotron--type-2 .jumbotron-cta p svg {
display: inline-block;
float: left;
margin-right: 40px;
margin-bottom: 0
}
}
.jumbotron--type-2 .jumbotron-cta a {
font-size: 16px;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08)
}
@media (min-width:1024px) {
.jumbotron--type-2 .jumbotron-cta a {
margin-right: 50px
}
}
.jumbotron--type-2 h1,
.jumbotron--type-2 .h1 {
margin-bottom: 95px;
color: #fff;
font: 700 24px/1.2 "walirides", Arial, sans-serif;
text-transform: uppercase;
text-align: center;
text-shadow: 0 8px 33px rgba(24, 24, 24, .37);
letter-spacing: -.11px
}
@media (min-width:1024px) {
.jumbotron--type-2 h1,
.jumbotron--type-2 .h1 {
text-align: left
}
}
.jumbotron--type-3 {
overflow: hidden;
text-align: left;
position: relative;
line-height: 0;
font-size: 0;
min-height: 392px;
background-color: #f5f9fd;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
@media (min-width:1024px) {
.jumbotron--type-3 {
min-height: 366px
}
}
@media (max-width:1023px) {
.jumbotron--type-3.block-with-video {
min-height: auto
}
}
.jumbotron--type-3.block-with-video .btn-back {
visibility: visible
}
.jumbotron--type-3 .pattern-overlay {
content: '';
display: block;
width: 100%;
height: 56px;
position: absolute;
bottom: 0;
left: 0;
background: #f81700 url("../images/pattern_entryworld_red.png") repeat;
transform-origin: 100% 0;
transform: skewY(-2deg)
}
@media (min-width:1024px) {
.jumbotron--type-3 .pattern-overlay {
height: 76px
}
}
.login-form {
max-width: 370px;
margin: 0 auto;
padding: 30px 20px;
line-height: 1.3125
}
.login-form fieldset legend {
margin-bottom: 3px;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
.login-form label {
margin-bottom: 3px;
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
.login-form .form-actions {
text-align: center
}
.popup-download-pdf .modal-dialog {
text-align: left
}
@media (max-width:767px) {
.popup-download-pdf .modal-dialog {
margin-bottom: 70px
}
}
.popup-download-pdf .checkbox-style {
margin-top: 1rem
}
.popup-download-pdf .modal-header .close {
position: absolute;
right: 15px;
top: -3px;
margin: 0;
padding: 0;
cursor: pointer;
z-index: 1
}
@media (min-width:960px) {
.popup-download-pdf .modal-title,
.popup-download-pdf .text {
margin-bottom: .5rem
}
}
@media (max-width:767px) {
.popup-download-pdf .modal-title {
margin-bottom: 0
}
}
.popup-download-pdf .divider {
margin: 30px 0 20px;
height: 1px;
background-color: #e3e3e3
}
.popup-download-pdf .block-social-subscribe {
padding: 0 !important
}
.popup-download-pdf .block-social {
width: 100%;
padding: 0 !important
}
@media (min-width:960px) {
.popup-download-pdf .block-social {
display: block;
flex: none
}
.popup-download-pdf .block-social .block {
padding-right: 50px
}
.popup-download-pdf .block-social .block:last-child {
padding-left: 50px
}
}
.popup-download-pdf .block-social .block-title {
margin-bottom: 1em;
color: #f81700;
font-size: 1.2em !important;
font-weight: 700 !important;
margin-right: 0 !important;
font-family: "RockebySemi-Bk", "Muli", Arial, sans-serif !important;
text-align: center
}
.popup-download-pdf .block-social .socila-links {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
list-style: none;
text-align: center
}
.popup-download-pdf .block-social .socila-links li {
margin: 0 20px 1em
}
@media (min-width:1024px) {
.popup-download-pdf .block-social .socila-links li {
margin: 0 22px
}
}
.dj-no-touch .popup-download-pdf .block-social .socila-links li a:hover,
.dj-no-touch .popup-download-pdf .block-social .socila-links li a:focus {
opacity: .65
}
.popup-download-pdf .block-social .socila-links .icon-social {
display: inline-block;
width: 28px;
height: 28px
}
.popup-download-pdf .block-social .socila-links .icon-social--twitter {
width: 26px
}
.popup-download-pdf .block-social .socila-links .icon-social--youtube {
width: 33px
}
.popup-download-pdf .block-social .socila-links .icon-social--instagram {
width: 29px
}
.theme-aqualibi .popup-download-pdf .block-social .block-title {
color: #13b5ea !important
}
.promotion-tickets {
max-width: 1028px;
width: 100%;
margin: 0 auto;
padding: 36px 0 48px;
text-align: center
}
.promotion-tickets h2,
.promotion-tickets .h2 {
font-size: 30px;
line-height: 40px;
margin: 0 auto;
max-width: 410px;
color: #384550
}
@media (max-width:767px) {
.promotion-tickets h2,
.promotion-tickets .h2 {
font-size: 20px;
line-height: 26px;
max-width: 260px
}
}
.promotion-tickets-slider {
overflow: hidden;
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
padding: 98px 10px 48px
}
@media (max-width:1023px) {
.promotion-tickets-slider {
padding: 38px 0 110px
}
}
.promotion-tickets-slider .slick-track {
display: flex;
flex-wrap: nowrap;
align-items: stretch
}
.promotion-tickets-slider.slick-no-slide {
padding-bottom: 38px
}
.promotion-tickets-slider.slick-no-slide .slick-list {
width: 100% !important
}
.promotion-tickets-slider.slick-no-slide .slick-track {
transform: translate3d(0px, 0px, 0px) !important;
width: 100% !important
}
.promotion-tickets-slider.slick-no-slide .ticket-slide {
width: 100% !important;
margin: 0 auto
}
.promotion-tickets-slider .slick-dots {
bottom: 64px
}
.promotion-tickets-slider .slick-prev,
.promotion-tickets-slider .slick-next {
bottom: 46px;
top: auto;
transform: translate(0, 0)
}
.promotion-tickets-slider .slick-prev {
left: 0
}
.promotion-tickets-slider .slick-next {
right: 0
}
.promotion-tickets-slider .ticket-slide {
float: none;
height: auto;
display: flex;
align-items: flex-end;
text-align: center;
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .06);
position: relative;
margin: 0 18px;
width: 100%;
max-width: 300px;
transition: transform .3s ease-in-out;
color: #384550
}
@media (max-width:1023px) {
.promotion-tickets-slider .ticket-slide {
margin: 0 10px;
max-width: none
}
}
@media (max-width:767px) {
.promotion-tickets-slider .ticket-slide {
max-width: none;
margin: 0 14px
}
}
.promotion-tickets-slider .ticket-slide a {
color: inherit;
display: block;
text-decoration: none;
padding: 36px 26px 36px;
width: 100%
}
.dj-no-touch .promotion-tickets-slider .ticket-slide a:hover,
.dj-no-touch .promotion-tickets-slider .ticket-slide a:focus {
text-decoration: none
}
@media (max-width:1279px) {
.promotion-tickets-slider .ticket-slide a {
padding-top: 46px
}
}
@media (max-width:767px) {
.promotion-tickets-slider .ticket-slide a {
padding: 46px 20px 20px
}
}
.promotion-tickets-slider .ticket-slide:nth-child(2) {
margin-top: -54px
}
@media (max-width:1023px) {
.promotion-tickets-slider .ticket-slide:nth-child(2) {
margin-top: 0
}
}
.promotion-tickets-slider .ticket-slide:nth-child(2) .ticket-price .ticket-price-value {
font-size: 63px
}
@media (max-width:1023px) {
.promotion-tickets-slider .ticket-slide:nth-child(2) .ticket-price .ticket-price-value {
font-size: 50px
}
}
.promotion-tickets-slider .ticket-slide:nth-child(2) .ticket-price .ticket-price-value-prefix .curency {
font-size: 22px;
line-height: 22px
}
@media (max-width:1023px) {
.promotion-tickets-slider .ticket-slide:nth-child(2) .ticket-price .ticket-price-value-prefix .curency {
font-size: 18px;
line-height: 18px
}
}
@media (max-width:1023px) {
.promotion-tickets-slider .ticket-slide:nth-child(2) .ticket-price .ticket-price-value-prefix .cents {
font-size: 20px;
line-height: 20px
}
}
.promotion-tickets-slider .ticket-slide.red-slide {
background-color: #f81700;
border-color: #f81700;
color: #fff
}
.promotion-tickets-slider .ticket-slide.red-slide .ticket-discount {
color: #384550;
background-color: #fab700
}
.promotion-tickets-slider .ticket-slide.orange-slide {
background-color: #fab700;
border-color: #fab700
}
.dj-no-touch .promotion-tickets-slider .ticket-slide:hover,
.dj-no-touch .promotion-tickets-slider .ticket-slide:focus {
transform: scale(1.04) translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
.promotion-tickets-slider .tkt-lbl {
font-weight: 700;
font-size: 14px;
line-height: 36px;
display: block
}
.promotion-tickets-slider h3,
.promotion-tickets-slider .h3 {
font: 700 24px/30px "walirides", Arial, sans-serif;
margin: 0 0 14px;
text-transform: uppercase
}
.promotion-tickets-slider .price-lbl {
display: block;
font-size: 16px;
line-height: 28px;
font-weight: 500
}
.promotion-tickets-slider .ticket-discount {
position: absolute;
top: 16px;
left: -20px;
background-color: #f81700;
color: #fff;
font-size: 16px;
line-height: 36px;
font-weight: 500;
padding: 0 16px
}
@media (max-width:1023px) {
.promotion-tickets-slider .ticket-discount {
left: -10px;
top: 10px;
padding: 0 10px
}
}
.promotion-tickets-slider .ticket-price {
font-weight: 700
}
.promotion-tickets-slider .ticket-price .ticket-price-value {
font-size: 50px;
line-height: 60px;
display: inline-block
}
.promotion-tickets-slider .ticket-price .ticket-price-value-prefix {
display: inline-block;
text-align-last: left;
position: relative;
top: -4px
}
.promotion-tickets-slider .ticket-price .ticket-price-value-prefix .curency {
display: block;
font-size: 18px;
line-height: 18px
}
.promotion-tickets-slider .ticket-price .ticket-price-value-prefix .cents {
display: block;
clear: both;
font-size: 20px;
line-height: 20px
}
.promotion-tickets-btn {
display: inline-block;
font: 700 16px/50px "walirides", Arial, sans-serif;
color: #fab700;
padding: 0 36px;
background-color: #384550;
border-radius: 25px;
text-decoration: none
}
.btn-enlargement {
transition: transform .3s ease-in-out
}
.dj-no-touch .btn-enlargement:hover,
.dj-no-touch .btn-enlargement:focus {
transform: scale(1.04) translate3d(0, 0, 0) perspective(1px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden
}
.village-announcement-block {
margin: 0 20px 17px;
background: #00538a;
font: 500 14px/22px "Futura", Arial, sans-serif;
color: #fff;
text-align: center;
padding: 15px 10px 16px;
max-width: 970px
}
@media (min-width:1024px) {
.village-announcement-block {
font-size: 16px;
line-height: 21px;
padding: 27px 20px;
margin: 0 auto 25px;
width: 100%
}
}
.village-announcement-block p {
margin: 0
}
.village-detail-calendar {
margin-top: -96px
}
@media (max-width:1023px) {
.village-detail-calendar {
margin-top: -161px
}
}
.ticket-booking-page .village-detail-calendar {
margin-top: 16px
}
@media (max-width:1023px) {
.ticket-booking-page .village-detail-calendar {
margin: 3px 0 29px
}
}
.village-detail-calendar .homepage-availability-calendar__calendar-trigger {
margin-bottom: 0
}
.village-detail-calendar .homepage-availability-calendar {
padding: 15px 23px 22px 38px;
min-height: 118px
}
@media (max-width:1023px) {
.village-detail-calendar .homepage-availability-calendar {
padding: 14px 10px 16px;
margin: 0 auto
}
}
.village-detail-calendar .homepage-availability-calendar .village-houses__not-available {
margin: 17px 0 0;
display: flex;
align-items: center
}
@media (max-width:767px) {
.village-detail-calendar .homepage-availability-calendar .village-houses__not-available {
border-top: none;
margin: 0;
padding: 0;
display: block
}
}
.village-detail-calendar .homepage-availability-calendar .village-houses__not-available+.options {
flex: 0 0 100%;
width: 100%;
padding-top: 0
}
@media (max-width:1023px) {
.village-detail-calendar .homepage-availability-calendar .village-houses__not-available+.options {
padding: 0 10px;
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 116px
}
}
.village-detail-calendar .homepage-availability-calendar .village-houses__not-available+.options .reset {
margin-top: 17px
}
@media (max-width:1023px) {
.village-detail-calendar .homepage-availability-calendar .village-houses__not-available+.options .reset {
margin-top: 9px
}
}
.village-detail-calendar .check_label {
display: block;
color: #b3b3b3;
font: 500 10px/13px "Futura", Arial, sans-serif;
padding-bottom: 4px;
text-transform: uppercase
}
.village-detail-calendar .calendars {
display: flex
}
@media (max-width:1023px) {
.village-detail-calendar .calendars {
display: block;
width: 100%
}
}
.village-detail-calendar .calendars .button-holder .homepage-availability-calendar__calendar-trigger {
border-color: #00538a
}
@media (max-width:1023px) {
.village-detail-calendar .calendars .button-holder .homepage-availability-calendar__calendar-trigger {
padding: 13px 70px 13px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block
}
.village-detail-calendar .calendars .button-holder .homepage-availability-calendar__calendar-trigger svg {
margin-right: 10px
}
}
@media (max-width:1023px) {
.village-detail-calendar .calendars .button-holder {
position: relative;
padding-bottom: 0
}
.village-detail-calendar .calendars .button-holder .check_label {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
padding-bottom: 0
}
}
.village-detail-calendar .calendars .button-holder:nth-child(1) .homepage-availability-calendar__calendar-trigger {
border-width: 1px 0 1px 1px;
border-radius: 5px 0 0 5px
}
@media (max-width:1023px) {
.village-detail-calendar .calendars .button-holder:nth-child(1) .homepage-availability-calendar__calendar-trigger {
border-width: 1px 1px 0;
border-radius: 5px 5px 0 0
}
}
@media (max-width:1023px) {
.village-detail-calendar .calendars .button-holder:nth-child(2) {
margin-bottom: 42px
}
}
.village-detail-calendar .calendars .button-holder:nth-child(2) .homepage-availability-calendar__calendar-trigger {
border-width: 1px 1px 1px 0;
border-radius: 0 5px 5px 0
}
@media (max-width:1023px) {
.village-detail-calendar .calendars .button-holder:nth-child(2) .homepage-availability-calendar__calendar-trigger {
border-width: 0 1px 1px;
border-radius: 0 0 5px 5px
}
}
@media (max-width:1023px) {
.village-detail-calendar .button-holder {
padding-bottom: 14px
}
}
@media (max-width:1023px) {
.village-detail-calendar .button-holder {
padding-bottom: 14px
}
}
@media (max-width:1023px) {
.village-detail-calendar .price-section {
margin: -6px 0 16px
}
}
.village-detail-calendar .price-section .price-info {
color: #b3b3b3;
display: block;
font: 400 12px/18px "walirides", Arial, sans-serif;
max-width: 130px;
letter-spacing: -.12px
}
.village-detail-calendar .price-section .price-block {
font-weight: 700;
color: #384550;
margin: 0 0 -5px
}
@media (max-width:767px) {
.village-detail-calendar .price-section .price-block {
font-size: initial
}
}
.village-detail-calendar .price-section .price-block .price-value {
font-size: 50px;
line-height: 60px;
display: inline-block;
font-family: "Futura", Arial, sans-serif
}
.village-detail-calendar .price-section .price-block .price-value-prefix {
display: inline-block;
position: relative;
top: -4px
}
@media (max-width:767px) {
.village-detail-calendar .price-section .price-block .price-value-prefix {
top: 0;
left: -3px
}
}
.village-detail-calendar .price-section .price-block .price-value-prefix .curency {
display: block;
font-size: 18px;
line-height: 18px;
text-align: center;
font-family: "walirides", Arial, sans-serif
}
@media (max-width:1023px) {
.village-detail-calendar .price-section .price-block .price-value-prefix .curency {
text-align: center
}
}
.village-detail-calendar .price-section .price-block .price-value-prefix .cents {
display: block;
clear: both;
font-size: 20px;
line-height: 20px;
font-family: "Futura", Arial, sans-serif
}
.village-detail-calendar .btn-holder {
padding-top: 17px
}
@media (max-width:1023px) {
.village-detail-calendar .btn-holder {
padding-top: 0
}
}
.village-detail-calendar .btn-holder+.options {
flex: 0 0 100%;
width: 100%;
padding-top: 0
}
@media (max-width:1023px) {
.village-detail-calendar .btn-holder+.options {
padding: 0 10px;
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 116px
}
}
.village-detail-calendar .btn-holder+.options .reset {
margin-top: 17px
}
@media (max-width:1023px) {
.village-detail-calendar .btn-holder+.options .reset {
margin-top: 9px
}
}
.village-detail-calendar .btn-holder .btn,
.village-detail-calendar .btn-holder .button,
.village-detail-calendar .btn-holder .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .village-detail-calendar .btn-holder .ticket-dropbtn {
font-size: 16px;
color: #fff;
margin: 0
}
.village-detail-calendar .btn-holder .btn-green {
background: #8a8c23;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08);
border-radius: 100px;
min-width: 177px;
padding-left: 15px;
padding-right: 15px
}
.village-detail-calendar .village-calendar-detail {
max-width: 833px;
left: 50%;
transform: translateX(-50%);
top: 104px
}
.village-detail-calendar .village-calendar-detail .calendar_control {
justify-content: center
}
@media (max-width:1023px) {
.village-detail-calendar .village-calendar-detail-mobile .info {
margin: 15px 0
}
}
.village-detail-calendar .txt {
font: 14px/18px "Futura-Book", "Futura", Arial, sans-serif
}
.village-detail-calendar .txt .ttl {
display: block;
color: #000;
font: 700 14px/18px "Futura", Arial, sans-serif;
margin-bottom: 18px
}
.village-detail-calendar .txt p {
margin: 0 0 23px
}
.village-detail-calendar .txt .btn-holder {
display: inline-block;
vertical-align: middle;
color: #384550;
font-family: "walirides", Arial, sans-serif
}
.village-detail-calendar .txt .btn-holder a {
color: inherit;
text-decoration: none;
padding-right: 19px;
position: relative
}
.village-detail-calendar .txt .btn-holder a:hover {
text-decoration: underline
}
.village-detail-calendar .txt .btn-holder .icon {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #f81700;
width: 13px;
height: 8px;
margin-left: 6px
}
.village-detail-calendar .village-calendar-detail .calendar_drop_holder {
padding: 8px 28px 34px 29px
}
.village-detail-calendar .village-calendar-detail .info {
float: none;
width: 100%;
margin: 0 0 25px
}
.village-detail-calendar .village-calendar-detail .info ul {
display: flex
}
.village-detail-calendar .village-calendar-detail .info li {
margin: 0 25px 0 0
}
.village-detail-calendar .village-calendar-detail .calendar_frame {
margin: 0;
vertical-align: top;
table-layout: fixed
}
.village-detail-calendar .village-calendar-detail .calendar_frame th {
width: 51px;
border-width: 0;
vertical-align: top;
padding-bottom: 14px
}
@media (min-width:1025px) and (max-width:1279px) {
.village-detail-calendar .village-calendar-detail .calendar_frame th {
width: 41px;
padding-bottom: 10px
}
}
.village-detail-calendar .village-calendar-detail .calendar_frame td {
width: 51px;
height: 55px;
border-width: 0 0 3px 4px;
vertical-align: top;
cursor: pointer
}
@media (min-width:1025px) and (max-width:1279px) {
.village-detail-calendar .village-calendar-detail .calendar_frame td {
width: 41px;
height: 55px;
border-width: 0 0 2px 2px
}
}
.village-detail-calendar .village-calendar-detail .calendar_frame td.prev_day {
pointer-events: none;
cursor: auto
}
.village-detail-calendar .village-calendar-detail .calendar_frame td.prev_day .date {
color: #ccc
}
.village-detail-calendar .village-calendar-detail .calendar_frame td.closed {
pointer-events: none;
cursor: auto
}
.village-detail-calendar .village-calendar-detail .calendar_frame td:first-child {
border-left-width: 0
}
.village-detail-calendar .village-calendar-detail .calendar_frame td .top-section {
padding: 5px 6px
}
.village-detail-calendar .village-calendar-detail .calendar_frame td .price {
font-size: 11px;
line-height: 17px;
letter-spacing: 0
}
.village-detail-calendar .village-calendar-detail .calendar_control {
margin-bottom: 8px
}
.village-detail-calendar .two-calendars {
overflow: hidden;
position: relative;
padding-bottom: 28px
}
.village-detail-calendar .two-calendars .calendar_box {
flex: 0 0 auto;
width: 380px;
float: left
}
@media (min-width:1025px) and (max-width:1279px) {
.village-detail-calendar .two-calendars .calendar_box {
width: 49.1%
}
}
.village-detail-calendar .two-calendars .calendar_box:nth-child(2n+1) {
float: right
}
.village-detail-calendar .two-calendars .month_prev,
.village-detail-calendar .two-calendars .month_next {
position: absolute;
left: 46px;
top: 14px;
width: 10px;
height: 14px;
color: #384550;
cursor: pointer
}
.village-detail-calendar .two-calendars .month_next {
left: auto;
right: 46px
}
.village-detail-calendar .options {
padding-top: 17px;
display: flex;
justify-content: space-between;
align-items: center;
flex: 1
}
@media (max-width:1023px) {
.village-detail-calendar .options {
position: static;
padding-top: 9px
}
}
.village-detail-calendar .counter-nights {
padding-left: 19px;
display: flex;
align-items: center;
color: #8a8c23;
letter-spacing: -.14px;
font: 700 14px/20px "Futura", Arial, sans-serif
}
.village-detail-calendar .counter-nights svg {
margin-right: 10px
}
@media (max-width:1023px) {
.village-detail-calendar .counter-nights {
padding-left: 0
}
.village-detail-calendar .counter-nights+.reset {
flex: 0 0 auto
}
}
@media (max-width:1023px) {
.village-detail-calendar .reset {
flex: 1;
display: flex;
justify-content: flex-end
}
}
.village-detail-calendar .reset span {
text-decoration: none;
color: #000;
letter-spacing: -.15px;
font: 500 12px/24px "Futura", Arial, sans-serif;
position: relative;
padding-right: 23px;
cursor: pointer;
transition: all .25s
}
.village-detail-calendar .reset span:hover {
text-decoration: underline
}
.village-detail-calendar .reset svg {
margin-left: 10px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.page-village-homepage .village-announcement-block,
.page-village .village-announcement-block {
min-height: 75px
}
.page-village-homepage .village-houses,
.page-village .village-houses {
min-height: 600px
}
@media (max-width:1023px) {
.page-village-homepage .village-houses,
.page-village .village-houses {
min-height: auto
}
}
.page-village-homepage .jumbotron+.village-detail-calendar,
.page-village .jumbotron+.village-detail-calendar {
min-height: 120px
}
.page-village-homepage .village-detail-calendar,
.page-village .village-detail-calendar {
margin: -58px 0 0;
min-height: 800px
}
@media (max-width:1023px) {
.page-village-homepage .village-detail-calendar,
.page-village .village-detail-calendar {
margin: -161px 0 17px;
min-height: 312px
}
}
.page-village-homepage .village-detail-calendar .homepage-availability-calendar,
.page-village .village-detail-calendar .homepage-availability-calendar {
padding: 15px 22px 32px 38px;
margin: 0 auto 30px;
align-items: stretch
}
@media (max-width:1023px) {
.page-village-homepage .village-detail-calendar .homepage-availability-calendar,
.page-village .village-detail-calendar .homepage-availability-calendar {
padding: 14px 10px 16px
}
}
.page-village-homepage .village-detail-calendar .homepage-availability-calendar .price-section,
.page-village .village-detail-calendar .homepage-availability-calendar .price-section {
padding-top: 9px
}
@media (max-width:1023px) {
.page-village-homepage .village-detail-calendar .homepage-availability-calendar .price-section,
.page-village .village-detail-calendar .homepage-availability-calendar .price-section {
padding-top: 0
}
}
@media (max-width:1023px) {
.page-village-homepage .village-detail-calendar .btn,
.page-village-homepage .village-detail-calendar .button,
.page-village-homepage .village-detail-calendar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-village-homepage .village-detail-calendar .ticket-dropbtn,
.page-village .village-detail-calendar .btn,
.page-village .village-detail-calendar .button,
.page-village .village-detail-calendar .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .page-village .village-detail-calendar .ticket-dropbtn {
margin: 6px 0 4px
}
}
.view-calendar .page {
z-index: 9999
}
.village-homepage-image {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
overflow: hidden;
width: 100%;
height: 386px;
position: relative
}
@media (min-width:1024px) {
.village-homepage-image {
height: 290px
}
}
.village-homepage-image .data {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
right: 0;
text-align: center;
padding: 20px 20px 161px;
color: #fff
}
@media (min-width:1024px) {
.village-homepage-image .data {
padding-bottom: 30px
}
}
.village-homepage-image .data h1,
.village-homepage-image .data .h1 {
margin: 0;
color: #fff;
letter-spacing: -.3px;
text-align: center;
font: 700 30px/55px "walirides", Arial, sans-serif;
text-shadow: 0 10px 13px rgba(0, 0, 0, .22)
}
@media (min-width:1024px) {
.village-homepage-image .data h1,
.village-homepage-image .data .h1 {
font-size: 60px;
letter-spacing: -.6px;
line-height: 68px
}
}
.village-homepage-image .data p {
margin: -9px 0 0;
color: #fff;
letter-spacing: -.14px;
text-align: center;
font: 700 14px/30px "Futura", Arial, sans-serif;
text-shadow: 0 2px 11px rgba(0, 0, 0, .5)
}
@media (min-width:1024px) {
.village-homepage-image .data p {
font-size: 20px;
letter-spacing: -.19px;
margin: 3px 0 0
}
}
.entertainments-map .tab-pane#map {
background-color: #508e6a
}
.entertainments-map .entertainments-map-navs {
display: flex;
min-height: 65px;
background-color: #f81700;
justify-content: space-between;
align-content: center;
align-items: stretch;
position: relative
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle {
display: flex;
padding: 0 15px;
border: none;
background: 0 0;
outline: none;
font: 700 12px "walirides", Arial, sans-serif;
text-transform: uppercase;
color: #fff;
text-align: left;
align-items: center
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle:after {
background-image: url(../images/spritesheet.png);
background-position: -138px -106px;
width: 11px;
height: 9px;
margin-left: 13px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle svg {
max-width: 38px;
max-height: 40px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle span {
flex: 1 1 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon {
width: 35px;
height: 35px;
margin-right: 17px;
padding: 7px;
border-radius: 50%;
background: #fff;
vertical-align: middle
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon svg,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon img {
display: block;
width: 100%;
height: 100%
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-toggle .icon svg {
fill: #f81700
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-menu {
margin: 0;
padding: 0;
left: -5px !important;
background-color: #384550;
border: none;
border-radius: 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-item {
margin: 0;
padding: 0;
white-space: normal
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-item:hover,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown .dropdown-item:focus {
background: 0 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown label {
text-shadow: 0 8px 33px rgba(24, 24, 24, .37);
color: #fff;
font: 700 16px "walirides", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -.07px;
padding: 10px 20px;
cursor: pointer;
display: flex;
align-items: center
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown label .svg-icon {
width: 20px;
height: 20px;
margin-right: 10px
}
@media (min-width:1024px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) .dropdown-menu {
height: 100%;
flex-wrap: wrap;
align-content: center;
align-items: center;
background: 0 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) .dropdown-item {
width: auto;
max-width: 180px;
flex-shrink: 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) label {
height: 80px;
padding: 10px;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
max-width: 125px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.dropdown--mobile:not(.dropdown--wrap):not(.entertainments-map-fear-filter) label .svg-icon {
margin: 0 auto 5px
}
}
@media (min-width:1024px) {
.entertainments-map .entertainments-map-navs {
min-height: 80px;
padding-left: 20px
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item {
position: relative;
z-index: 100
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child {
flex: 1 0 0
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs {
max-width: 13%;
min-width: 167px;
z-index: 2
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child {
display: flex;
flex: 1 0 0;
align-content: center
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input {
width: 1px;
height: 1px;
margin: 0;
padding: 0;
opacity: 0;
overflow: hidden
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
padding: 5px;
border-radius: 50%;
background: #fff;
vertical-align: middle
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon svg,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon img {
display: block;
width: 100%;
height: 100%
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label .icon svg {
fill: #f81700
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check label span {
vertical-align: middle
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:focus+label,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:checked+label {
opacity: 1
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:focus+label .icon,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:checked+label .icon {
display: inline-block
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:focus+label:after,
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check .form-check-input:checked+label:after {
display: block
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown .form-check:first-child span {
line-height: 30px
}
@media (min-width:1024px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:after {
content: "";
display: none;
height: 5px;
position: absolute;
left: 10px;
right: 10px;
bottom: 0;
z-index: -1;
background: #f81700
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label .icon {
display: none;
width: 52px;
height: 52px;
padding: 12px;
position: absolute;
top: -37px;
left: 50%;
margin: 0;
z-index: -1;
transform: translateX(-50%)
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:hover,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:focus {
opacity: 1
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:hover .icon,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:focus .icon {
display: block
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:hover:after,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item:first-child.dropdown--mobile:not(.entertainments-map-fear-filter) label:focus:after {
display: block
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs {
background-color: #508e6a;
border: none;
width: 80px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center;
min-height: 65px
}
@media (min-width:960px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs {
width: 160px;
min-height: 80px
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a {
width: 100%;
text-align: center;
background: 0 0;
color: #fff;
border: none;
box-shadow: none;
border-radius: 0;
padding: 0;
display: inline-block
}
@media (min-width:960px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a {
max-width: 50%;
width: 50%
}
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a svg {
width: 39px;
height: 39px;
display: inline-block;
opacity: .25
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a.active svg {
opacity: 1
}
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a:hover svg,
.dj-no-touch .entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs a:focus svg {
opacity: 1
}
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs .nav-link.active {
display: none
}
@media (min-width:960px) {
.entertainments-map .entertainments-map-navs .entertainments-map-nav-item.nav-tabs .nav-link.active {
display: block
}
}
.entertainments-map .entertainments-filter .height:before {
border-left: 1px solid #508e6a
}
.entertainments-map .entertainments-filter .height:after {
border-left: 1px solid #325b37
}
.entertainments-map .entertainments-filter .height__range .ui-slider-handle {
border: 2px solid #508e6a
}
.map-controls {
right: 1px
}
.map-controls #svg-controls #mqaia_3_ {
fill: #f81700
}
.map-controls #svg-controls #plus polygon,
.map-controls #svg-controls #minus polygon {
fill: #f81700
}
.map-controls #svg-controls #left rect,
.map-controls #svg-controls #up rect,
.map-controls #svg-controls #right rect,
.map-controls #svg-controls #down rect,
.map-controls #svg-controls #center rect {
fill: #f81700
}
.map-controls #svg-controls #mqaij rect {
fill: #508e6a
}
.map-controls #svg-controls #mqaik rect {
fill: #325b37
}
.viewport.leaflet-container {
background-color: #508e6a
}
.block-entertainments-list .entertainments-list-info {
display: flex;
margin-bottom: 140px
}
@media (max-width:1023px) {
.block-entertainments-list .entertainments-list-info {
flex-direction: column
}
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats,
.block-entertainments-list .entertainments-list-info .entertainments-list-favs {
position: relative;
min-height: 70px
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats:after,
.block-entertainments-list .entertainments-list-info .entertainments-list-favs:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: skew(15deg);
z-index: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .06)
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats {
display: flex;
width: 40%;
margin: 0 auto;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats.visible p {
display: block
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats p {
display: none;
font: 500 22px/30px "Futura-Condensed", "Futura", Arial, sans-serif;
color: #b3b3b3;
margin: 0 auto;
width: 100%;
z-index: 1;
text-align: center
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats p span {
color: #f81700
}
.block-entertainments-list .entertainments-list-info .entertainments-list-stats:after {
border: 1px solid #e5e5e5;
background-color: #fff
}
@media (max-width:1023px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-stats {
width: 80%
}
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: flex-end;
align-items: center
}
@media (max-width:959px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-favs:after {
display: none
}
}
@media (min-width:960px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-favs {
width: 65%
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs:after {
border: 1px solid #e5e5e5;
background-color: #eff4fa;
border-left: none
}
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle {
cursor: default
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle .svg-icon.svg-icon-heart {
fill: #f81700
}
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:hover,
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:focus {
background-color: #fff;
border-color: #e9e9e9
}
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:hover svg,
.dj-no-touch .block-entertainments-list .entertainments-list-info .entertainments-list-favs .btn-circle:focus svg {
fill: #f81700
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs p {
color: #384550;
font-family: Futura-Condensed;
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin: 0
}
.block-entertainments-list .entertainments-list-info .entertainments-list-favs a {
color: #b3b3b3;
font-family: walirides;
font-size: 12px;
font-weight: 400;
line-height: 48px;
letter-spacing: -.12px;
text-decoration: underline
}
@media (max-width:959px) {
.block-entertainments-list .entertainments-list-info .entertainments-list-favs a {
width: 100%;
text-align: center
}
}
.card-map-popup .card-content .content .card-title {
color: #f81700
}
.card-map-popup .card-content .content .card-human-size {
color: #f81700
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets {
overflow: visible
}
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .block-content {
width: 88%;
background: 0 0;
margin: 70px auto
}
}
.block-footer-nav-tickets .block-footer-tickets .block-content:before,
.block-footer-nav-tickets .block-footer-tickets .block-content:after {
display: none
}
.block-footer-nav-tickets .block-footer-tickets .block-bg {
border: 0;
top: 20px;
background-color: transparent;
display: block;
position: absolute;
z-index: -1;
height: calc(100% - 40px);
content: '';
transform: perspective(800px) rotateY(20deg);
width: 100%;
left: 5%
}
@media (max-width:1023px) {
.block-footer-nav-tickets .block-footer-tickets .block-bg {
width: 104%;
left: 6%
}
}
.block-footer-nav-tickets .block-footer-tickets .block-bg:before,
.block-footer-nav-tickets .block-footer-tickets .block-bg:after {
display: none !important
}
.block-footer-nav-tickets .block-footer-tickets .block-bg-border {
content: "";
display: inline-block;
position: absolute
}
.block-footer-nav-tickets .block-footer-tickets .block-bg-border--left {
width: 10px;
height: 100%;
background-color: #f81700;
left: 0;
top: 0
}
.block-footer-nav-tickets .block-footer-tickets .block-bg-border--top {
width: 100%;
height: 10px;
background-color: #f81700;
left: 0;
top: 0
}
.block-footer-nav-tickets .block-footer-tickets .block-bg-border--right {
width: 10px;
height: 100%;
background-color: #f81700;
right: 0;
top: 0
}
.block-footer-nav-tickets .block-footer-tickets .block-bg-border--bottom {
width: 100%;
height: 10px;
background-color: #f81700;
left: 0;
bottom: 0
}
@media (max-width:767px) {
.block-footer-nav-tickets .block-footer-tickets {
padding-top: 20px;
margin-top: -20px
}
}
.block-gallery .gallery-slider .item .photo .image {
border: 5px solid #f81700
}
.block-article-entertainment-new {
position: relative
}
.block-article-entertainment-new .article-content {
overflow: visible
}
.block-article-entertainment-new .christmas-decor {
bottom: 85px
}
.block-article-entertainment-new .christmas-decor .pattern-2 {
right: -120px;
top: -4px
}
.block-article-entertainment-new .article-sidebar .sidebar-block-controls {
background: #f81700 !important
}
.block-article-entertainment-new .block-entertainment-header-slider {
margin-bottom: 10px
}
.block-article-entertainment-new .christmas-pattern-3 {
margin-top: 30px;
width: 170px
}
.page-generic_entertainment .block-entertainment-map {
margin-top: 0
}
.block-photo h2,
.block-photo .h2 {
color: #f81700
}
@media (max-width:1023px) {
.block-photo h2,
.block-photo .h2 {
margin-bottom: .83em;
text-align: center
}
}
.block-photo .photo-slider .bg {
background-color: #508e6a
}
.block-offers-4groups.homepage-offers .homepage-offers-buttons .btn,
.block-offers-4groups.homepage-offers .homepage-offers-buttons .button,
.block-offers-4groups.homepage-offers .homepage-offers-buttons .block-prices .ticket-dropdown .ticket-dropbtn,
.block-prices .ticket-dropdown .block-offers-4groups.homepage-offers .homepage-offers-buttons .ticket-dropbtn {
background-color: #f81700;
color: #fff
}
.block-offers-4groups.homepage-offers .offer-4groups-ticket-wrapper .color-bg {
background: #f81700
}
.block-offers-4groups.homepage-offers .block-bg {
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -3
}
.block-offers-4groups.homepage-offers .block-bg .block-bg-upper,
.block-offers-4groups.homepage-offers .block-bg .block-bg-lower {
background-color: #f7eedf
}
.main-footer {
padding-top: 35px;
position: relative;
z-index: 1
}
@media (max-width:1023px) {
.main-footer {
padding-top: 15px
}
}
.main-footer>.block {
margin-bottom: 60px;
padding-left: 15px;
padding-right: 15px
}
@media (max-width:1023px) {
.main-footer>.block {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px
}
}
@media (min-width:1024px) {
.main-footer>.block.block-social-subscribe {
margin-bottom: 30px
}
.main-footer>.block.block-footer-nav-tickets {
margin-bottom: 10px
}
}
.main-footer>.block.block-download-app {
padding: 0 40px
}
@media (max-width:1023px) {
.main-footer>.block.block-download-app {
padding: 0 20px
}
}
.main-footer>.block:last-child {
margin-bottom: 0;
padding-bottom: 30px
}
.main-footer .container {
max-width: none
}
.main-footer .language-selector .dropdown-menu {
top: -15px !important
}
.cookie-banner {
width: 100%;
position: fixed;
bottom: 0;
z-index: 101;
background: #29333b;
z-index: 10000;
padding: 0 50px 0 40px
}
@media (max-width:1023px) {
.cookie-banner {
padding-left: 20px
}
}
.cookie-banner .cookie-banner-message {
text-align: left;
color: #fff;
padding: 15px 50px 20px 20px;
font-weight: 500;
font-size: 20px;
line-height: 1.1em;
max-width: 100%
}
.cookie-banner .cookie-banner-message .cookie-banner-title {
font-family: "walirides", Arial, sans-serif;
font-size: 26px;
margin-bottom: 10px;
text-transform: uppercase
}
.cookie-banner .cookie-banner-message p {
padding-left: 0;
text-align: left;
margin-bottom: 5px
}
.cookie-banner .cookie-banner-message p:last-child {
margin-bottom: 0
}
.cookie-banner .cookie-banner-message a {
color: inherit;
text-align: left
}
.cookie-banner .btn.close,
.cookie-banner .close.button,
.cookie-banner .block-prices .ticket-dropdown .close.ticket-dropbtn,
.block-prices .ticket-dropdown .cookie-banner .close.ticket-dropbtn {
position: absolute;
right: 50px;
top: 20px
}
@media (max-width:1023px) {
.cookie-banner .btn.close,
.cookie-banner .close.button,
.cookie-banner .block-prices .ticket-dropdown .close.ticket-dropbtn,
.block-prices .ticket-dropdown .cookie-banner .close.ticket-dropbtn {
width: 32px;
height: 32px
}
}
.cookie-banner .btn.close svg,
.cookie-banner .close.button svg,
.cookie-banner .block-prices .ticket-dropdown .close.ticket-dropbtn svg,
.block-prices .ticket-dropdown .cookie-banner .close.ticket-dropbtn svg {
width: 23px;
height: 23px;
fill: #384550
}
.cookie-banner .btn.close:hover,
.cookie-banner .close.button:hover,
.cookie-banner .block-prices .ticket-dropdown .close.ticket-dropbtn:hover,
.block-prices .ticket-dropdown .cookie-banner .close.ticket-dropbtn:hover {
background: #fab700 !important;
border-color: #fab700 !important
}
.page-homepage {
padding-top: 60px
}
@media (max-width:1023px) {
.page-homepage {
padding-top: 54px
}
}
@media (max-width:480px) {
.page-homepage .block-entertainment-header {
font-size: 40px
}
}
.page-homepage .page {
padding-left: 0
}
.page-homepage .language-selector .btn:after,
.page-homepage .language-selector .button:after,
.page-homepage .language-selector .block-prices .ticket-dropdown .ticket-dropbtn:after,
.block-prices .ticket-dropdown .page-homepage .language-selector .ticket-dropbtn:after {
vertical-align: -1px
}