@charset "UTF-8";
 @font-face {
font-family: "Morion-Bold";
src: url(//safari-insider.com/wp-content/themes/safari/assets/fonts/Morion-Bold.woff2) format("woff2"), url(//safari-insider.com/wp-content/themes/safari/assets/fonts/Morion-Bold.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Morion-Light";
src: url(//safari-insider.com/wp-content/themes/safari/assets/fonts/Morion-Light.woff2) format("woff2"), url(//safari-insider.com/wp-content/themes/safari/assets/fonts/Morion-Light.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Soleil-Regular";
src: url(//safari-insider.com/wp-content/themes/safari/assets/fonts/Soleil-Regular.woff2) format("woff2"), url(//safari-insider.com/wp-content/themes/safari/assets/fonts/Soleil-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
} :root {
--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-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-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
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;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
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;
direction: ltr ;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
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]::-webkit-calendar-picker-indicator {
display: none;
}
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: 0.5rem;
font-size: calc(1.275rem + 0.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] {
outline-offset: -2px;
-webkit-appearance: textfield;
} ::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-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;
} :root {
--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-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-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
.container,
.container-fluid,
.container-sl,
.container-xxxl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1360px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1360px;
}
}
@media (min-width: 1440px) {
.container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1360px;
}
}
@media (min-width: 1920px) {
.container-sl, .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1360px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
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: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.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 {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
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: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.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 {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-md-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
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: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.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 {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
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: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.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 {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
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: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.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: 1360px) {
.col-xxl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
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: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.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;
}
}
@media (min-width: 1440px) {
.col-xxxl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xxxl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xxxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xxxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xxxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xxxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xxxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xxxl-0 {
margin-left: 0;
}
.offset-xxxl-1 {
margin-left: 8.33333333%;
}
.offset-xxxl-2 {
margin-left: 16.66666667%;
}
.offset-xxxl-3 {
margin-left: 25%;
}
.offset-xxxl-4 {
margin-left: 33.33333333%;
}
.offset-xxxl-5 {
margin-left: 41.66666667%;
}
.offset-xxxl-6 {
margin-left: 50%;
}
.offset-xxxl-7 {
margin-left: 58.33333333%;
}
.offset-xxxl-8 {
margin-left: 66.66666667%;
}
.offset-xxxl-9 {
margin-left: 75%;
}
.offset-xxxl-10 {
margin-left: 83.33333333%;
}
.offset-xxxl-11 {
margin-left: 91.66666667%;
}
.g-xxxl-0,
.gx-xxxl-0 {
--bs-gutter-x: 0;
}
.g-xxxl-0,
.gy-xxxl-0 {
--bs-gutter-y: 0;
}
.g-xxxl-1,
.gx-xxxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxxl-1,
.gy-xxxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxxl-2,
.gx-xxxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxxl-2,
.gy-xxxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxxl-3,
.gx-xxxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxxl-3,
.gy-xxxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxxl-4,
.gx-xxxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxxl-4,
.gy-xxxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxxl-5,
.gx-xxxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxxl-5,
.gy-xxxl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1920px) {
.col-sl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-sl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-sl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-sl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-sl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-sl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-sl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-sl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-sl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-sl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-sl-0 {
margin-left: 0;
}
.offset-sl-1 {
margin-left: 8.33333333%;
}
.offset-sl-2 {
margin-left: 16.66666667%;
}
.offset-sl-3 {
margin-left: 25%;
}
.offset-sl-4 {
margin-left: 33.33333333%;
}
.offset-sl-5 {
margin-left: 41.66666667%;
}
.offset-sl-6 {
margin-left: 50%;
}
.offset-sl-7 {
margin-left: 58.33333333%;
}
.offset-sl-8 {
margin-left: 66.66666667%;
}
.offset-sl-9 {
margin-left: 75%;
}
.offset-sl-10 {
margin-left: 83.33333333%;
}
.offset-sl-11 {
margin-left: 91.66666667%;
}
.g-sl-0,
.gx-sl-0 {
--bs-gutter-x: 0;
}
.g-sl-0,
.gy-sl-0 {
--bs-gutter-y: 0;
}
.g-sl-1,
.gx-sl-1 {
--bs-gutter-x: 0.25rem;
}
.g-sl-1,
.gy-sl-1 {
--bs-gutter-y: 0.25rem;
}
.g-sl-2,
.gx-sl-2 {
--bs-gutter-x: 0.5rem;
}
.g-sl-2,
.gy-sl-2 {
--bs-gutter-y: 0.5rem;
}
.g-sl-3,
.gx-sl-3 {
--bs-gutter-x: 1rem;
}
.g-sl-3,
.gy-sl-3 {
--bs-gutter-y: 1rem;
}
.g-sl-4,
.gx-sl-4 {
--bs-gutter-x: 1.5rem;
}
.g-sl-4,
.gy-sl-4 {
--bs-gutter-y: 1.5rem;
}
.g-sl-5,
.gx-sl-5 {
--bs-gutter-x: 3rem;
}
.g-sl-5,
.gy-sl-5 {
--bs-gutter-y: 3rem;
}
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
@media (min-width: 576px) {
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: -ms-grid !important;
display: 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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-sm-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-sm-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-sm-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-sm-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: -ms-grid !important;
display: 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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-md-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-md-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-md-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-md-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-md-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-md-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-md-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-md-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-md-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-md-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 992px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: -ms-grid !important;
display: 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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-lg-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-lg-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-lg-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-lg-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1200px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: -ms-grid !important;
display: 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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-xl-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1360px) {
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: -ms-grid !important;
display: 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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xxl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xxl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.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: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.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: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.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: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.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: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.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: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.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: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.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: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.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: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.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: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.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: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.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: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.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: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.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: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1440px) {
.d-xxxl-inline {
display: inline !important;
}
.d-xxxl-inline-block {
display: inline-block !important;
}
.d-xxxl-block {
display: block !important;
}
.d-xxxl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-xxxl-table {
display: table !important;
}
.d-xxxl-table-row {
display: table-row !important;
}
.d-xxxl-table-cell {
display: table-cell !important;
}
.d-xxxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xxxl-none {
display: none !important;
}
.flex-xxxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xxxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xxxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xxxl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xxxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxxl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xxxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxxl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xxxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxxl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xxxl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xxxl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xxxl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xxxl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xxxl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xxxl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xxxl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xxxl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xxxl-0 {
margin: 0 !important;
}
.m-xxxl-1 {
margin: 0.25rem !important;
}
.m-xxxl-2 {
margin: 0.5rem !important;
}
.m-xxxl-3 {
margin: 1rem !important;
}
.m-xxxl-4 {
margin: 1.5rem !important;
}
.m-xxxl-5 {
margin: 3rem !important;
}
.m-xxxl-auto {
margin: auto !important;
}
.mx-xxxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxxl-0 {
margin-top: 0 !important;
}
.mt-xxxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxxl-3 {
margin-top: 1rem !important;
}
.mt-xxxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxxl-5 {
margin-top: 3rem !important;
}
.mt-xxxl-auto {
margin-top: auto !important;
}
.me-xxxl-0 {
margin-right: 0 !important;
}
.me-xxxl-1 {
margin-right: 0.25rem !important;
}
.me-xxxl-2 {
margin-right: 0.5rem !important;
}
.me-xxxl-3 {
margin-right: 1rem !important;
}
.me-xxxl-4 {
margin-right: 1.5rem !important;
}
.me-xxxl-5 {
margin-right: 3rem !important;
}
.me-xxxl-auto {
margin-right: auto !important;
}
.mb-xxxl-0 {
margin-bottom: 0 !important;
}
.mb-xxxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxxl-auto {
margin-bottom: auto !important;
}
.ms-xxxl-0 {
margin-left: 0 !important;
}
.ms-xxxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxxl-3 {
margin-left: 1rem !important;
}
.ms-xxxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxxl-5 {
margin-left: 3rem !important;
}
.ms-xxxl-auto {
margin-left: auto !important;
}
.p-xxxl-0 {
padding: 0 !important;
}
.p-xxxl-1 {
padding: 0.25rem !important;
}
.p-xxxl-2 {
padding: 0.5rem !important;
}
.p-xxxl-3 {
padding: 1rem !important;
}
.p-xxxl-4 {
padding: 1.5rem !important;
}
.p-xxxl-5 {
padding: 3rem !important;
}
.px-xxxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxxl-0 {
padding-top: 0 !important;
}
.pt-xxxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxxl-3 {
padding-top: 1rem !important;
}
.pt-xxxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxxl-5 {
padding-top: 3rem !important;
}
.pe-xxxl-0 {
padding-right: 0 !important;
}
.pe-xxxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxxl-3 {
padding-right: 1rem !important;
}
.pe-xxxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxxl-5 {
padding-right: 3rem !important;
}
.pb-xxxl-0 {
padding-bottom: 0 !important;
}
.pb-xxxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxxl-0 {
padding-left: 0 !important;
}
.ps-xxxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxxl-3 {
padding-left: 1rem !important;
}
.ps-xxxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxxl-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1920px) {
.d-sl-inline {
display: inline !important;
}
.d-sl-inline-block {
display: inline-block !important;
}
.d-sl-block {
display: block !important;
}
.d-sl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-sl-table {
display: table !important;
}
.d-sl-table-row {
display: table-row !important;
}
.d-sl-table-cell {
display: table-cell !important;
}
.d-sl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-sl-none {
display: none !important;
}
.flex-sl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-sl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-sl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-sl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-sl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-sl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-sl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-sl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-sl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-sl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-sl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-sl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-sl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-sl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-sl-0 {
margin: 0 !important;
}
.m-sl-1 {
margin: 0.25rem !important;
}
.m-sl-2 {
margin: 0.5rem !important;
}
.m-sl-3 {
margin: 1rem !important;
}
.m-sl-4 {
margin: 1.5rem !important;
}
.m-sl-5 {
margin: 3rem !important;
}
.m-sl-auto {
margin: auto !important;
}
.mx-sl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sl-0 {
margin-top: 0 !important;
}
.mt-sl-1 {
margin-top: 0.25rem !important;
}
.mt-sl-2 {
margin-top: 0.5rem !important;
}
.mt-sl-3 {
margin-top: 1rem !important;
}
.mt-sl-4 {
margin-top: 1.5rem !important;
}
.mt-sl-5 {
margin-top: 3rem !important;
}
.mt-sl-auto {
margin-top: auto !important;
}
.me-sl-0 {
margin-right: 0 !important;
}
.me-sl-1 {
margin-right: 0.25rem !important;
}
.me-sl-2 {
margin-right: 0.5rem !important;
}
.me-sl-3 {
margin-right: 1rem !important;
}
.me-sl-4 {
margin-right: 1.5rem !important;
}
.me-sl-5 {
margin-right: 3rem !important;
}
.me-sl-auto {
margin-right: auto !important;
}
.mb-sl-0 {
margin-bottom: 0 !important;
}
.mb-sl-1 {
margin-bottom: 0.25rem !important;
}
.mb-sl-2 {
margin-bottom: 0.5rem !important;
}
.mb-sl-3 {
margin-bottom: 1rem !important;
}
.mb-sl-4 {
margin-bottom: 1.5rem !important;
}
.mb-sl-5 {
margin-bottom: 3rem !important;
}
.mb-sl-auto {
margin-bottom: auto !important;
}
.ms-sl-0 {
margin-left: 0 !important;
}
.ms-sl-1 {
margin-left: 0.25rem !important;
}
.ms-sl-2 {
margin-left: 0.5rem !important;
}
.ms-sl-3 {
margin-left: 1rem !important;
}
.ms-sl-4 {
margin-left: 1.5rem !important;
}
.ms-sl-5 {
margin-left: 3rem !important;
}
.ms-sl-auto {
margin-left: auto !important;
}
.p-sl-0 {
padding: 0 !important;
}
.p-sl-1 {
padding: 0.25rem !important;
}
.p-sl-2 {
padding: 0.5rem !important;
}
.p-sl-3 {
padding: 1rem !important;
}
.p-sl-4 {
padding: 1.5rem !important;
}
.p-sl-5 {
padding: 3rem !important;
}
.px-sl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sl-0 {
padding-top: 0 !important;
}
.pt-sl-1 {
padding-top: 0.25rem !important;
}
.pt-sl-2 {
padding-top: 0.5rem !important;
}
.pt-sl-3 {
padding-top: 1rem !important;
}
.pt-sl-4 {
padding-top: 1.5rem !important;
}
.pt-sl-5 {
padding-top: 3rem !important;
}
.pe-sl-0 {
padding-right: 0 !important;
}
.pe-sl-1 {
padding-right: 0.25rem !important;
}
.pe-sl-2 {
padding-right: 0.5rem !important;
}
.pe-sl-3 {
padding-right: 1rem !important;
}
.pe-sl-4 {
padding-right: 1.5rem !important;
}
.pe-sl-5 {
padding-right: 3rem !important;
}
.pb-sl-0 {
padding-bottom: 0 !important;
}
.pb-sl-1 {
padding-bottom: 0.25rem !important;
}
.pb-sl-2 {
padding-bottom: 0.5rem !important;
}
.pb-sl-3 {
padding-bottom: 1rem !important;
}
.pb-sl-4 {
padding-bottom: 1.5rem !important;
}
.pb-sl-5 {
padding-bottom: 3rem !important;
}
.ps-sl-0 {
padding-left: 0 !important;
}
.ps-sl-1 {
padding-left: 0.25rem !important;
}
.ps-sl-2 {
padding-left: 0.5rem !important;
}
.ps-sl-3 {
padding-left: 1rem !important;
}
.ps-sl-4 {
padding-left: 1.5rem !important;
}
.ps-sl-5 {
padding-left: 3rem !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: -ms-grid !important;
display: 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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
.datepicker {
display: none;
}
.datepicker.active {
display: block;
}
.datepicker-dropdown {
left: 0;
padding-top: 4px;
position: absolute;
top: 0;
z-index: 20;
}
.datepicker-dropdown.datepicker-orient-top {
padding-bottom: 4px;
padding-top: 0;
}
.datepicker-picker {
background-color: #fff;
border-radius: 4px;
display: inline-block;
}
.datepicker-dropdown .datepicker-picker {
-webkit-box-shadow: 0 2px 3px hsla(0, 0%, 4%, 0.1), 0 0 0 1px hsla(0, 0%, 4%, 0.1);
box-shadow: 0 2px 3px hsla(0, 0%, 4%, 0.1), 0 0 0 1px hsla(0, 0%, 4%, 0.1);
}
.datepicker-picker span {
-webkit-touch-callout: none;
border: 0;
border-radius: 4px;
cursor: default;
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker-main {
padding: 2px;
}
.datepicker-footer {
background-color: #f5f5f5;
-webkit-box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, 0.1);
box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, 0.1);
}
.datepicker-controls, .datepicker-grid, .datepicker-view, .datepicker-view .days-of-week {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.datepicker-grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.datepicker-view .days .datepicker-cell, .datepicker-view .dow {
-ms-flex-preferred-size: 14.2857142857%;
flex-basis: 14.2857142857%;
}
.datepicker-view.datepicker-grid .datepicker-cell {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.datepicker-cell, .datepicker-view .week {
height: 2.25rem;
line-height: 2.25rem;
}
.datepicker-title {
background-color: #f5f5f5;
-webkit-box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, 0.1);
box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, 0.1);
font-weight: 700;
padding: 0.375rem 0.75rem;
text-align: center;
}
.datepicker-header .datepicker-controls {
padding: 2px 2px 0;
}
.datepicker-controls .button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
margin: 0;
padding: calc(0.375em - 1px) 0.75em;
position: relative;
text-align: center;
vertical-align: top;
white-space: nowrap;
}
.datepicker-controls .button:active, .datepicker-controls .button:focus {
outline: none;
}
.datepicker-controls .button:hover {
border-color: #b5b5b5;
color: #363636;
}
.datepicker-controls .button:focus {
border-color: #3273dc;
color: #363636;
}
.datepicker-controls .button:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.datepicker-controls .button:active {
border-color: #4a4a4a;
color: #363636;
}
.datepicker-controls .button[disabled] {
cursor: not-allowed;
}
.datepicker-header .datepicker-controls .button {
border-color: transparent;
font-weight: 700;
}
.datepicker-header .datepicker-controls .button:hover {
background-color: #f9f9f9;
}
.datepicker-header .datepicker-controls .button:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}
.datepicker-header .datepicker-controls .button:active {
background-color: #f2f2f2;
}
.datepicker-header .datepicker-controls .button[disabled] {
-webkit-box-shadow: none;
box-shadow: none;
}
.datepicker-footer .datepicker-controls .button {
border-radius: 2px;
font-size: 0.75rem;
margin: calc(0.375rem - 1px) 0.375rem;
width: 100%;
}
.datepicker-controls .view-switch {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.datepicker-controls .next-btn, .datepicker-controls .prev-btn {
padding-left: 0.375rem;
padding-right: 0.375rem;
width: 2.25rem;
}
.datepicker-controls .next-btn.disabled, .datepicker-controls .prev-btn.disabled {
visibility: hidden;
}
.datepicker-view .dow {
font-size: 0.875rem;
font-weight: 700;
height: 1.5rem;
line-height: 1.5rem;
}
.datepicker-view .week {
color: #b5b5b5;
font-size: 0.75rem;
width: 2.25rem;
}
@media (max-width: 22.5rem) {
.datepicker-view .week {
width: 1.96875rem;
}
}
.datepicker-grid {
width: 15.75rem;
}
@media (max-width: 22.5rem) {
.calendar-weeks + .days .datepicker-grid {
width: 13.78125rem;
}
}
.datepicker-cell:not(.disabled):hover {
background-color: #f9f9f9;
cursor: pointer;
}
.datepicker-cell.focused:not(.selected) {
background-color: #e8e8e8;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
background-color: #3273dc;
color: #fff;
font-weight: 600;
}
.datepicker-cell.disabled {
color: #dbdbdb;
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
color: #7a7a7a;
}
.datepicker-cell.next.selected, .datepicker-cell.prev.selected {
color: #e6e6e6;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
background-color: #f5f5f5;
border-radius: 0;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
background-color: #eee;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
background-color: #e8e8e8;
}
.datepicker-cell.today:not(.selected) {
background-color: #00d1b2;
}
.datepicker-cell.today:not(.selected):not(.disabled) {
color: #fff;
}
.datepicker-cell.today.focused:not(.selected) {
background-color: #00c4a7;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
background-color: #b5b5b5;
color: #fff;
}
.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
background-color: #afafaf;
}
.datepicker-cell.range-start {
border-radius: 4px 0 0 4px;
}
.datepicker-cell.range-end {
border-radius: 0 4px 4px 0;
}
.datepicker-cell.range {
background-color: #dbdbdb;
border-radius: 0;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
background-color: #d5d5d5;
}
.datepicker-cell.range.disabled {
color: #c2c2c2;
}
.datepicker-cell.range.focused {
background-color: #cfcfcf;
}
.datepicker-view.datepicker-grid .datepicker-cell {
height: 4.5rem;
line-height: 4.5rem;
}
.datepicker-input.in-edit {
border-color: #2366d1;
}
.datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
-webkit-box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
}
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base, .noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect, .noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
-webkit-transform-style: flat;
transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
.noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
-webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:after, .noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips, .noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
} .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//safari-insider.com/wp-content/themes/safari/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//safari-insider.com/wp-content/themes/safari/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//safari-insider.com/wp-content/themes/safari/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-control-attribution svg {
display: inline !important;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.leaflet-popup-content-wrapper {
border-radius: 0;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-xxxl, .container-sl,
.row > * {
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row.g-0 {
margin-left: 0;
margin-right: 0;
}
.row.g-0 > * {
padding-left: 0;
padding-right: 0;
}
* {
margin: 0;
padding: 0;
}
html, body {
background-color: #F8F8F2;
font-family: "Morion-Light", Calibri, Arial, Helvetica, sans-serif;
font-size: 1rem;
color: black;
}
body {
overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6, p, ul {
margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, strong, b {
font-weight: normal;
}
ol, ul {
padding-left: 0;
}
ul {
list-style-type: none;
}
a, a:hover {
color: black;
text-decoration: none;
}
img, svg {
max-width: 100%;
}
.svg-icon,
.svg-icon svg {
display: block;
}
.svg-icon svg {
width: 100%;
height: auto;
}
.read-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Soleil-Regular";
line-height: 1.6875;
}
.read-more--uppercase {
text-transform: uppercase;
}
.read-more--button {
margin: 0 6px;
padding: 6px 15px;
font-family: "Morion-Bold";
line-height: 1.2875;
border: 1px solid currentColor;
}
@media (min-width: 768px) {
.read-more--button {
margin: 0 9px;
padding: 9px 21px;
font-size: 1.125rem;
line-height: 1.3875;
}
}
@media (min-width: 1200px) {
.read-more--button {
padding-left: 27px;
padding-right: 27px;
font-size: 1.25rem;
line-height: 1.4875;
}
}
.read-more__text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
overflow: hidden;
}
.read-more__text:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: translateX(calc(-100% + 60px));
transform: translateX(calc(-100% + 60px));
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-bottom: 1px solid currentColor;
}
.read-more--full-width .read-more__text:after,
.read-more--variable-width .read-more__text:after,
.read-more--button .read-more__text:after {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
}
.read-more--variable-width .read-more__text:after {
width: 65.048%;
}
.read-more--full-width-reverse .read-more__text:after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.read-more .svg-icon.icon-arrow-left,
.read-more .svg-icon.icon-arrow-right {
width: 12px;
}
.read-more .svg-icon.icon-arrow-left {
margin-right: 20px;
}
.read-more .svg-icon.icon-arrow-right {
margin-left: 20px;
}
.read-more:not(.read-more--full-width-reverse):hover .read-more__text:after {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.read-more--full-width-reverse:hover .read-more__text:after {
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
}
.logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.logo .svg-icon {
width: 100%;
}
.logo__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80px;
}
@media (min-width: 768px) {
.logo__link {
width: 95px;
}
}
@media (min-width: 1200px) {
.logo__link {
width: 110px;
}
}
@media (min-width: 1440px) {
.logo__link {
width: 125px;
}
}
.header__logo {
display: none;
}
.header__logo .logo__link {
height: 78px;
}
@media (min-width: 768px) {
.header__logo .logo__link {
height: 91px;
}
}
@media (min-width: 1200px) {
.header__logo .logo__link {
padding-bottom: 6px;
height: 104px;
}
}
@media (min-width: 1360px) {
.header__logo .logo__link {
padding-bottom: 9px;
height: 117px;
}
}
@media (min-width: 1440px) {
.header__logo .logo__link {
padding-bottom: 12px;
height: 130px;
}
}
.header__logo .svg-icon svg {
fill: black;
stroke: black;
}
.preloader {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 75px;
}
.preloader__dot {
margin: 0 6px;
width: 12px;
height: 12px;
background-color: #5CE0E6;
border-radius: 50%;
-webkit-animation: preloader_bounce 1.5s 0.5s linear infinite;
animation: preloader_bounce 1.5s 0.5s linear infinite;
}
.preloader__dot:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.preloader__dot:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes preloader_bounce {
0%, 50%, 100% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
75% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes preloader_bounce {
0%, 50%, 100% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
75% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.broken-image {
background-color: rgba(0, 0, 0, 0.1) !important;
background-size: 33.333% auto !important;
}
.phone-number,
.email-address,
.newsletter {
font-family: "Morion-Bold";
font-size: calc(1.3125rem + 0.75vw);
white-space: nowrap;
}
@media (min-width: 1200px) {
.phone-number,
.email-address,
.newsletter {
font-size: 1.875rem;
}
}
.header__phone-number-and-email-adress {
margin: 30px 15px 15px;
}
@media (min-width: 768px) {
.header__phone-number-and-email-adress {
margin-left: 30px;
margin-right: 30px;
}
}
@media (min-width: 1200px) {
.header__phone-number-and-email-adress {
margin-top: 29px;
margin-bottom: 0;
}
}
@media (min-width: 1360px) {
.header__phone-number-and-email-adress {
margin-top: 44px;
}
}
@media (min-width: 1440px) {
.header__phone-number-and-email-adress {
margin-top: 59px;
}
}
.footer__phone-number-and-email-address-and-newsletter-link {
margin: 30px 0 15px;
}
@media (min-width: 768px) {
.footer__phone-number-and-email-address-and-newsletter-link {
margin: 6px 0 15px;
}
}
@media (min-width: 1360px) {
.footer__phone-number-and-email-address-and-newsletter-link {
margin: 0;
}
}
.footer__phone-number,
.footer__email-address,
.footer__newsletter {
margin-top: 12px;
margin-bottom: 30px;
line-height: 1.35;
}
@media (min-width: 768px) {
.footer__phone-number,
.footer__email-address,
.footer__newsletter {
margin-top: 18px;
}
}
@media (min-width: 1360px) {
.footer__phone-number,
.footer__email-address,
.footer__newsletter {
margin-bottom: 36px;
}
}
@media (min-width: 1360px) {
.footer__email-address,
.footer__newsletter {
margin-top: -3px;
}
}
.footer__newsletter {
margin-bottom: 0;
}
.rounded-btn {
display: block;
width: 45px;
height: 45px;
}
@media (min-width: 768px) {
.rounded-btn {
width: 60px;
height: 60px;
}
}
@media (min-width: 1200px) {
.rounded-btn {
width: 75px;
height: 75px;
}
}
@media (min-width: 1440px) {
.rounded-btn {
width: 90px;
height: 90px;
}
}
.rounded-btn .svg-icon {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rounded-btn:hover .svg-icon {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.header__rounded-btn {
margin-left: 15px;
}
.footer__contact-us-btn {
position: absolute;
top: 0;
left: 66.666%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 51px;
height: 51px;
}
@media (min-width: 768px) {
.footer__contact-us-btn {
left: 51.739%;
width: 66px;
height: 66px;
}
}
@media (min-width: 992px) {
.footer__contact-us-btn {
left: 51.492%;
}
}
@media (min-width: 1200px) {
.footer__contact-us-btn {
left: 68.108%;
width: 81px;
height: 81px;
}
}
@media (min-width: 1360px) {
.footer__contact-us-btn {
left: 68.116%;
width: 96px;
height: 96px;
}
}
@media (min-width: 1440px) {
.footer__contact-us-btn {
left: 67.954%;
width: 111px;
height: 111px;
}
}
.underlined-headline {
margin-bottom: 12px;
font-family: "Soleil-Regular";
font-size: 1rem;
line-height: 1.5175;
text-transform: uppercase;
}
.underlined-headline__text {
display: inline-block;
border-bottom: 1px solid currentColor;
}
.block-headline {
margin-bottom: 24px;
font-family: "Morion-Bold";
font-size: calc(1.8rem + 6.6vw);
line-height: 1.09;
}
@media (min-width: 1200px) {
.block-headline {
font-size: 6.75rem;
}
}
@media (min-width: 768px) {
.block-headline {
margin-bottom: 30px;
font-size: calc(1.4rem + 1.8vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.block-headline {
font-size: 2.75rem;
}
}
@media (min-width: 992px) {
.block-headline {
margin-bottom: 36px;
}
}
@media (min-width: 1200px) {
.block-headline {
margin-bottom: 42px;
font-size: calc(1.425rem + 2.1vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-headline {
font-size: 3rem;
}
}
@media (min-width: 1360px) {
.block-headline {
margin-bottom: 48px;
font-size: calc(1.45rem + 2.4vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.block-headline {
font-size: 3.25rem;
}
}
@media (min-width: 1440px) {
.block-headline {
margin-bottom: 54px;
font-size: calc(1.475rem + 2.7vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.block-headline {
font-size: 3.5rem;
}
}
@media (min-width: 1920px) {
.block-headline {
margin-bottom: 60px;
font-size: calc(1.5rem + 3vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.block-headline {
font-size: 3.75rem;
}
}
.block-headline--align-center {
text-align: center;
}
.social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-links__separator {
display: block;
padding: 0 3px;
}
.footer__social-links .social-links__single-link {
line-height: 1.5625;
}
.footer__social-links .svg-icon {
width: 30px;
}
.scroller {
position: relative;
}
.scroller__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.scroller__single-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 12px;
cursor: pointer;
}
.scroller__single-button .svg-icon {
width: 30px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.scroller__single-button--direction-left:hover .svg-icon {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
.scroller__single-button--direction-right:hover .svg-icon {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.scroller__single-button.disabled {
opacity: 0.5;
pointer-events: none;
}
.scroller__wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.scroller__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.scroller__blank-space {
position: absolute;
top: 0;
bottom: 0;
right: 100%;
width: 100vw;
background-color: #F8F8F2;
}
.popup-window {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.75);
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 999999;
}
.popup-window__preloader {
min-height: 25vh;
}
.popup-window__preloader--show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popup-window__error-message {
margin: 5vh 0;
font-size: 1.125rem;
font-weight: bold;
text-align: center;
}
.popup-window__wrapper {
position: relative;
background-color: white;
}
.popup-window__content {
max-height: 90vh;
overflow: hidden;
overflow-y: auto;
}
.popup-window__close-btn {
padding: 12px;
position: absolute;
top: 0;
right: 0;
width: 39px;
height: 39px;
background-color: white;
cursor: pointer;
}
@media (min-width: 768px) {
.popup-window__close-btn {
padding: 18px;
width: 54px;
height: 54px;
}
}
@media (min-width: 1360px) {
.popup-window__close-btn {
padding: 24px;
width: 69px;
height: 69px;
}
}
@media (min-width: 1920px) {
.popup-window__close-btn {
padding: 36px;
width: 99px;
height: 99px;
}
}
.popup-window__close-btn .svg-icon.icon-close-btn {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.popup-window__close-btn:hover .svg-icon.icon-close-btn {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.background-pattern {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 991.98px) {
.background-pattern {
display: none;
}
}
.background-pattern--justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.background-pattern--justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.background-pattern svg {
height: 100%;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.add-text-shadow {
text-shadow: 0 0 9px rgba(0, 0, 0, 0.35);
}
.tooltip-parent {
position: relative;
}
.tooltip-child {
display: block;
padding: 0 6px;
position: absolute;
background-color: #F8F8F2;
white-space: nowrap;
font-size: small;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border: 1px solid black;
z-index: 9;  }
.tooltip-child:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.tooltip-child--position-top, .tooltip-child--position-top:after, .tooltip-child--position-bottom, .tooltip-child--position-bottom:after {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip-child--position-top {
bottom: calc(100% + 6px);
}
.tooltip-child--position-top:after {
top: 100%;
border-width: 6px 6px 0 6px;
border-color: black transparent transparent transparent;
}
.tooltip-child--position-bottom {
top: calc(100% + 6px);
}
.tooltip-child--position-bottom:after {
bottom: 100%;
border-width: 0 6px 6px 6px;
border-color: transparent transparent black transparent;
}
.tooltip-child--position-left, .tooltip-child--position-left:after, .tooltip-child--position-right, .tooltip-child--position-right:after {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip-child--position-left {
right: calc(100% + 6px);
}
.tooltip-child--position-left:after {
left: 100%;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent black;
}
.tooltip-child--position-right {
left: calc(100% + 6px);
}
.tooltip-child--position-right:after {
right: 100%;
border-width: 6px 6px 6px 0;
border-color: transparent black transparent transparent;
}
.tooltip-parent:hover .tooltip-child {
opacity: 1;
visibility: visible;
}
.wpcf7-form-control-wrap {
display: block;
position: static;
}
.wpcf7-list-item {
display: block;
margin: 0;
}
.wpcf7-response-output {
display: none;
}
.form-field,
.form-field label,
.form-field select,
.form-field textarea,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email],
.form-field input[type=submit] {
display: block;
width: 100%;
background-color: transparent;
resize: none;
outline: none;
font-family: "Soleil-Regular";
font-size: 0.875rem;
line-height: 1.5625;
text-transform: uppercase;
border: none;
}
@media (min-width: 768px) {
.form-field,
.form-field label,
.form-field select,
.form-field textarea,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email],
.form-field input[type=submit] {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.form-field {
margin: 30px 0;
}
}
@media (min-width: 992px) {
.form-field {
margin: 33px 0;
}
}
@media (min-width: 1200px) {
.form-field {
margin: 36px 0;
}
}
@media (min-width: 1360px) {
.form-field {
margin: 39px 0;
}
}
@media (min-width: 1440px) {
.form-field {
margin: 42px 0;
}
}
@media (min-width: 1920px) {
.form-field {
margin: 45px 0;
}
}
.wysiwyg .form-field p {
margin-bottom: 0;
}
.form-field--last {
margin-bottom: 45px;
}
@media (min-width: 768px) {
.form-field--last {
margin-bottom: 54px;
}
}
@media (min-width: 992px) {
.form-field--last {
margin-bottom: 63px;
}
}
@media (min-width: 1200px) {
.form-field--last {
margin-bottom: 72px;
}
}
@media (min-width: 1360px) {
.form-field--last {
margin-bottom: 81px;
}
}
@media (min-width: 1440px) {
.form-field--last {
margin-bottom: 90px;
}
}
@media (min-width: 1920px) {
.form-field--last {
margin-bottom: 99px;
}
}
.form-field__single-field {
position: relative;
}
.form-field__label,
.wpcf7-quiz-label {
display: block;
margin: 30px 0 9px;
}
@media (min-width: 768px) {
.form-field__label,
.wpcf7-quiz-label {
margin-top: 24px;
}
}
.form-field label {
cursor: pointer;
}
.form-field select,
.form-field textarea,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email] {
padding: 9px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.form-field select:hover,
.form-field textarea:hover,
.form-field input[type=text]:hover,
.form-field input[type=tel]:hover,
.form-field input[type=email]:hover {
border: 1px solid rgba(0, 0, 0, 0.4);
}
.form-field select:focus,
.form-field textarea:focus,
.form-field input[type=text]:focus,
.form-field input[type=tel]:focus,
.form-field input[type=email]:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.form-field select,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email] {
height: 50px;
}
@media (min-width: 768px) {
.form-field select,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email] {
height: 55px;
}
}
@media (min-width: 1200px) {
.form-field select,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email] {
height: 60px;
}
}
@media (min-width: 1440px) {
.form-field select,
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=email] {
height: 70px;
}
}
.form-field textarea {
height: 150px;
}
@media (min-width: 768px) {
.form-field textarea {
height: 210px;
}
}
.form-field .block-headline {
margin: 0;
font-size: 1.25rem;
text-transform: none;
}
.form-field__message {
font-family: "Soleil-Regular";
font-size: 0.875rem;
line-height: 1.428;
text-transform: none;
}
@media (max-width: 575.98px) {
.dates-picker__select-field {
margin-bottom: 9px;
}
}
.dates-picker__select-field select {
padding-right: 36px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.dates-picker__select-field__arrows {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
width: 14px;
}
.dates-picker__select-field__arrows .svg-icon.icon-arrow-up {
margin-bottom: 6px;
}
.dates-picker__select-field__arrows .svg-icon.icon-arrow-down {
margin-up: 6px;
}
.dates-picker__calendar {
position: relative;
width: 60px;
cursor: pointer;
}
.dates-picker__calendar .wpcf7-form-control-wrap,
.dates-picker__hidden-field {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
cursor: pointer;
}
.dates-picker__hidden-field {
opacity: 0;
}
.range-slider__field-start,
.range-slider__field-end {
text-align: center;
}
.range-slider__target,
.range-slider__target .noUi-handle {
background: black;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.range-slider__target {
margin: 39px 0 15px;
height: 1px;
border-radius: 0;
}
.range-slider__target .noUi-handle {
width: 24px;
height: 24px;
cursor: move;
border-radius: 50%;
}
.range-slider__target .noUi-handle:before, .range-slider__target .noUi-handle:after {
display: none;
}
.range-slider__target.noUi-horizontal .noUi-handle {
top: -12px;
right: -12px;
}
@media (min-width: 576px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -9px;
}
}
@media (min-width: 768px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -15px;
}
}
@media (min-width: 992px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -12px;
}
}
@media (min-width: 1200px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -9px;
}
}
@media (min-width: 1360px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -6px;
}
}
@media (min-width: 576px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-upper {
right: -15px;
}
}
@media (min-width: 768px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-upper {
right: -9px;
}
}
@media (min-width: 992px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-upper {
right: -12px;
}
}
@media (min-width: 1200px) {
.range-slider__target.noUi-horizontal .noUi-handle.noUi-handle-upper {
right: -15px;
}
}
.form-field__single-field--checkbox {
padding-left: 60px;
}
.form-field__single-field--checkbox .wpcf7-list-item {
margin: 12px 0 24px;
}
@media (min-width: 1200px) {
.form-field__single-field--checkbox .wpcf7-list-item {
margin: 17px 0 30px;
}
}
.form-field__single-field--checkbox label {
padding: 6px 0;
position: relative;
}
.form-field__single-field--checkbox input[type=checkbox] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: calc(100% + 24px);
width: 36px;
height: 36px;
opacity: 0;
visibility: hidden;
}
.form-field__single-field--checkbox .wpcf7-list-item-label:before,
.form-field__single-field--checkbox .wpcf7-list-item-label:after {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) scale(var(--checkbox-check-sign, 0.8));
transform: translateY(-50%) scale(var(--checkbox-check-sign, 0.8));
right: calc(100% + 24px);
width: 36px;
height: 36px;
font-size: calc(1.325rem + 0.9vw);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media (min-width: 1200px) {
.form-field__single-field--checkbox .wpcf7-list-item-label:before,
.form-field__single-field--checkbox .wpcf7-list-item-label:after {
font-size: 2rem;
}
}
.form-field__single-field--checkbox .wpcf7-list-item-label:before {
--checkbox-check-sign: 1;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.form-field__single-field--checkbox label:hover .wpcf7-list-item-label:before,
.form-field__single-field--checkbox input[type=checkbox]:checked + .wpcf7-list-item-label:before {
border-color: black;
}
.form-field__single-field--checkbox .wpcf7-list-item-label:after {
content: "✓";
opacity: 0;
visibility: hidden;
}
.form-field__single-field--checkbox input[type=checkbox]:checked + .wpcf7-list-item-label:after {
--checkbox-check-sign: 1;
opacity: 1;
visibility: visible;
}
label.label-in-label {
padding: 0;
}
.label-in-label .wpcf7-form-control-wrap .wpcf7-list-item {
margin-bottom: 0;
}
.label-in-label > .wpcf7-list-item {
margin-top: -9px;
} .submit-button,
.submit-button__black-part__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.submit-button__wrapper,
.submit-button__black-part,
.submit-button__black-part__text,
.submit-button input[type=submit] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.submit-button__wrapper,
.submit-button__black-part {
overflow: hidden;
}
.submit-button__black-part,
.submit-button__black-part__text {
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
} .submit-button {
margin-top: 48px;
position: relative;
width: 231px;
height: 72px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.submit-button .wpcf7-spinner {
margin: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: calc(100% + 9px);
}
.submit-button input[type=submit] {
opacity: 0;
z-index: 99;
}
.submit-button__black-part {
background-color: black;
color: white;
-webkit-transform: translateX(-58%);
transform: translateX(-58%);
}
.submit-button__black-part__text {
-webkit-transform: translateX(58%);
transform: translateX(58%);
}
.submit-button:hover .submit-button__black-part,
.submit-button:hover .submit-button__black-part__text {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.form-field input.wpcf7-not-valid,
.form-field .wpcf7-not-valid .wpcf7-list-item-label:before {
background-color: rgba(238, 97, 83, 0.2);
}
.form-field .wpcf7-not-valid-tip {
position: absolute;
top: calc(100% + 3px);
width: 100%;
font-size: small;
}
.form-message__block-headline {
margin: 0;
padding: 30px 39px;
text-align: center;
}
@media (min-width: 768px) {
.form-message__block-headline {
padding-left: 54px;
padding-right: 54px;
}
}
@media (min-width: 1360px) {
.form-message__block-headline {
padding-left: 69px;
padding-right: 69px;
}
}
@media (min-width: 1920px) {
.form-message__block-headline {
padding-left: 99px;
padding-right: 99px;
}
}
.form-message__block-headline--mail_sent {
color: #219877;
}
.form-message__block-headline--validation_failed {
color: #EE6153;
}
.site-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
min-height: 100vh;
overflow: hidden;
}
.site-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
font-family: "Soleil-Regular";
z-index: 999;
--logo-top-letters-stop-color-first: transparent;
--logo-bottom-letters-stop-color-first: transparent;
--logo-top-letters-stop-color-second: black;
--logo-bottom-letters-stop-color-second: black;
}
@media (min-width: 768px) {
.site-header {
padding: 0 15px;
}
}
.header-proxy {
height: 52px;
}
@media (min-width: 768px) {
.header-proxy {
height: 65px;
}
}
@media (min-width: 1200px) {
.header-proxy {
height: 104px;
}
}
@media (min-width: 1360px) {
.header-proxy {
height: 117px;
}
}
@media (min-width: 1440px) {
.header-proxy {
height: 130px;
}
}
.site-header__container-fluid {
max-width: 1721px;
}
.megamenu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: calc(100vh - var(--header-height));
overflow: auto;
background-color: white;
}
@media (min-width: 1200px) {
.megamenu {
display: block;
position: static;
width: auto;
height: auto;
background-color: transparent;
}
}
.site-header.on-hover .megamenu {
display: block;
}
@media (min-width: 1200px) {
.megamenu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.megamenu__item {
white-space: nowrap;
}
@media (max-width: 1199.98px) {
.megamenu__item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.megamenu__item:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
}
.megamenu__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1200px) {
.megamenu__link {
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
}
}
.megamenu__link--top-lvl {
padding-left: 15px;
height: 52px;
letter-spacing: -0.025em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.megamenu__link--top-lvl {
padding-left: 30px;
height: 65px;
}
}
@media (min-width: 1200px) {
.megamenu__link--top-lvl {
padding-left: 17px;
padding-right: 17px;
height: 104px;
}
}
@media (min-width: 1360px) {
.megamenu__link--top-lvl {
padding: 0 23px 4px;
height: 117px;
}
}
@media (min-width: 1440px) {
.megamenu__link--top-lvl {
padding-left: 29px;
padding-right: 29px;
height: 130px;
}
}
.megamenu__link .svg-icon.icon-arrow-down {
padding: 21px 27px;
width: 66px;
}
@media (min-width: 768px) {
.megamenu__link .svg-icon.icon-arrow-down {
padding: 27px 42px;
width: 96px;
}
}
@media (min-width: 1200px) {
.megamenu__link .svg-icon.icon-arrow-down {
margin-left: 12px;
padding: 0;
width: 12px;
}
}
.megamenu__link .svg-icon.icon-arrow-down svg {
fill: black;
}
.submenu {
display: none;
background-color: white;
}
@media (min-width: 1200px) {
.submenu {
display: block;
padding: 9px 0 30px;
position: absolute;
top: 100%;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
@media (min-width: 1360px) {
.submenu {
padding: 24px 0 45px;
}
}
@media (min-width: 1440px) {
.submenu {
padding: 39px 0 60px;
}
}
.megamenu__item.submenu-is-open .submenu {
display: block;
}
@media (min-width: 1200px) {
.megamenu__item.has-children:hover .submenu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.submenu__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
}
@media (min-width: 1200px) {
.submenu__list {
margin-bottom: 29px;
}
}
@media (min-width: 1360px) {
.submenu__list {
margin-bottom: 44px;
}
}
@media (min-width: 1440px) {
.submenu__list {
margin-bottom: 59px;
}
}
.submenu__list--space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.submenu__list--space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.submenu__item {
white-space: initial;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
.submenu__item {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 25%;
border: none;
}
}
.submenu__link {
padding: 0 30px;
height: 52px;
font-family: "Morion-Bold";
font-size: calc(1.2625rem + 0.15vw);
line-height: 1.2;
}
@media (min-width: 1200px) {
.submenu__link {
font-size: 1.375rem;
}
}
@media (min-width: 768px) {
.submenu__link {
padding: 0 45px;
height: 65px;
}
}
@media (min-width: 1200px) {
.submenu__link {
display: block;
padding: 15px 0 15px 20px;
height: auto;
font-size: calc(1.275rem + 0.3vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.submenu__link {
font-size: 1.5rem;
}
}
@media (min-width: 1360px) {
.submenu__link {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.submenu__link {
font-size: 1.625rem;
}
}
@media (min-width: 1440px) {
.submenu__link {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.submenu__link {
font-size: 1.875rem;
}
}
.submenu__thumbnail {
margin-bottom: 9px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.submenu__thumbnail:before {
content: "";
display: block;
padding-top: 90.075%;
}
@media (min-width: 1360px) {
.submenu__thumbnail:before {
padding-top: 105.075%;
}
}
@media (min-width: 1440px) {
.submenu__thumbnail:before {
padding-top: 120.075%;
}
}
.submenu__icon {
display: none;
position: absolute;
left: 0;
top: 9px;
width: 36px;
}
@media (min-width: 768px) {
.submenu__icon {
top: 12px;
width: 45px;
}
}
@media (min-width: 1200px) {
.submenu__icon {
top: 15px;
}
}
@media (min-width: 1360px) {
.submenu__icon {
top: 18px;
}
}
@media (min-width: 1440px) {
.submenu__icon {
top: 21px;
}
}
.submenu__icon img {
display: block;
}
@media (min-width: 1200px) {
.submenu__text {
margin-top: 9px;
}
}
@media (min-width: 1440px) {
.submenu__text {
margin-top: 12px;
}
}
.megamenu__item__taxonomies .submenu__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1200px) {
.megamenu__item__taxonomies .submenu__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
}
@media (min-width: 1200px) {
.submenu__link {
padding: 15px 10px;
}
}
.lang-changer .wpml-ls-legacy-list-horizontal {
padding: 0;
border: none;
}
.lang-changer .wpml-ls-legacy-list-horizontal > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lang-changer .wpml-ls-item {
display: block;
position: relative;
}
.lang-changer .wpml-ls-item ~ .wpml-ls-item:before {
content: "/";
display: block;
position: absolute;
top: calc(50% - 2px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -3px;
}
.site-header__hero-image--type-image:not(.broken-image) .lang-changer .wpml-ls-item {
color: white;
}
.site-header__hero-image--type-image.broken-image .lang-changer .wpml-ls-item,
.site-header__hero-image--type-patterns .lang-changer .wpml-ls-item {
color: black;
}
.lang-changer .wpml-ls-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 6px 2px;
height: 78px;
line-height: normal;
z-index: 9;
}
@media (min-width: 768px) {
.lang-changer .wpml-ls-link {
height: 91px;
}
}
@media (min-width: 1200px) {
.lang-changer .wpml-ls-link {
height: 104px;
}
}
@media (min-width: 1360px) {
.lang-changer .wpml-ls-link {
padding-bottom: 4px;
height: 117px;
}
}
@media (min-width: 1440px) {
.lang-changer .wpml-ls-link {
height: 130px;
}
}
.lang-changer .wpml-ls-link .wpml-ls-native,
.lang-changer .wpml-ls-link .wpml-ls-display {
display: block;
padding: 3px 0;
position: relative;
overflow: hidden;
}
.lang-changer .wpml-ls-link .wpml-ls-native:before,
.lang-changer .wpml-ls-link .wpml-ls-display:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
opacity: 0;
visibility: hidden;
border-bottom: 1px solid currentColor;
}
.lang-changer .wpml-ls-link:hover .wpml-ls-native:before,
.lang-changer .wpml-ls-link:hover .wpml-ls-display:before,
.lang-changer .wpml-ls-item.wpml-ls-current-language .wpml-ls-native:before,
.lang-changer .wpml-ls-item.wpml-ls-current-language .wpml-ls-display:before {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.burger-icon {
margin-left: 18px;
padding-top: 12px;
width: 36px;
height: 30px;
cursor: pointer;
}
@media (min-width: 768px) {
.burger-icon {
margin-left: 33px;
}
}
.burger-icon span,
.burger-icon span:before,
.burger-icon span:after {
display: block;
width: 100%;
height: 3px;
background-color: black;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-radius: 3px;
}
.burger-icon span {
position: relative;
}
.burger-icon span:before, .burger-icon span:after {
content: "";
position: absolute; outline: 1px solid transparent;
}
.burger-icon span:before {
top: -12px;
}
.burger-icon span:after {
top: 12px;
}
.site-header__hero-image--type-image:not(.broken-image) .burger-icon span,
.site-header__hero-image--type-image:not(.broken-image) .burger-icon span:before,
.site-header__hero-image--type-image:not(.broken-image) .burger-icon span:after {
background-color: white;
}
.site-header.on-hover .burger-icon span:before, .site-header.on-hover .burger-icon span:after,
.site-header.is-sticky .burger-icon span:before,
.site-header.is-sticky .burger-icon span:after {
background-color: black;
}
.site-header.is-sticky .burger-icon span {
background-color: black !important;
}
.site-header.on-hover .burger-icon span {
background: transparent !important;
}
.site-header.on-hover .burger-icon span:before {
-webkit-transform: translateY(12px) rotate(-45deg);
transform: translateY(12px) rotate(-45deg);
}
.site-header.on-hover .burger-icon span:after {
-webkit-transform: translateY(-12px) rotate(45deg);
transform: translateY(-12px) rotate(45deg);
}
.site-header__hero-image--type-image:not(.broken-image) {
--logo-top-letters-stop-color-second: white;
--logo-bottom-letters-stop-color-second: white;
}
.site-header__hero-image--type-image:not(.broken-image) .header__logo .svg-icon svg,
.site-header__hero-image--type-image:not(.broken-image) .megamenu__link .svg-icon.icon-arrow-down svg {
fill: white;
}
.site-header__hero-image--type-image:not(.broken-image) .header__logo .svg-icon svg {
stroke: white;
}
.site-header__hero-image--type-image:not(.broken-image) .megamenu__link,
.site-header__hero-image--type-image:not(.broken-image) .megamenu__link:hover,
.site-header__hero-image--type-image:not(.broken-image) .lang-changer .wpml-ls-item,
.site-header__hero-image--type-image:not(.broken-image) .lang-changer .wpml-ls-link {
color: white;
}
.site-header__hero-image--type-image.broken-image {
background-color: transparent !important;
background-size: auto !important;
}
.site-header.on-hover,
.site-header.is-sticky {
background-color: white !important;
--logo-top-letters-stop-color-second: black;
--logo-bottom-letters-stop-color-second: black;
}
.site-header.on-hover .header__logo .svg-icon svg,
.site-header.on-hover .megamenu__link .svg-icon.icon-arrow-down svg,
.site-header.is-sticky .header__logo .svg-icon svg,
.site-header.is-sticky .megamenu__link .svg-icon.icon-arrow-down svg {
fill: black;
}
.site-header.on-hover .header__logo .svg-icon svg,
.site-header.is-sticky .header__logo .svg-icon svg {
stroke: black;
}
.site-header.on-hover .megamenu__link,
.site-header.on-hover .megamenu__link:hover,
.site-header.on-hover .lang-changer .wpml-ls-item,
.site-header.on-hover .lang-changer .wpml-ls-link,
.site-header.is-sticky .megamenu__link,
.site-header.is-sticky .megamenu__link:hover,
.site-header.is-sticky .lang-changer .wpml-ls-item,
.site-header.is-sticky .lang-changer .wpml-ls-link {
color: black;
}
.site-main > *:last-child {
margin-bottom: 81px;
}
@media (min-width: 768px) {
.site-main > *:last-child {
margin-bottom: 96px;
}
}
@media (min-width: 992px) {
.site-main > *:last-child {
margin-bottom: 111px;
}
}
@media (min-width: 1200px) {
.site-main > *:last-child {
margin-bottom: 126px;
}
}
@media (min-width: 1360px) {
.site-main > *:last-child {
margin-bottom: 141px;
}
}
@media (min-width: 1440px) {
.site-main > *:last-child {
margin-bottom: 156px;
}
}
@media (min-width: 1920px) {
.site-main > *:last-child {
margin-bottom: 171px;
}
}
.site-main > .testimonials:last-child,
.site-main > .experiences-scroller:last-child,
.site-main > .experiences:last-child,
.site-main > .accordion:last-child {
margin-bottom: 0;
}
.site-main > .accordion:last-child {
padding-bottom: 90px;
}
.text-content {
margin: 33px 0 15px;
}
@media (min-width: 768px) {
.text-content {
margin-top: 48px;
}
}
@media (min-width: 1200px) {
.text-content {
margin: 63px 0 18px;
}
}
@media (min-width: 1440px) {
.text-content {
margin: 78px 0 21px;
}
}
.wysiwyg {
font-size: 1.125rem;
line-height: 1.444;
}
@media (min-width: 768px) {
.wysiwyg {
line-height: 1.444;
}
}
@media (min-width: 1200px) {
.wysiwyg {
line-height: 1.555;
}
}
@media (min-width: 1440px) {
.wysiwyg {
line-height: 1.666;
}
}
.wysiwyg p,
.wysiwyg .wp-video {
margin-bottom: 18px;
}
@media (min-width: 768px) {
.wysiwyg p,
.wysiwyg .wp-video {
margin-bottom: 21px;
}
}
@media (min-width: 1200px) {
.wysiwyg p,
.wysiwyg .wp-video {
margin-bottom: 24px;
}
}
@media (min-width: 1440px) {
.wysiwyg p,
.wysiwyg .wp-video {
margin-bottom: 30px;
}
}
.wysiwyg strong {
font-family: "Morion-Bold";
}
.wysiwyg img {
display: block;
margin: 6px 0 15px;
height: auto;
}
.wysiwyg img.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wysiwyg img[class*=wp-image] {
width: 100%;
height: auto;
}
.wysiwyg .wp-caption,
.wysiwyg .wp-video,
.wysiwyg .wp-video video {
display: block;
width: 100% !important;
height: auto !important;
}
.wysiwyg__block-headline {
margin-bottom: 27px;
}
@media (max-width: 767.98px) {
.wysiwyg__block-headline {
-ms-hyphens: auto;
hyphens: auto;
}
}
@media (min-width: 768px) {
.wysiwyg__block-headline {
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.wysiwyg__block-headline {
margin-bottom: 33px;
}
}
@media (min-width: 1200px) {
.wysiwyg__block-headline {
margin-bottom: 36px;
}
}
@media (min-width: 1360px) {
.wysiwyg__block-headline {
margin-bottom: 39px;
}
}
@media (min-width: 1440px) {
.wysiwyg__block-headline {
margin-bottom: 42px;
}
}
@media (min-width: 1920px) {
.wysiwyg__block-headline {
margin-bottom: 45px;
}
}
.wysiwyg__read-more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
overflow: hidden;
font-size: 1rem;
}
.wysiwyg__read-more:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-bottom: 1px solid currentColor;
}
.wysiwyg__read-more:hover:after {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.wysiwyg__read-more .read-more__text,
.wysiwyg__read-more .read-more__text + .svg-icon.icon-arrow-right {
margin-top: 15px;
}
.wysiwyg__read-more[href^="tel:"] {
font-family: "Morion-Bold";
font-size: calc(1.275rem + 0.3vw);
line-height: 1.5625;
}
@media (min-width: 1200px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: 1.75rem;
}
}
@media (min-width: 1440px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.wysiwyg__read-more[href^="tel:"] {
font-size: 1.875rem;
}
}
.wysiwyg__read-more--fallback:after {
display: none;
}
.wysiwyg blockquote {
margin: 45px 0;
padding: 0 30px;
font-family: "Morion-Bold";
font-size: calc(1.275rem + 0.3vw);
line-height: 1.333;
opacity: 0;
visibility: hidden;
}
@media (min-width: 1200px) {
.wysiwyg blockquote {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.wysiwyg blockquote {
margin: 60px 0;
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.wysiwyg blockquote {
font-size: 1.625rem;
}
}
@media (min-width: 992px) {
.wysiwyg blockquote {
padding-left: 45px;
}
}
@media (min-width: 1200px) {
.wysiwyg blockquote {
margin: 75px 0;
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.wysiwyg blockquote {
font-size: 1.75rem;
}
}
@media (min-width: 1440px) {
.wysiwyg blockquote {
margin: 90px 0;
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.wysiwyg blockquote {
font-size: 1.875rem;
}
}
.wysiwyg blockquote.visible {
opacity: 1;
visibility: visible;
}
.wysiwyg blockquote p[style="text-align: center;"] {
-webkit-transform: translateX(0);
transform: translateX(0);
text-align: left !important;
}
@media (min-width: 768px) {
.wysiwyg blockquote p[style="text-align: center;"] {
padding: 0 20%;
}
}
@media (min-width: 1200px) {
.wysiwyg blockquote p[style="text-align: center;"] {
padding: 0 25%;
}
}
.wysiwyg blockquote p:first-child + p {
font-family: "Morion-Light";
font-size: smaller;
text-align: right !important;
}
.wysiwyg .blockquote__single-line {
display: inline-block !important;
position: relative;
}
.wysiwyg .blockquote__single-line:first-of-type:before, .wysiwyg .blockquote__single-line:last-of-type:after {
display: block;
position: absolute;
font-size: calc(1.6875rem + 5.25vw);
line-height: 0.9;
}
@media (min-width: 1200px) {
.wysiwyg .blockquote__single-line:first-of-type:before, .wysiwyg .blockquote__single-line:last-of-type:after {
font-size: 5.625rem;
}
}
.wysiwyg .blockquote__single-line:first-of-type:before {
content: "“";
top: -9px;
right: calc(100% + 6px);
}
@media (min-width: 768px) {
.wysiwyg .blockquote__single-line:first-of-type:before {
top: -21px;
}
}
@media (min-width: 1200px) {
.wysiwyg .blockquote__single-line:first-of-type:before {
top: -21px;
}
}
@media (min-width: 1440px) {
.wysiwyg .blockquote__single-line:first-of-type:before {
top: -21px;
}
}
.wysiwyg .blockquote__single-line:last-of-type:after {
content: "”";
top: calc(100% - 9px);
left: calc(100% + 6px);
}
@media (min-width: 768px) {
.wysiwyg .blockquote__single-line:last-of-type:after {
top: calc(100% - 18px);
}
}
@media (min-width: 1200px) {
.wysiwyg .blockquote__single-line:last-of-type:after {
top: calc(100% - 18px);
}
}
@media (min-width: 1440px) {
.wysiwyg .blockquote__single-line:last-of-type:after {
top: calc(100% - 18px);
}
}
.experiences {
margin: 69px 0 63px;
padding-top: 30px;
position: relative;
background-color: #EE6153;
}
@media (min-width: 768px) {
.experiences {
margin: 78px 0 69px;
padding-top: 39px;
}
}
@media (min-width: 992px) {
.experiences {
margin: 87px 0 75px;
}
}
@media (min-width: 1200px) {
.experiences {
margin: 96px 0 81px;
padding: 48px 0 18px;
}
}
@media (min-width: 1360px) {
.experiences {
margin: 105px 0 87px;
}
}
@media (min-width: 1440px) {
.experiences {
margin: 114px 0 93px;
padding: 57px 0 21px;
}
}
@media (min-width: 1920px) {
.experiences {
margin: 123px 0 99px;
}
}
body.page-name__erlebnisse .experiences, body.page-name__destinationen .experiences {
margin-bottom: 0;
}
.experiences--is-loading .preloader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.experiences__background-pattern .experiences-background {
max-height: 974px;
fill: #df262e;
}
@media (max-width: 1919.98px) {
.experiences__background-pattern .experiences-background {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
@media (max-width: 1439.98px) {
.experiences__background-pattern .experiences-background {
-webkit-transform: translateX(66.666%);
transform: translateX(66.666%);
}
}
.experiences__text-content {
margin: 0;
}
.experiences__text-content .text-content__layout--two-columns {
margin: 21px 0 12px;
}
@media (min-width: 768px) {
.experiences__text-content .text-content__layout--two-columns {
margin: 30px 0 15px;
}
}
@media (min-width: 1200px) {
.experiences__text-content .text-content__layout--two-columns {
margin: 39px 0 18px;
}
}
@media (min-width: 1440px) {
.experiences__text-content .text-content__layout--two-columns {
margin-top: 48px;
}
}
.experiences__text-content .text-content__layout--two-columns .block-headline {
line-height: 1.083;
}
.experiences__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 33px;
}
@media (min-width: 768px) {
.experiences__list {
margin-bottom: 36px;
}
}
@media (min-width: 992px) {
.experiences__list {
margin-bottom: 39px;
}
}
@media (min-width: 1200px) {
.experiences__list {
margin-bottom: 42px;
}
}
@media (min-width: 1360px) {
.experiences__list {
margin-bottom: 45px;
}
}
@media (min-width: 1440px) {
.experiences__list {
margin-bottom: 48px;
}
}
@media (min-width: 1920px) {
.experiences__list {
margin-bottom: 51px;
}
}
.experiences__list-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 768px) {
.experiences__list-item {
width: auto;
}
}
.experiences__list-item--order-first {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.experiences__list-link {
padding: 6px 15px 6px 0;
position: relative;
width: 100%;
font-family: "Morion-Bold";
font-size: 1.0625rem;
line-height: 1.42;
word-break: break-word;
}
@media (min-width: 768px) {
.experiences__list-link {
font-size: calc(1.26875rem + 0.225vw);
line-height: 1.52;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.experiences__list-link {
font-size: 1.4375rem;
}
}
@media (min-width: 992px) {
.experiences__list-link {
padding-right: 18px;
}
}
@media (min-width: 1200px) {
.experiences__list-link {
padding: 9px 21px 9px 0;
font-size: calc(1.28125rem + 0.375vw);
line-height: 1.62;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.experiences__list-link {
font-size: 1.5625rem;
}
}
@media (min-width: 1440px) {
.experiences__list-link {
padding-right: 24px;
}
}
.experiences--is-loading .experiences__list-link {
pointer-events: none;
}
.experiences__list-item--order-first .experiences__list-link {
padding-left: 0;
}
.experiences__list-icon {
display: none;
position: absolute;
top: 3px;
left: 0;
width: 30px;
}
@media (min-width: 768px) {
.experiences__list-icon {
width: 36px;
}
}
@media (min-width: 1200px) {
.experiences__list-icon {
width: 45px;
}
}
.experiences__list-icon img {
display: block;
}
.experiences__list-link--is-active .experiences__list-text:after {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.experiences__grid {
margin: 33px -7px 0;
min-height: 60px;
overflow: hidden;
}
@media (min-width: 768px) {
.experiences__grid {
margin: 36px -10px 0;
}
}
@media (min-width: 992px) {
.experiences__grid {
margin-top: 39px;
}
}
@media (min-width: 1200px) {
.experiences__grid {
margin-top: 42px;
}
}
@media (min-width: 1360px) {
.experiences__grid {
margin-top: 45px;
}
}
@media (min-width: 1440px) {
.experiences__grid {
margin-top: 48px;
}
}
@media (min-width: 1920px) {
.experiences__grid {
margin-top: 51px;
}
}
.experiences--is-loading .experiences__grid {
margin-top: 0;
}
.experiences__grid-message-empty {
font-family: "Morion-Bold";
font-size: 1.125rem;
}
.experiences__grid-col {
margin-bottom: 45px;
padding-left: 7px;
padding-right: 7px;
display: none;
}
@media (min-width: 768px) {
.experiences__grid-col {
margin-bottom: 48px;
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 992px) {
.experiences__grid-col {
margin-bottom: 51px;
}
}
@media (min-width: 1200px) {
.experiences__grid-col {
margin-bottom: 54px;
}
}
@media (min-width: 1360px) {
.experiences__grid-col {
margin-bottom: 57px;
}
}
@media (min-width: 1440px) {
.experiences__grid-col {
margin-bottom: 60px;
}
}
@media (min-width: 1920px) {
.experiences__grid-col {
margin-bottom: 63px;
}
}
.experiences__grid-item {
padding-bottom: 42px;
position: relative;
height: 100%;
}
@media (min-width: 1200px) {
.experiences__grid-item {
padding-bottom: 57px;
}
}
.experiences__grid-thumbnail {
margin-bottom: 15px;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media (min-width: 576px) {
.experiences__grid-thumbnail {
margin-bottom: 21px;
}
}
@media (min-width: 768px) {
.experiences__grid-thumbnail {
margin-bottom: 24px;
}
}
@media (min-width: 1200px) {
.experiences__grid-thumbnail {
margin-bottom: 27px;
}
}
.experiences__grid-thumbnail:after {
content: "";
display: block;
padding-top: 123.106%;
}
.experiences__grid-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
text-align: center;
font-family: "Morion-Bold";
color: white;
font-size: calc(1.425rem + 2.1vw);
line-height: 1.1666;
}
@media (min-width: 1200px) {
.experiences__grid-title {
font-size: 3rem;
}
}
@media (min-width: 576px) {
.experiences__grid-title {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 576px) and (min-width: 1200px) {
.experiences__grid-title {
font-size: 1.75rem;
}
}
@media (min-width: 768px) {
.experiences__grid-title {
font-size: calc(1.325rem + 0.9vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.experiences__grid-title {
font-size: 2rem;
}
}
@media (min-width: 992px) {
.experiences__grid-title {
font-size: calc(1.275rem + 0.3vw);
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.experiences__grid-title {
font-size: 1.5rem;
}
}
@media (min-width: 1200px) {
.experiences__grid-title {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.experiences__grid-title {
font-size: 1.75rem;
}
}
@media (min-width: 1360px) {
.experiences__grid-title {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.experiences__grid-title {
font-size: 1.625rem;
}
}
.experiences__grid-headline {
margin-top: 15px;
font-family: "Morion-Bold";
font-size: 1.1875rem;
line-height: 1.2;
}
@media (min-width: 576px) {
.experiences__grid-headline {
margin-top: 21px;
}
}
@media (min-width: 768px) {
.experiences__grid-headline {
margin-top: 24px;
font-size: calc(1.25625rem + 0.075vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.experiences__grid-headline {
font-size: 1.3125rem;
}
}
@media (min-width: 1200px) {
.experiences__grid-headline {
margin-top: 27px;
font-size: calc(1.26875rem + 0.225vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.experiences__grid-headline {
font-size: 1.4375rem;
}
}
@media (min-width: 1440px) {
.experiences__grid-headline {
font-size: calc(1.28125rem + 0.375vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.experiences__grid-headline {
font-size: 1.5625rem;
}
}
.experiences__grid-link {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.experiences__grid-link .svg-icon.icon-arrow-right {
margin-bottom: 7px;
}
.experiences__show-more {
margin: 15px 0 30px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.experiences__show-more--disable {
opacity: 0.25;
pointer-events: none;
}
.experiences-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 90vh;
text-align: center;
}
.experiences-popup__scrollable {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.experiences-popup__scrollable {
padding-top: 33px;
padding-bottom: 18px;
}
}
@media (min-width: 992px) {
.experiences-popup__scrollable {
padding-top: 36px;
padding-bottom: 21px;
}
}
@media (min-width: 1200px) {
.experiences-popup__scrollable {
padding-top: 39px;
padding-bottom: 24px;
}
}
@media (min-width: 1360px) {
.experiences-popup__scrollable {
padding-top: 42px;
padding-bottom: 27px;
}
}
@media (min-width: 1440px) {
.experiences-popup__scrollable {
padding-top: 45px;
padding-bottom: 30px;
}
}
@media (min-width: 1920px) {
.experiences-popup__scrollable {
padding-top: 48px;
padding-bottom: 33px;
}
}
.experiences-popup__thumbnail {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.experiences-popup__thumbnail:before, .experiences-popup__thumbnail:after {
content: "";
display: block;
padding-top: 6.25%;
}
@media (min-width: 1440px) {
.experiences-popup__thumbnail:before, .experiences-popup__thumbnail:after {
padding-top: 8.25%;
}
}
@media (min-width: 1920px) {
.experiences-popup__thumbnail:before, .experiences-popup__thumbnail:after {
padding-top: 10.25%;
}
}
.experiences-popup__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 15px;
}
.experiences-popup__categories img {
margin: 0;
}
.experiences-popup__categories__category-icon {
margin: 0 3px;
width: 45px;
}
@media (min-width: 768px) {
.experiences-popup__categories__category-icon {
width: 60px;
}
}
.experiences-popup__title {
margin: 0;
padding: 0 54px;
color: white;
font-size: calc(1.40625rem + 1.875vw);
line-height: 1.033;
}
@media (min-width: 1200px) {
.experiences-popup__title {
font-size: 2.8125rem;
}
}
@media (min-width: 768px) {
.experiences-popup__title {
padding: 0 69px;
font-size: calc(1.4375rem + 2.25vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.experiences-popup__title {
font-size: 3.125rem;
}
}
@media (min-width: 992px) {
.experiences-popup__title {
font-size: calc(1.46875rem + 2.625vw);
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.experiences-popup__title {
font-size: 3.4375rem;
}
}
@media (min-width: 1200px) {
.experiences-popup__title {
font-size: calc(1.5rem + 3vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.experiences-popup__title {
font-size: 3.75rem;
}
}
@media (min-width: 1360px) {
.experiences-popup__title {
padding: 0 84px;
font-size: calc(1.5625rem + 3.75vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.experiences-popup__title {
font-size: 4.375rem;
}
}
@media (min-width: 1440px) {
.experiences-popup__title {
font-size: calc(1.625rem + 4.5vw);
line-height: 1.133;
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.experiences-popup__title {
font-size: 5rem;
}
}
@media (min-width: 1920px) {
.experiences-popup__title {
padding: 0 114px;
font-size: calc(1.6875rem + 5.25vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.experiences-popup__title {
font-size: 5.625rem;
}
}
.experiences-popup__block-headline {
margin: 9px 0;
font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
.experiences-popup__block-headline {
font-size: 1.875rem;
}
}
@media (min-width: 768px) {
.experiences-popup__block-headline {
margin-top: 12px;
}
}
@media (min-width: 992px) {
.experiences-popup__block-headline {
margin-top: 15px;
}
}
@media (min-width: 1200px) {
.experiences-popup__block-headline {
margin: 18px 0 12px;
}
}
@media (min-width: 1360px) {
.experiences-popup__block-headline {
margin-bottom: 15px;
}
}
@media (min-width: 1440px) {
.experiences-popup__block-headline {
margin: 21px 0 18px;
}
}
@media (min-width: 1920px) {
.experiences-popup__block-headline {
margin: 24px 0 21px;
}
}
.experiences-popup__block-headline--first {
margin-top: 0;
}
.experiences-popup__text {
margin: 9px 0;
}
@media (min-width: 1200px) {
.experiences-popup__text {
margin: 12px 0;
}
}
@media (min-width: 1360px) {
.experiences-popup__text {
margin: 15px 0;
}
}
@media (min-width: 1440px) {
.experiences-popup__text {
margin: 18px 0;
}
}
@media (min-width: 1920px) {
.experiences-popup__text {
margin: 21px 0;
}
}
.experiences__contact-us-btn {
margin: 9px auto;
}
@media (min-width: 1200px) {
.experiences__contact-us-btn {
margin-top: 12px;
margin-bottom: 12px;
}
}
@media (min-width: 1360px) {
.experiences__contact-us-btn {
margin-top: 15px;
margin-bottom: 15px;
}
}
.experiences-popup__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.experiences-popup__buttons {
margin-top: 27px;
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.experiences-popup__buttons {
margin-top: 30px;
margin-bottom: 18px;
}
}
@media (min-width: 1200px) {
.experiences-popup__buttons {
margin-top: 33px;
margin-bottom: 21px;
}
}
@media (min-width: 1360px) {
.experiences-popup__buttons {
margin-top: 36px;
margin-bottom: 24px;
}
}
@media (min-width: 1440px) {
.experiences-popup__buttons {
margin-top: 39px;
margin-bottom: 27px;
}
}
@media (min-width: 1920px) {
.experiences-popup__buttons {
margin-top: 42px;
margin-bottom: 30px;
}
}
.experiences-popup__buttons__read-more {
margin-top: 6px;
margin-bottom: 6px;
}
.experiences-scroller {
margin: 72px 0 84px;
padding: 36px 0;
position: relative;
background-color: #EE6153;
}
@media (min-width: 768px) {
.experiences-scroller {
margin: 78px 0 99px;
padding: 51px 0;
}
}
@media (min-width: 992px) {
.experiences-scroller {
margin: 84px 0 114px;
}
}
@media (min-width: 1200px) {
.experiences-scroller {
margin: 90px 0 129px;
padding: 66px 0;
}
}
@media (min-width: 1360px) {
.experiences-scroller {
margin: 96px 0 144px;
}
}
@media (min-width: 1440px) {
.experiences-scroller {
margin: 102px 0 159px;
}
}
@media (min-width: 1920px) {
.experiences-scroller {
margin: 108px 0 174px;
}
}
body.home .experiences-scroller {
margin-bottom: 0;
}
.experiences-scroller__background-pattern svg {
fill: #df262e;
}
@media (max-width: 1919.98px) {
.experiences-scroller__background-pattern .experiences-scroller-left-background {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 1919.98px) {
.experiences-scroller__background-pattern .experiences-scroller-right-background {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
.experiences-scroller .scroller__buttons {
position: absolute;
bottom: calc(100% + 42px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (min-width: 768px) {
.experiences-scroller .scroller__buttons {
bottom: calc(100% + 66px);
}
}
@media (min-width: 992px) {
.experiences-scroller .scroller__buttons {
bottom: calc(100% + 72px);
}
}
@media (min-width: 1200px) {
.experiences-scroller .scroller__buttons {
bottom: calc(100% + 90px);
}
}
@media (min-width: 1360px) {
.experiences-scroller .scroller__buttons {
bottom: calc(100% + 102px);
}
}
.experiences-scroller__wrapper {
overflow: hidden;
}
@media (max-width: 575.98px) {
.experiences-scroller__wrapper {
margin: 0 auto;
width: 300px;
}
}
.experiences-scroller .scroller__wrapper {
-webkit-transform: translateX(calc(-50% - 210px));
transform: translateX(calc(-50% - 210px));
}
@media (min-width: 576px) {
.experiences-scroller .scroller__wrapper {
-webkit-transform: translateX(calc(-50% - 195px));
transform: translateX(calc(-50% - 195px));
}
}
@media (min-width: 768px) {
.experiences-scroller .scroller__wrapper {
-webkit-transform: translateX(calc(-50% - 255px));
transform: translateX(calc(-50% - 255px));
}
}
@media (min-width: 992px) {
.experiences-scroller .scroller__wrapper {
-webkit-transform: translateX(calc(-50% - 215px));
transform: translateX(calc(-50% - 215px));
}
}
@media (min-width: 1200px) {
.experiences-scroller .scroller__wrapper {
-webkit-transform: translateX(calc(-50% - 290px));
transform: translateX(calc(-50% - 290px));
}
}
@media (min-width: 1360px) {
.experiences-scroller .scroller__wrapper {
-webkit-transform: translateX(calc(-50% - 300px));
transform: translateX(calc(-50% - 300px));
}
}
.experiences-scroller .scroller__item {
padding: 0 5px;
width: 240px;
}
@media (min-width: 576px) {
.experiences-scroller .scroller__item {
width: 225px;
}
}
@media (min-width: 768px) {
.experiences-scroller .scroller__item {
width: 300px;
}
}
@media (min-width: 992px) {
.experiences-scroller .scroller__item {
padding: 0 10px;
}
}
@media (min-width: 1200px) {
.experiences-scroller .scroller__item {
width: 375px;
}
}
@media (min-width: 1360px) {
.experiences-scroller .scroller__item {
width: 426px;
}
}
.experiences-scroller__grid-thumbnail {
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.experiences-scroller__grid-thumbnail:before {
content: "";
display: block;
padding-top: 125.616%;
}
.experiences-scroller__grid-item:hover .experiences-scroller__grid-thumbnail {
-webkit-transform: scale(0.975);
transform: scale(0.975);
}
.experiences-scroller__grid-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
text-align: center;
font-family: "Morion-Bold";
color: white;
font-size: calc(1.3rem + 0.6vw);
line-height: 1.1;
}
@media (min-width: 1200px) {
.experiences-scroller__grid-title {
font-size: 1.75rem;
}
}
@media (min-width: 768px) {
.experiences-scroller__grid-title {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.experiences-scroller__grid-title {
font-size: 1.875rem;
}
}
@media (min-width: 1200px) {
.experiences-scroller__grid-title {
font-size: calc(1.34375rem + 1.125vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.experiences-scroller__grid-title {
font-size: 2.1875rem;
}
}
@media (min-width: 1360px) {
.experiences-scroller__grid-title {
font-size: calc(1.375rem + 1.5vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.experiences-scroller__grid-title {
font-size: 2.5rem;
}
}
.experiences-scroller__grid-link {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.experiences-scroller__grid-link > * {
display: none;
}
.hero-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100vh;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
body.logged-in.admin-bar .hero-image {
height: calc(100vh - 32px);
}
@media (min-width: 576px) {
body.blog .hero-image {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 99px;
}
}
@media (min-width: 768px) {
body.blog .hero-image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
}
}
@media (min-width: 992px) {
body.blog .hero-image {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 138px;
}
}
@media (min-width: 1200px) {
body.blog .hero-image {
padding-bottom: 240px;
}
}
@media (min-width: 1360px) {
body.blog .hero-image {
padding-bottom: 258px;
}
}
.hero-image--alignment-left {
text-align: left;
}
.hero-image--alignment-center {
text-align: center;
}
.hero-image--type-image {
color: white;
}
.hero-image--type-image.broken-image {
background-color: #5CE0E6 !important;
color: black;
}
.hero-image--type-patterns {
color: black;
}
.hero-image--yellow-background {
background-color: #FBCA4C;
}
.hero-image--yellow-background .background-pattern svg {
fill: #af6f3a;
}
.hero-image--green-background {
background-color: #219877;
}
.hero-image--green-background .background-pattern svg {
fill: #0f503b;
}
.hero-image--cyan-background,
.hero-image--transparent-background {
background-color: #5CE0E6;
}
.hero-image--cyan-background .background-pattern svg,
.hero-image--transparent-background .background-pattern svg {
fill: #093776;
}
@media (max-width: 991.98px) {
.hero-image__background-pattern {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.hero-image__background-pattern svg {
height: auto;
}
.hero-image__background-pattern .hero-image-left-background {
width: 261px;
}
@media (max-width: 1919.98px) {
.hero-image__background-pattern .hero-image-left-background {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 1439.98px) {
.hero-image__background-pattern .hero-image-left-background {
-webkit-transform: translateX(-66.666%);
transform: translateX(-66.666%);
}
}
@media (max-width: 1199.98px) {
.hero-image__background-pattern .hero-image-left-background {
width: 13.542%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 767.98px) {
.hero-image__background-pattern .hero-image-left-background {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@media (max-width: 575.98px) {
body.blog .hero-image__background-pattern .hero-image-left-background {
position: absolute;
bottom: 0;
left: 0;
width: 33.854%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body.blog .hero-image__background-pattern .hero-image-left-background {
width: 20.833%;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.hero-image__background-pattern .hero-image-right-background {
width: 1035px;
}
@media (max-width: 1919.98px) {
.hero-image__background-pattern .hero-image-right-background {
-webkit-transform: translateX(25.121%);
transform: translateX(25.121%);
}
}
@media (max-width: 1439.98px) {
.hero-image__background-pattern .hero-image-right-background {
-webkit-transform: translateX(50.048%);
transform: translateX(50.048%);
}
}
@media (max-width: 1199.98px) {
.hero-image__background-pattern .hero-image-right-background {
width: 53.906%;
-webkit-transform: translateX(25.121%);
transform: translateX(25.121%);
}
}
@media (max-width: 991.98px) {
.hero-image__background-pattern .hero-image-right-background {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (max-width: 575.98px) {
body.blog .hero-image__background-pattern .hero-image-right-background {
position: absolute;
bottom: 0;
right: 0;
width: 94.792%;
-webkit-transform: translateX(25.121%);
transform: translateX(25.121%);
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body.blog .hero-image__background-pattern .hero-image-right-background {
width: 68.594%;
}
}
.hero-image__container {
position: relative;
}
.hero-image__headline {
margin: 0 0 9px;
}
@media (min-width: 768px) {
.hero-image__headline {
font-size: calc(1.5625rem + 3.75vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.hero-image__headline {
font-size: 4.375rem;
}
}
@media (min-width: 1200px) {
.hero-image__headline {
font-size: calc(1.625rem + 4.5vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.hero-image__headline {
font-size: 5rem;
}
}
@media (min-width: 1440px) {
.hero-image__headline {
font-size: calc(1.6875rem + 5.25vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.hero-image__headline {
font-size: 5.625rem;
}
}
.hero-image--type-image .hero-image__link,
.hero-image--type-image .hero-image__link:hover {
color: white;
}
.hero-image--type-patterns .hero-image__link,
.hero-image--type-patterns .hero-image__link:hover,
.hero-image--type-image.broken-image .hero-image__link,
.hero-image--type-image.broken-image .hero-image__link:hover {
color: black;
}
.hero-image--type-image .hero-image__link .svg-icon {
fill: white;
}
.hero-image--type-patterns .hero-image__link .svg-icon,
.hero-image--type-image.broken-image .hero-image__link .svg-icon {
fill: black;
}
.hero-image--has-link .hero-image__headline {
margin: 39px 0 30px;
}
@media (min-width: 768px) {
.hero-image--has-link .hero-image__headline {
margin: 51px 0 33px;
}
}
@media (min-width: 992px) {
.hero-image--has-link .hero-image__headline {
margin: 54px 0 36px;
}
}
@media (min-width: 1200px) {
.hero-image--has-link .hero-image__headline {
margin: 57px 0 39px;
}
}
@media (min-width: 1360px) {
.hero-image--has-link .hero-image__headline {
margin: 60px 0 42px;
}
}
@media (min-width: 1440px) {
.hero-image--has-link .hero-image__headline {
margin: 63px 0 45px;
}
}
@media (min-width: 1920px) {
.hero-image--has-link .hero-image__headline {
margin: 66px 0 48px;
}
}
.hero-image--has-link .hero-image__link {
margin-top: 30px;
}
@media (min-width: 768px) {
.hero-image--has-link .hero-image__link {
margin-top: 33px;
}
}
@media (min-width: 992px) {
.hero-image--has-link .hero-image__link {
margin-top: 36px;
}
}
@media (min-width: 1200px) {
.hero-image--has-link .hero-image__link {
margin-top: 39px;
}
}
@media (min-width: 1360px) {
.hero-image--has-link .hero-image__link {
margin-top: 42px;
}
}
@media (min-width: 1440px) {
.hero-image--has-link .hero-image__link {
margin-top: 45px;
}
}
@media (min-width: 1920px) {
.hero-image--has-link .hero-image__link {
margin-top: 48px;
}
}
.primary-article {
margin-bottom: 45px;
padding: 57px 0 42px;
position: relative;
}
@media (min-width: 768px) {
.primary-article {
margin-bottom: 54px;
padding: 66px 0 48px;
}
}
@media (min-width: 992px) {
.primary-article {
margin-bottom: 63px;
padding: 75px 0 54px;
}
}
@media (min-width: 1200px) {
.primary-article {
margin-bottom: 72px;
padding: 84px 0 60px;
}
}
@media (min-width: 1360px) {
.primary-article {
margin-bottom: 81px;
padding: 93px 0 66px;
}
}
@media (min-width: 1440px) {
.primary-article {
margin-bottom: 90px;
padding: 102px 0 72px;
}
}
@media (min-width: 1920px) {
.primary-article {
margin-bottom: 99px;
padding: 111px 0 78px;
}
}
@media (max-width: 1919.98px) {
.primary-article .primary-article__background-pattern .primary-article-left-background {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 1439.98px) {
.primary-article .primary-article__background-pattern .primary-article-left-background {
-webkit-transform: translateX(-66.666%);
transform: translateX(-66.666%);
}
}
@media (max-width: 1199.98px) {
.primary-article .primary-article__background-pattern .primary-article-left-background {
display: none;
}
}
@media (max-width: 1919.98px) {
.primary-article .primary-article__background-pattern .primary-article-right-background {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
@media (max-width: 1439.98px) {
.primary-article .primary-article__background-pattern .primary-article-right-background {
-webkit-transform: translateX(66.666%);
transform: translateX(66.666%);
}
}
@media (max-width: 1199.98px) {
.primary-article .primary-article__background-pattern .primary-article-right-background {
display: none;
}
}
.primary-article--yellow-background {
background-color: #FBCA4C;
}
.primary-article--yellow-background .background-pattern svg {
fill: #af6f3a;
}
.primary-article--green-background {
background-color: #219877;
}
.primary-article--green-background .background-pattern svg {
fill: #0f503b;
}
.primary-article--cyan-background {
background-color: #5CE0E6;
}
.primary-article--cyan-background .background-pattern svg {
fill: #093776;
}
.primary-article__text-content {
margin: 0;
position: relative;
}
.primary-article .wysiwyg__block-headline {
margin-bottom: 24px;
}
@media (min-width: 768px) {
.primary-article .wysiwyg__block-headline {
margin-bottom: 27px;
}
}
@media (min-width: 992px) {
.primary-article .wysiwyg__block-headline {
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.primary-article .wysiwyg__block-headline {
margin-bottom: 33px;
}
}
@media (min-width: 1360px) {
.primary-article .wysiwyg__block-headline {
margin-bottom: 36px;
}
}
@media (min-width: 1440px) {
.primary-article .wysiwyg__block-headline {
margin-bottom: 39px;
}
}
@media (min-width: 1920px) {
.primary-article .wysiwyg__block-headline {
margin-bottom: 42px;
}
}
.primary-article .wysiwyg__read-more {
margin-top: 9px;
}
.destinations-scroller {
margin: 15px 0 33px;
}
@media (min-width: 768px) {
.destinations-scroller {
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
.destinations-scroller {
margin: 18px 0 63px;
}
}
@media (min-width: 1440px) {
.destinations-scroller {
margin: 21px 0 78px;
}
}
.destinations-scroller .scroller__buttons {
position: absolute;
top: 0;
left: 0;
background-color: #F8F8F2;
z-index: 1;
}
@media (min-width: 576px) {
.destinations-scroller .scroller__buttons {
top: auto;
bottom: 0;
-webkit-transform: translateX(calc(-100% - 3px));
transform: translateX(calc(-100% - 3px));
background-color: transparent;
}
}
@media (min-width: 768px) {
.destinations-scroller .scroller__buttons {
top: 0;
bottom: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
background-color: #F8F8F2;
}
}
@media (min-width: 992px) {
.destinations-scroller .scroller__buttons {
top: auto;
bottom: 0;
-webkit-transform: translateX(calc(-100% - 9px));
transform: translateX(calc(-100% - 9px));
background-color: transparent;
}
}
@media (min-width: 1200px) {
.destinations-scroller .scroller__buttons {
-webkit-transform: translateX(calc(-100% - 15px));
transform: translateX(calc(-100% - 15px));
}
}
@media (min-width: 1360px) {
.destinations-scroller .scroller__buttons {
-webkit-transform: translateX(calc(-100% - 12px));
transform: translateX(calc(-100% - 12px));
}
}
@media (min-width: 1440px) {
.destinations-scroller .scroller__buttons {
-webkit-transform: translateX(calc(-100% - 30px));
transform: translateX(calc(-100% - 30px));
}
}
@media (min-width: 1920px) {
.destinations-scroller .scroller__buttons {
-webkit-transform: translateX(calc(-100% - 45px));
transform: translateX(calc(-100% - 45px));
}
}
.destinations-scroller .scroller__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 30px;
position: relative;
overflow: hidden;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100vw;
}
@media (min-width: 576px) {
.destinations-scroller .scroller__item {
padding-right: 0;
width: 248px;
}
}
@media (min-width: 768px) {
.destinations-scroller .scroller__item {
width: 298px;
}
}
@media (min-width: 992px) {
.destinations-scroller .scroller__item {
width: 348px;
}
}
@media (min-width: 1200px) {
.destinations-scroller .scroller__item {
width: 398px;
}
}
@media (min-width: 1360px) {
.destinations-scroller .scroller__item {
width: 448px;
}
}
@media (min-width: 1440px) {
.destinations-scroller .scroller__item {
width: 498px;
}
}
@media (min-width: 1920px) {
.destinations-scroller .scroller__item {
width: 548px;
}
}
.destinations-scroller__item-thumbnail {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.destinations-scroller__item-thumbnail:after {
content: "";
display: block;
padding-top: 122.263%;
}
.destinations-scroller .scroller__item:hover .destinations-scroller__item-thumbnail {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.destinations-scroller__block-headline {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
color: white;
}
.destinations-scroller__item-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.destinations-grid {
margin: 18px 0 54px;
}
@media (min-width: 768px) {
.destinations-grid {
margin: 39px 0 78px;
}
}
@media (min-width: 992px) {
.destinations-grid {
margin: 45px 0 87px;
}
}
@media (min-width: 1200px) {
.destinations-grid {
margin: 51px 0 96px;
}
}
@media (min-width: 1360px) {
.destinations-grid {
margin: 57px 0 105px;
}
}
@media (min-width: 1440px) {
.destinations-grid {
margin: 63px 0 114px;
}
}
@media (min-width: 1920px) {
.destinations-grid {
margin: 69px 0 123px;
}
}
.destinations-grid__spacer--2:before,
.destinations-grid__spacer--5:before {
content: "";
display: block;
padding-top: 38%;
}
.destinations-grid__item {
margin: 15px 0;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.destinations-grid__item {
margin: 0;
}
}
.destinations-grid__item:after {
content: "";
display: block;
padding-top: 81.204%;
}
@media (min-width: 768px) {
.destinations-grid__item--1,
.destinations-grid__item--4 {
max-width: 75.325%;
}
.destinations-grid__item--1:after,
.destinations-grid__item--4:after {
padding-top: 123.153%;
}
.destinations-grid__item--2:after,
.destinations-grid__item--5:after {
padding-top: 81.204%;
}
.destinations-grid__item--3,
.destinations-grid__item--6 {
max-width: 74.753%;
}
.destinations-grid__item--3:after,
.destinations-grid__item--6:after {
padding-top: 66.106%;
}
}
@media (min-width: 768px) {
.destinations-grid__item--3,
.destinations-grid__item--6 {
margin: 63px auto 66px;
}
}
@media (min-width: 992px) {
.destinations-grid__item--3,
.destinations-grid__item--6 {
margin: 72px auto 75px;
}
}
@media (min-width: 1200px) {
.destinations-grid__item--3,
.destinations-grid__item--6 {
margin: 81px auto 84px;
}
}
@media (min-width: 1360px) {
.destinations-grid__item--3,
.destinations-grid__item--6 {
margin: 90px auto 93px;
}
}
@media (min-width: 1440px) {
.destinations-grid__item--3,
.destinations-grid__item--6 {
margin: 99px auto 102px;
}
}
@media (min-width: 1920px) {
.destinations-grid__item--3,
.destinations-grid__item--6 {
margin: 108px auto 111px;
}
}
.destinations-grid__item--6 {
margin-bottom: 0;
}
.destinations-grid__thumbnail,
.destinations-grid__link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.destinations-grid__thumbnail {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.destinations-grid__item:hover .destinations-grid__thumbnail {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.destinations-grid__block-headline {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
color: white;
}
.accordion {
padding: 24px 0;
}
@media (min-width: 768px) {
.accordion {
padding: 30px 0;
}
}
@media (min-width: 992px) {
.accordion {
padding: 36px 0;
}
}
@media (min-width: 1200px) {
.accordion {
padding: 42px 0;
}
}
@media (min-width: 1360px) {
.accordion {
padding: 48px 0;
}
}
@media (min-width: 1440px) {
.accordion {
padding: 54px 0;
}
}
@media (min-width: 1920px) {
.accordion {
padding: 60px 0;
}
}
.accordion--transparent-background {
padding: 0;
}
.accordion--yellow-background {
background-color: #FBCA4C;
}
.accordion--green-background {
background-color: #219877;
}
.accordion--cyan-background {
background-color: #5CE0E6;
}
.accordion--style-v1 {
margin: 51px 0 96px;
}
@media (min-width: 768px) {
.accordion--style-v1 {
margin: 57px 0 111px;
}
}
@media (min-width: 992px) {
.accordion--style-v1 {
margin: 63px 0 126px;
}
}
@media (min-width: 1200px) {
.accordion--style-v1 {
margin: 69px 0 141px;
}
}
@media (min-width: 1360px) {
.accordion--style-v1 {
margin: 75px 0 156px;
}
}
@media (min-width: 1440px) {
.accordion--style-v1 {
margin: 81px 0 171px;
}
}
@media (min-width: 1920px) {
.accordion--style-v1 {
margin: 87px 0 186px;
}
}
.accordion--style-v2 {
margin: 45px 0 51px;
}
@media (min-width: 768px) {
.accordion--style-v2 {
margin: 60px 0 57px;
}
}
@media (min-width: 992px) {
.accordion--style-v2 {
margin: 75px 0 63px;
}
}
@media (min-width: 1200px) {
.accordion--style-v2 {
margin: 90px 0 69px;
}
}
@media (min-width: 1360px) {
.accordion--style-v2 {
margin: 105px 0 75px;
}
}
@media (min-width: 1440px) {
.accordion--style-v2 {
margin: 120px 0 81px;
}
}
@media (min-width: 1920px) {
.accordion--style-v2 {
margin: 135px 0 87px;
}
}
.accordion__item {
position: relative;
overflow: hidden;
border-bottom: 1px solid black;
}
.accordion__item:first-child {
border-top: 1px solid black;
}
.accordion__item .svg-icon.icon-arrow-up {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 24px 18px;
position: absolute;
top: 0;
right: 0;
width: 100%;
cursor: pointer;
}
@media (min-width: 768px) {
.accordion__item .svg-icon.icon-arrow-up {
padding: 27px 15px;
}
}
@media (min-width: 1360px) {
.accordion__item .svg-icon.icon-arrow-up {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 1440px) {
.accordion__item .svg-icon.icon-arrow-up {
padding-top: 33px;
padding-bottom: 33px;
}
}
.accordion__item .svg-icon.icon-arrow-up svg {
width: 24px;
height: 100%;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.accordion--style-v1 .accordion__item--is-open .svg-icon.icon-arrow-up {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.accordion--style-v1 .accordion__item--is-open .svg-icon.icon-arrow-up {
padding-bottom: 27px;
}
}
@media (min-width: 1200px) {
.accordion--style-v1 .accordion__item--is-open .svg-icon.icon-arrow-up {
padding-bottom: 42px;
}
}
@media (min-width: 1440px) {
.accordion--style-v1 .accordion__item--is-open .svg-icon.icon-arrow-up {
padding-bottom: 51px;
}
}
.accordion__item--is-open .svg-icon.icon-arrow-up svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion__wysiwyg {
position: relative;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.accordion--style-v1 .accordion__item--is-open .accordion__wysiwyg {
margin: 60px 0 36px;
}
@media (min-width: 768px) {
.accordion--style-v1 .accordion__item--is-open .accordion__wysiwyg {
margin: 75px 0 42px;
}
}
@media (min-width: 1200px) {
.accordion--style-v1 .accordion__item--is-open .accordion__wysiwyg {
margin: 90px 0 48px;
}
}
@media (min-width: 1440px) {
.accordion--style-v1 .accordion__item--is-open .accordion__wysiwyg {
margin: 105px 0 54px;
}
}
.accordion--style-v2 .accordion__item--is-open .accordion__wysiwyg {
margin: 18px 0 33px;
}
@media (min-width: 768px) {
.accordion--style-v2 .accordion__item--is-open .accordion__wysiwyg {
margin: 21px 0 39px;
}
}
@media (min-width: 1200px) {
.accordion--style-v2 .accordion__item--is-open .accordion__wysiwyg {
margin: 24px 0 45px;
}
}
@media (min-width: 1440px) {
.accordion--style-v2 .accordion__item--is-open .accordion__wysiwyg {
margin: 27px 0 51px;
}
}
.accordion__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.accordion__item--is-open .accordion__content {
opacity: 1;
visibility: visible;
}
.accordion__block-headline {
margin: 0;
padding-right: 60px;
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
z-index: 1;
}
.accordion__block-headline--style-v1 {
padding-top: 21px;
padding-bottom: 18px;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
.accordion__block-headline--style-v1 {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.accordion__block-headline--style-v1 {
padding-bottom: 21px;
padding-right: 25%;
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.accordion__block-headline--style-v1 {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.accordion__block-headline--style-v1 {
padding-top: 21px;
padding-bottom: 24px;
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.accordion__block-headline--style-v1 {
font-size: 1.75rem;
}
}
@media (min-width: 1440px) {
.accordion__block-headline--style-v1 {
padding-top: 24px;
padding-bottom: 27px;
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.accordion__block-headline--style-v1 {
font-size: 1.875rem;
}
}
.accordion__item--is-open .accordion__block-headline--style-v1 {
padding-top: 0;
padding-bottom: 24px;
}
@media (min-width: 768px) {
.accordion__item--is-open .accordion__block-headline--style-v1 {
padding-bottom: 27px;
}
}
@media (min-width: 1200px) {
.accordion__item--is-open .accordion__block-headline--style-v1 {
padding-bottom: 30px;
}
}
@media (min-width: 1440px) {
.accordion__item--is-open .accordion__block-headline--style-v1 {
padding-bottom: 33px;
}
}
.accordion__block-headline--style-v2 {
padding-top: 18px;
padding-bottom: 18px;
}
@media (min-width: 768px) {
.accordion__block-headline--style-v2 {
padding-top: 21px;
}
}
@media (min-width: 1200px) {
.accordion__block-headline--style-v2 {
padding-top: 24px;
}
}
@media (min-width: 1440px) {
.accordion__block-headline--style-v2 {
padding-top: 30px;
padding-bottom: 21px;
}
}
.accordion__item--is-open .accordion__block-headline--style-v2 {
padding-bottom: 0;
}
@media (min-width: 768px) {
.accordion__item--is-open .accordion__block-headline--style-v2 {
padding-top: 15px;
}
}
@media (min-width: 1200px) {
.accordion__item--is-open .accordion__block-headline--style-v2 {
padding-top: 18px;
}
}
@media (min-width: 1440px) {
.accordion__item--is-open .accordion__block-headline--style-v2 {
padding-top: 21px;
}
}
.accordion__item:not(.accordion__item--is-open):hover .accordion__block-headline {
text-indent: 6px;
}
.accordion__block-headline--placeholder {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.accordion__content a {
text-decoration: underline;
}
.accordion__content img {
margin: 0;
}
.accordion-map {
position: relative; }
@media (min-width: 768px) {
.accordion-map {
padding-top: 30px;
padding-bottom: 75px;
}
}
@media (min-width: 992px) {
.accordion-map {
padding-top: 36px;
}
}
@media (min-width: 1200px) {
.accordion-map {
padding-top: 42px;
}
}
@media (min-width: 1360px) {
.accordion-map {
padding-top: 48px;
}
}
@media (min-width: 1440px) {
.accordion-map {
padding-top: 54px;
}
}
@media (min-width: 1920px) {
.accordion-map {
padding-top: 60px;
}
}
.accordion-map .leaflet-control-zoom,
.accordion-map .leaflet-control-zoom a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: none;
border-radius: 0;
}
.accordion-map .leaflet-control-zoom {
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
float: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion-map .leaflet-control-zoom a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 45px;
height: 45px;
background-color: transparent;
line-height: initial;
}
.accordion-map .leaflet-control-zoom a:before, .accordion-map .leaflet-control-zoom a.leaflet-control-zoom-in:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.accordion-map .leaflet-control-zoom a:before {
width: 30px;
border-top: 1px solid black;
}
.accordion-map .leaflet-control-zoom a.leaflet-control-zoom-in:after {
height: 30px;
border-left: 1px solid black;
}
.accordion-map .leaflet-control-zoom a.leaflet-disabled {
opacity: 0.5;
pointer-events: none;
}
.accordion-map .leaflet-control-zoom a[role=button]:not(.leaflet-control-zoom-out) {
margin-right: 12px;
}
.accordion__map-legend {
display: none;
margin: 0 0 63px;
}
.accordion__map-legend__block-headline {
font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
.accordion__map-legend__block-headline {
font-size: 1.875rem;
}
}
.accordion__map-legend__block-headline,
.accordion__map-legend .accordion__item--is-open .accordion__map-legend__block-headline {
padding-top: 24px;
padding-bottom: 24px;
}
.accordion__map-legend .accordion__item--is-open .accordion__map-legend__wysiwyg {
margin: 24px 0 18px;
}
.accordion__map-legend__col {
padding-left: 69px;
padding-right: 9px;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
}
.accordion__map-legend__icon {
position: absolute;
top: -12px;
left: 0;
width: 57px;
}
.accordion__map-legend__text {
font-family: "Morion-Bold";
font-size: 1.25rem;
}
.accordion-map__map-holder {
height: 62.5vh;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion-map__marker-icon {
width: 39px;
}
.accordion-map__marker-icon svg {
fill: #093876;
}
.accordion-map__leaflet-popup-content__block-headline {
margin: 0;
font-size: 1rem;
}
.accordion-map__wysiwyg {
padding: 0 36px 36px 36px;
}
.accordion-map__popup-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 27px 33px 9px 0;
min-height: 84px;
}
@media (min-width: 992px) {
.accordion-map__popup-icons {
padding-bottom: 15px;
padding-right: 63px;
min-height: 99px;
}
}
.accordion-map__popup-icons__single-icon {
margin: 3px;
width: 45px;
}
@media (min-width: 992px) {
.accordion-map__popup-icons__single-icon {
margin: 6px;
width: 60px;
}
}
.accordion-map__popup-icons__single-icon img {
display: block;
}
.accordion-map__block-headline {
padding-top: 0;
cursor: initial;
}
.accordion-map__wysiwyg a {
text-decoration: underline;
}
.accordion-map__wysiwyg img {
margin: 0;
}
.climate-and-travel-table {
margin: 27px 0 84px;
}
@media (min-width: 768px) {
.climate-and-travel-table {
margin: 33px 0 99px;
}
}
@media (min-width: 992px) {
.climate-and-travel-table {
margin: 39px 0 114px;
}
}
@media (min-width: 1200px) {
.climate-and-travel-table {
margin: 45px 0 129px;
}
}
@media (min-width: 1360px) {
.climate-and-travel-table {
margin: 51px 0 144px;
}
}
@media (min-width: 1440px) {
.climate-and-travel-table {
margin: 57px 0 159px;
}
}
@media (min-width: 1920px) {
.climate-and-travel-table {
margin: 63px 0 174px;
}
}
.climate-and-travel-table__image {
margin-bottom: 27px;
}
@media (min-width: 768px) {
.climate-and-travel-table__image {
margin-bottom: 33px;
}
}
@media (min-width: 992px) {
.climate-and-travel-table__image {
margin-bottom: 39px;
}
}
@media (min-width: 1200px) {
.climate-and-travel-table__image {
margin-bottom: 45px;
}
}
@media (min-width: 1360px) {
.climate-and-travel-table__image {
margin-bottom: 51px;
}
}
@media (min-width: 1440px) {
.climate-and-travel-table__image {
margin-bottom: 57px;
}
}
@media (min-width: 1920px) {
.climate-and-travel-table__image {
margin-bottom: 63px;
}
}
.climate-and-travel-table__image img {
display: block;
}
.climate-and-travel-table__block-headline {
margin: 21px 0;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
.climate-and-travel-table__block-headline {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.climate-and-travel-table__block-headline {
margin: 27px 0;
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.climate-and-travel-table__block-headline {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.climate-and-travel-table__block-headline {
margin: 33px 0;
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.climate-and-travel-table__block-headline {
font-size: 1.75rem;
}
}
@media (min-width: 1440px) {
.climate-and-travel-table__block-headline {
margin: 39px 0;
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.climate-and-travel-table__block-headline {
font-size: 1.875rem;
}
}
.climate-and-travel-table__text p {
margin: 0;
}
.testimonials {
margin: 45px 0;
}
@media (min-width: 768px) {
.testimonials {
margin-top: 69px;
margin-bottom: 78px;
}
}
@media (min-width: 1200px) {
.testimonials {
margin-top: 84px;
margin-bottom: 93px;
}
}
@media (min-width: 1440px) {
.testimonials {
margin-top: 99px;
margin-bottom: 108px;
}
}
body.home .testimonials, body.page-name__erlebnisse .testimonials, body.page-name__destinationen .testimonials {
margin-top: 0;
}
.testimonials__container {
padding: 36px 0 30px;
position: relative;
background-color: #5CE0E6;
}
@media (min-width: 768px) {
.testimonials__container {
padding: 45px 0 54px;
}
}
@media (min-width: 992px) {
.testimonials__container {
padding: 48px 0 57px;
}
}
@media (min-width: 1200px) {
.testimonials__container {
padding: 51px 0 60px;
}
}
@media (min-width: 1360px) {
.testimonials__container {
padding: 54px 0 63px;
}
}
@media (min-width: 1440px) {
.testimonials__container {
padding: 57px 0 66px;
}
}
@media (min-width: 1920px) {
.testimonials__container {
padding: 60px 0 69px;
}
}
.testimonials__container .testimonials__background-pattern .testimonials-background {
fill: #093876;
}
@media (min-width: 992px) {
.testimonials__container .testimonials__background-pattern .testimonials-background {
-webkit-transform: translateX(75.048%);
transform: translateX(75.048%);
}
}
@media (min-width: 1360px) {
.testimonials__container .testimonials__background-pattern .testimonials-background {
-webkit-transform: translateX(49.71%);
transform: translateX(49.71%);
}
}
@media (min-width: 1600px) {
.testimonials__container .testimonials__background-pattern .testimonials-background {
-webkit-transform: translateX(25.338%);
transform: translateX(25.338%);
}
}
@media (min-width: 2000px) {
.testimonials__container .testimonials__background-pattern .testimonials-background {
-webkit-transform: none;
transform: none;
}
}
.testimonials__block-headline {
margin-bottom: 18px;
}
@media (min-width: 768px) {
.testimonials__block-headline {
margin-bottom: 24px;
}
}
@media (min-width: 992px) {
.testimonials__block-headline {
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.testimonials__block-headline {
margin-bottom: 36px;
}
}
@media (min-width: 1360px) {
.testimonials__block-headline {
margin-bottom: 42px;
}
}
@media (min-width: 1440px) {
.testimonials__block-headline {
margin-bottom: 48px;
}
}
@media (min-width: 1920px) {
.testimonials__block-headline {
margin-bottom: 54px;
}
}
.testimonials__quotes {
position: absolute;
height: 33px;
overflow: hidden;
font-family: "Morion-Bold";
font-size: calc(1.6875rem + 5.25vw);
line-height: 0.9;
}
@media (min-width: 1200px) {
.testimonials__quotes {
font-size: 5.625rem;
}
}
.testimonials__quotes:before {
display: block;
}
.testimonials__quotes--position-top {
left: 0;
}
@media (min-width: 992px) {
.testimonials__quotes--position-top {
left: auto;
right: calc(100% + 3px);
}
}
.testimonials__quotes--position-top:before {
content: "“";
}
.testimonials__quotes--position-bottom {
bottom: 57px;
right: 0;
}
@media (min-width: 768px) {
.testimonials__quotes--position-bottom {
bottom: 72px;
}
}
.testimonials__quotes--position-bottom:before {
content: "”";
}
.testimonials__scroller__buttons {
position: absolute;
bottom: 0;
right: 0;
}
.testimonials__scroller__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
@media (max-width: 575.98px) {
.testimonials__scroller__wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
.testimonials__scroller__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 30px;
padding-bottom: 90px;
position: relative;
font-family: "Morion-Bold";
line-height: 1.444;
}
@media (min-width: 768px) {
.testimonials__scroller__item {
padding-bottom: 105px;
font-size: 1.125rem;
line-height: 1.666;
}
}
.testimonials__author-and-date {
position: absolute;
left: 0;
bottom: 17px;
width: calc(100% - 114px);
font-family: "Soleil-Regular";
font-style: italic;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ethical-circles {
margin: 15px 0 45px;
text-align: center;
}
@media (min-width: 768px) {
.ethical-circles {
margin: 18px 0 54px;
}
}
@media (min-width: 992px) {
.ethical-circles {
margin: 21px 0 63px;
}
}
@media (min-width: 1200px) {
.ethical-circles {
margin: 24px 0 72px;
}
}
@media (min-width: 1360px) {
.ethical-circles {
margin: 27px 0 81px;
}
}
@media (min-width: 1440px) {
.ethical-circles {
margin: 30px 0 90px;
}
}
@media (min-width: 1920px) {
.ethical-circles {
margin: 33px 0 99px;
}
}
.ethical-circles__col {
-webkit-perspective: 750px;
perspective: 750px;
}
.ethical-circles__single-circle,
.ethical-circles__single-circle__front-side,
.ethical-circles__single-circle__back-side {
border-radius: 50%;
}
.ethical-circles__single-circle {
margin: 10px auto;
position: relative;
width: 264px;
cursor: pointer;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.ethical-circles__single-circle:before {
content: "";
display: block;
padding-top: 100%;
}
.ethical-circles__single-circle:not(.ethical-circles__single-circle--flipped):hover {
-webkit-transform: rotateX(18deg);
transform: rotateX(18deg);
}
.ethical-circles__single-circle--flipped {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ethical-circles__single-circle__front-side,
.ethical-circles__single-circle__back-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 14%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.ethical-circles__single-circle__front-side {
background-color: #219877;
}
.ethical-circles__single-circle__back-side {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ethical-circles__block-headline {
margin: 0;
font-size: calc(1.375rem + 1.5vw);
line-height: 1.166;
}
@media (min-width: 1200px) {
.ethical-circles__block-headline {
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
.ethical-circles__block-headline {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.ethical-circles__block-headline {
font-size: 1.875rem;
}
}
.ethical-circles__text {
line-height: 1.5625;
}
.svg-icon.icon-plus-sign {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 33px;
}
.ethical-circles__single-circle__front-side .svg-icon.icon-plus-sign {
padding-top: 27px;
height: 96px;
}
.ethical-circles__single-circle__back-side .svg-icon.icon-plus-sign {
height: 69px;
}
.ethical-circles__single-circle__back-side .svg-icon.icon-plus-sign .plus-sign__vertical-line {
display: none;
}
.inspirational-articles {
margin: 45px 0;
overflow: hidden;
}
@media (min-width: 768px) {
.inspirational-articles {
margin: 78px 0;
}
}
@media (min-width: 1200px) {
.inspirational-articles {
margin: 93px 0;
}
}
@media (min-width: 1440px) {
.inspirational-articles {
margin: 108px 0;
}
}
.inspirational-articles__scroller__buttons {
position: absolute;
top: 0;
left: 0;
background-color: #F8F8F2;
z-index: 1;
}
@media (min-width: 576px) {
.inspirational-articles__scroller__buttons {
top: 214px;
-webkit-transform: translateX(calc(-100% - 3px));
transform: translateX(calc(-100% - 3px));
background-color: transparent;
}
}
@media (min-width: 768px) {
.inspirational-articles__scroller__buttons {
top: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
background-color: #F8F8F2;
}
}
@media (min-width: 992px) {
.inspirational-articles__scroller__buttons {
top: 336px;
-webkit-transform: translateX(calc(-100% - 9px));
transform: translateX(calc(-100% - 9px));
background-color: transparent;
}
}
@media (min-width: 1200px) {
.inspirational-articles__scroller__buttons {
top: 366px;
-webkit-transform: translateX(calc(-100% - 15px));
transform: translateX(calc(-100% - 15px));
}
}
@media (min-width: 1360px) {
.inspirational-articles__scroller__buttons {
top: 384px;
-webkit-transform: translateX(calc(-100% - 12px));
transform: translateX(calc(-100% - 12px));
}
}
@media (min-width: 1440px) {
.inspirational-articles__scroller__buttons {
top: 414px;
-webkit-transform: translateX(calc(-100% - 30px));
transform: translateX(calc(-100% - 30px));
}
}
@media (min-width: 1920px) {
.inspirational-articles__scroller__buttons {
top: 444px;
-webkit-transform: translateX(calc(-100% - 45px));
transform: translateX(calc(-100% - 45px));
}
}
.inspirational-articles__scroller__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 42px;
padding-right: 30px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100vw;
}
@media (min-width: 576px) {
.inspirational-articles__scroller__item {
padding-right: 10px;
width: 225px;
}
}
@media (min-width: 768px) {
.inspirational-articles__scroller__item {
width: 300px;
}
}
@media (min-width: 992px) {
.inspirational-articles__scroller__item {
width: 325px;
}
}
@media (min-width: 1200px) {
.inspirational-articles__scroller__item {
width: 350px;
}
}
@media (min-width: 1360px) {
.inspirational-articles__scroller__item {
padding-bottom: 57px;
padding-right: 20px;
width: 375px;
}
}
@media (min-width: 1440px) {
.inspirational-articles__scroller__item {
width: 400px;
}
}
@media (min-width: 1920px) {
.inspirational-articles__scroller__item {
width: 425px;
}
}
.inspirational-articles__scroller__item__thumbnail {
margin-bottom: 9px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media (min-width: 768px) {
.inspirational-articles__scroller__item__thumbnail {
margin-bottom: 12px;
}
}
@media (min-width: 1200px) {
.inspirational-articles__scroller__item__thumbnail {
margin-bottom: 15px;
}
}
@media (min-width: 1360px) {
.inspirational-articles__scroller__item__thumbnail {
margin-bottom: 18px;
}
}
@media (min-width: 1440px) {
.inspirational-articles__scroller__item__thumbnail {
margin-bottom: 21px;
}
}
.inspirational-articles__scroller__item__thumbnail:after {
content: "";
display: block;
padding-top: 120.988%;
}
.inspirational-articles__scroller__item__title {
margin-top: 15px;
font-family: "Morion-Bold";
font-size: calc(1.2625rem + 0.15vw);
line-height: 1.166;
}
@media (min-width: 1200px) {
.inspirational-articles__scroller__item__title {
font-size: 1.375rem;
}
}
@media (min-width: 992px) {
.inspirational-articles__scroller__item__title {
margin-top: 18px;
}
}
@media (min-width: 1360px) {
.inspirational-articles__scroller__item__title {
margin-top: 24px;
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.inspirational-articles__scroller__item__title {
font-size: 1.625rem;
}
}
@media (min-width: 1440px) {
.inspirational-articles__scroller__item__title {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.inspirational-articles__scroller__item__title {
font-size: 1.875rem;
}
}
.inspirational-articles__scroller__item__link {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.inspirational-articles__scroller__item__link .svg-icon.icon-arrow-right {
margin-bottom: 7px;
}
.video {
margin: 27px 0 45px;
}
@media (min-width: 768px) {
.video {
margin: 36px 0 75px;
}
}
@media (min-width: 992px) {
.video {
margin: 45px 0 75px;
}
}
@media (min-width: 1200px) {
.video {
margin: 54px 0 90px;
}
}
@media (min-width: 1360px) {
.video {
margin: 63px 0 105px;
}
}
@media (min-width: 1440px) {
.video {
margin: 72px 0 120px;
}
}
@media (min-width: 1920px) {
.video {
margin: 81px 0 135px;
}
}
.video__wrapper {
position: relative;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.1);
}
.video__wrapper:before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.video__wrapper .video__holder, .video__wrapper iframe, .video__wrapper object, .video__wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__play-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.video__play-btn .svg-icon.icon-video-play-btn {
width: 15%;
max-width: 111px;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.video__play-btn .video__play-btn__circle {
fill: #219877;
}
.video__play-btn:hover .svg-icon.icon-video-play-btn {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.video__play-btn--hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.team {
margin: 45px 0;
}
@media (min-width: 768px) {
.team {
margin: 60px 0;
}
}
@media (min-width: 1200px) {
.team {
margin: 75px 0;
}
}
@media (min-width: 1440px) {
.team {
margin: 90px 0;
}
}
.team:last-child {
margin-bottom: 105px;
}
@media (min-width: 768px) {
.team:last-child {
margin-bottom: 165px;
}
}
@media (min-width: 1200px) {
.team:last-child {
margin-bottom: 225px;
}
}
@media (min-width: 1440px) {
.team:last-child {
margin-bottom: 285px;
}
}
.team__single-member ~ .team__single-member {
margin-top: 45px;
}
@media (min-width: 768px) {
.team__single-member ~ .team__single-member {
margin-top: 54px;
}
}
@media (min-width: 1200px) {
.team__single-member ~ .team__single-member {
margin-top: 63px;
}
}
@media (min-width: 1440px) {
.team__single-member ~ .team__single-member {
margin-top: 72px;
}
}
@media (max-width: 767.98px) {
.team__single-member__portrait {
margin-bottom: 15px;
}
}
.team__single-member__name {
margin: 15px 0 6px;
font-size: calc(1.275rem + 0.3vw);
line-height: 1.166;
}
@media (min-width: 1200px) {
.team__single-member__name {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.team__single-member__name {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.team__single-member__name {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.team__single-member__name {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.team__single-member__name {
font-size: 1.75rem;
}
}
@media (min-width: 1440px) {
.team__single-member__name {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.team__single-member__name {
font-size: 1.875rem;
}
}
.team__single-member__position {
margin: 6px 0 15px;
font-family: "Soleil-Regular";
font-size: 1rem;
line-height: 1.6875;
text-transform: uppercase;
}
.team__single-member__link {
display: block;
font-family: "Soleil-Regular";
font-size: 1rem;
line-height: 1.5625;
}
.team__single-member__link--phone {
margin-top: 15px;
}
.team__single-member__link--email {
margin-bottom: 30px;
}
.team__single-member__wysiwyg {
margin-top: 30px;
}
.team__single-member__wysiwyg blockquote {
margin: 45px 0;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
.team__single-member__wysiwyg blockquote {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.team__single-member__wysiwyg blockquote {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.team__single-member__wysiwyg blockquote {
font-size: 1.625rem;
}
}
@media (min-width: 992px) {
.team__single-member__wysiwyg blockquote {
padding: 0 30px;
}
}
@media (min-width: 1200px) {
.team__single-member__wysiwyg blockquote {
margin: 60px 0;
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.team__single-member__wysiwyg blockquote {
font-size: 1.75rem;
}
}
@media (min-width: 1360px) {
.team__single-member__wysiwyg blockquote {
padding: 0;
}
}
@media (min-width: 1440px) {
.team__single-member__wysiwyg blockquote {
margin: 75px 0;
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.team__single-member__wysiwyg blockquote {
font-size: 1.875rem;
}
}
.team__single-member__wysiwyg blockquote p {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.support {
margin: 60px 0 90px;
text-align: center;
}
@media (min-width: 768px) {
.support {
margin: 75px 0 120px;
text-align: left;
}
}
@media (min-width: 1200px) {
.support {
margin: 90px 0 150px;
}
}
@media (min-width: 1440px) {
.support {
margin: 105px 0 180px;
}
}
.support__single-contact ~ .support__single-contact {
margin-top: 54px;
}
.support__single-contact__portrait {
margin: 0 auto;
width: 75%;
max-width: 264px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
border-radius: 50%;
}
.support__single-contact__portrait:before {
content: "";
display: block;
padding-top: 100%;
}
.support__single-contact__name {
margin: 15px 0 6px;
font-size: calc(1.275rem + 0.3vw);
line-height: 1.166;
}
@media (min-width: 1200px) {
.support__single-contact__name {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.support__single-contact__name {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.support__single-contact__name {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.support__single-contact__name {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.support__single-contact__name {
font-size: 1.75rem;
}
}
@media (min-width: 1440px) {
.support__single-contact__name {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.support__single-contact__name {
font-size: 1.875rem;
}
}
.support__single-contact__position {
margin: 6px 0 15px;
font-family: "Soleil-Regular";
font-size: 1rem;
line-height: 1.6875;
text-transform: uppercase;
}
.support__single-contact__link {
display: block;
font-family: "Soleil-Regular";
font-size: 1rem;
line-height: 1.5625;
}
.support__single-contact__link--phone {
margin-top: 15px;
}
.articles-listing {
margin: 36px 0 45px;
}
@media (min-width: 768px) {
.articles-listing {
margin: 45px 0 87px;
}
}
@media (min-width: 992px) {
.articles-listing {
margin-top: 54px;
}
}
@media (min-width: 1200px) {
.articles-listing {
margin: 63px 0 102px;
}
}
@media (min-width: 1360px) {
.articles-listing {
margin-top: 72px;
}
}
@media (min-width: 1440px) {
.articles-listing {
margin: 81px 0 117px;
}
}
@media (min-width: 1920px) {
.articles-listing {
margin-top: 90px;
}
}
.articles-listing__block-headline--no-content {
margin: 0;
}
.articles-listing__tags-cloud {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.articles-listing__tags-cloud {
margin-bottom: 36px;
}
}
@media (min-width: 992px) {
.articles-listing__tags-cloud {
margin-bottom: 42px;
}
}
@media (min-width: 1200px) {
.articles-listing__tags-cloud {
margin-bottom: 48px;
}
}
@media (min-width: 1360px) {
.articles-listing__tags-cloud {
margin-bottom: 54px;
}
}
@media (min-width: 1440px) {
.articles-listing__tags-cloud {
margin-bottom: 60px;
}
}
@media (min-width: 1920px) {
.articles-listing__tags-cloud {
margin-bottom: 66px;
}
}
.articles-listing__tags-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.articles-listing__tags-buttons__single-button {
margin-top: 6px;
margin-bottom: 6px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 1200px) {
.articles-listing__tags-buttons__single-button {
margin-top: 9px;
margin-bottom: 9px;
}
}
.articles-listing__tags-buttons__single-button--current .read-more__text:after {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.articles-listing__tags-buttons__single-button--order-first {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.articles-listing__grid-wall {
margin-top: 30px;
}
@media (min-width: 768px) {
.articles-listing__grid-wall {
margin: 36px 0 72px;
}
}
@media (min-width: 992px) {
.articles-listing__grid-wall {
margin: 42px 0 81px;
}
}
@media (min-width: 1200px) {
.articles-listing__grid-wall {
margin: 48px 0 90px;
}
}
@media (min-width: 1360px) {
.articles-listing__grid-wall {
margin: 54px 0 99px;
}
}
@media (min-width: 1440px) {
.articles-listing__grid-wall {
margin: 60px 0 108px;
}
}
@media (min-width: 1920px) {
.articles-listing__grid-wall {
margin: 66px 0 117px;
}
}
.articles-listing__grid-wall__spacer:before {
content: "";
display: block;
}
.articles-listing__grid-wall__spacer--order-2:before {
padding-top: 47%;
}
.articles-listing__grid-wall__spacer--order-3:before {
padding-top: 12%;
}
.articles-listing__grid-wall__spacer--order-4:before {
padding-top: 65%;
}
@media (min-width: 768px) {
.articles-listing__grid-wall__spacer--order-5 + .articles-listing__grid-wall__item {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
}
.articles-listing__grid-wall__spacer--order-5:before {
padding-top: 0;
}
.articles-listing__grid-wall__spacer--order-6:before {
padding-top: 26%;
}
.articles-listing__grid-wall__item {
padding-bottom: 33px;
position: relative;
}
@media (max-width: 767.98px) {
.articles-listing__grid-wall__item {
margin-bottom: 60px;
}
}
.articles-listing__grid-wall__thumbnail {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.articles-listing__grid-wall__thumbnail:before {
content: "";
display: block;
}
.articles-listing__grid-wall__thumbnail--tall {
padding-top: 123.153%;
}
.articles-listing__grid-wall__thumbnail--wide {
padding-top: 81.204%;
}
.articles-listing__grid-wall__header {
margin: 18px 0;
font-family: "Soleil-Regular";
font-size: 0.75rem;
line-height: 1.6875;
text-transform: uppercase;
}
@media (min-width: 992px) {
.articles-listing__grid-wall__header {
font-size: 0.875rem;
}
}
@media (min-width: 1360px) {
.articles-listing__grid-wall__header {
margin-top: 30px;
font-size: 1rem;
}
}
@media (min-width: 1440px) {
.articles-listing__grid-wall__header {
margin-top: 45px;
}
}
.articles-listing__grid-wall__date {
margin-bottom: 9px;
}
@media (min-width: 1360px) {
.articles-listing__grid-wall__date {
margin-bottom: 15px;
}
}
.articles-listing__grid-wall__block-headline {
margin: 9px 0;
text-transform: none;
font-size: 1.25rem;
line-height: 1.1666;
}
@media (min-width: 768px) {
.articles-listing__grid-wall__block-headline {
font-size: calc(1.2625rem + 0.15vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.articles-listing__grid-wall__block-headline {
font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
.articles-listing__grid-wall__block-headline {
font-size: calc(1.275rem + 0.3vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.articles-listing__grid-wall__block-headline {
font-size: 1.5rem;
}
}
@media (min-width: 1360px) {
.articles-listing__grid-wall__block-headline {
margin: 15px 0 12px;
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.articles-listing__grid-wall__block-headline {
font-size: 1.625rem;
}
}
@media (min-width: 1440px) {
.articles-listing__grid-wall__block-headline {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.articles-listing__grid-wall__block-headline {
font-size: 1.75rem;
}
}
@media (min-width: 1920px) {
.articles-listing__grid-wall__block-headline {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.articles-listing__grid-wall__block-headline {
font-size: 1.875rem;
}
}
.articles-listing__grid-wall__attached_categories {
display: none;
margin-top: 9px;
color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1360px) {
.articles-listing__grid-wall__attached_categories {
margin-top: 12px;
}
}
.articles-listing__grid-wall__read-more {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.articles-listing__grid-wall__read-more .svg-icon.icon-arrow-right {
margin-bottom: 7px;
}
.articles-listing__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 9px 0;
}
@media (min-width: 768px) {
.articles-listing__pagination {
margin-top: 72px;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.articles-listing__pagination {
margin-top: 81px;
}
}
@media (min-width: 1200px) {
.articles-listing__pagination {
margin-top: 90px;
}
}
@media (min-width: 1360px) {
.articles-listing__pagination {
margin-top: 99px;
}
}
@media (min-width: 1440px) {
.articles-listing__pagination {
margin-top: 108px;
}
}
@media (min-width: 1920px) {
.articles-listing__pagination {
margin-top: 117px;
}
}
.articles-listing__pagination-link {
padding: 6px;
font-family: "Morion-Bold";
font-size: 1.25rem;
line-height: 1.2333;
}
@media (min-width: 768px) {
.articles-listing__pagination-link {
padding: 9px;
}
}
@media (min-width: 992px) {
.articles-listing__pagination-link {
font-size: calc(1.2625rem + 0.15vw);
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.articles-listing__pagination-link {
font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
.articles-listing__pagination-link {
padding: 12px;
font-size: calc(1.275rem + 0.3vw);
line-height: 1.3333;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.articles-listing__pagination-link {
font-size: 1.5rem;
}
}
@media (min-width: 1360px) {
.articles-listing__pagination-link {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.articles-listing__pagination-link {
font-size: 1.625rem;
}
}
@media (min-width: 1440px) {
.articles-listing__pagination-link {
padding: 15px;
font-size: calc(1.3rem + 0.6vw);
line-height: 1.4333;
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.articles-listing__pagination-link {
font-size: 1.75rem;
}
}
@media (min-width: 1920px) {
.articles-listing__pagination-link {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.articles-listing__pagination-link {
font-size: 1.875rem;
}
}
.articles-listing__pagination-link--current .read-more__text:after {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.single-article {
margin-bottom: 87px;
padding-top: 15px;
}
@media (min-width: 768px) {
.single-article {
margin-bottom: 102px;
padding-top: 30px;
}
}
@media (min-width: 992px) {
.single-article {
margin-bottom: 117px;
}
}
@media (min-width: 1200px) {
.single-article {
margin-bottom: 132px;
}
}
@media (min-width: 1360px) {
.single-article {
margin-bottom: 147px;
}
}
@media (min-width: 1440px) {
.single-article {
margin-bottom: 162px;
}
}
@media (min-width: 1920px) {
.single-article {
margin-bottom: 177px;
}
}
.single-article .text-content {
margin: 9px 0;
}
.single-article .text-content__layout {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.single-article .text-content__layout {
margin-bottom: 36px;
}
}
@media (min-width: 992px) {
.single-article .text-content__layout {
margin-bottom: 42px;
}
}
@media (min-width: 1200px) {
.single-article .text-content__layout {
margin-bottom: 48px;
}
}
@media (min-width: 1360px) {
.single-article .text-content__layout {
margin-bottom: 54px;
}
}
@media (min-width: 1440px) {
.single-article .text-content__layout {
margin-bottom: 60px;
}
}
@media (min-width: 1920px) {
.single-article .text-content__layout {
margin-bottom: 66px;
}
}
.single-article .text-content__layout:last-child {
margin-bottom: 0;
}
.single-article .wysiwyg .block-headline--level-2 {
font-size: calc(1.7375rem + 5.85vw);
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: 6.125rem;
}
}
@media (min-width: 768px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: calc(1.325rem + 0.9vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: 2rem;
}
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: calc(1.35rem + 1.2vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: 2.25rem;
}
}
@media (min-width: 1360px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: calc(1.375rem + 1.5vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: 2.5rem;
}
}
@media (min-width: 1440px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: calc(1.4rem + 1.8vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: 2.75rem;
}
}
@media (min-width: 1920px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: calc(1.425rem + 2.1vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-2 {
font-size: 3rem;
}
}
.single-article .wysiwyg .block-headline--level-3 {
font-size: calc(1.675rem + 5.1vw);
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: 5.5rem;
}
}
@media (min-width: 768px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: 1.875rem;
}
}
@media (min-width: 1360px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: calc(1.3375rem + 1.05vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: 2.125rem;
}
}
@media (min-width: 1440px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: calc(1.3625rem + 1.35vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: 2.375rem;
}
}
@media (min-width: 1920px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: calc(1.3875rem + 1.65vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-3 {
font-size: 2.625rem;
}
}
.single-article .wysiwyg .block-headline--level-4 {
font-size: calc(1.6125rem + 4.35vw);
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: 4.875rem;
}
}
@media (min-width: 768px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: calc(1.2625rem + 0.15vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: 1.625rem;
}
}
@media (min-width: 1360px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: 1.875rem;
}
}
@media (min-width: 1440px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: calc(1.3375rem + 1.05vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: 2.125rem;
}
}
@media (min-width: 1920px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: calc(1.3625rem + 1.35vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-4 {
font-size: 2.375rem;
}
}
.single-article .wysiwyg .block-headline--level-5 {
font-size: calc(1.55rem + 3.6vw);
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: 4.25rem;
}
}
@media (min-width: 768px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: calc(1.2625rem + 0.15vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: 1.375rem;
}
}
@media (min-width: 1360px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: 1.625rem;
}
}
@media (min-width: 1440px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: 1.875rem;
}
}
@media (min-width: 1920px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: calc(1.3375rem + 1.05vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-5 {
font-size: 2.125rem;
}
}
.single-article .wysiwyg .block-headline--level-6 {
font-size: calc(1.4875rem + 2.85vw);
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: 3.625rem;
}
}
@media (min-width: 768px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: 1rem;
}
}
@media (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: 1.125rem;
}
}
@media (min-width: 1360px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: calc(1.2625rem + 0.15vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: 1.375rem;
}
}
@media (min-width: 1440px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: 1.625rem;
}
}
@media (min-width: 1920px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.single-article .wysiwyg .block-headline--level-6 {
font-size: 1.875rem;
}
}
.single-article .wysiwyg p {
margin-bottom: 18px;
}
@media (min-width: 768px) {
.single-article .wysiwyg p:last-child {
margin-bottom: 0;
}
}
.single-article .accordion {
margin: 51px 0;
}
@media (min-width: 768px) {
.single-article .accordion {
margin: 57px 0;
}
}
@media (min-width: 992px) {
.single-article .accordion {
margin: 63px 0;
}
}
@media (min-width: 1200px) {
.single-article .accordion {
margin: 69px 0;
}
}
@media (min-width: 1360px) {
.single-article .accordion {
margin: 75px 0;
}
}
@media (min-width: 1440px) {
.single-article .accordion {
margin: 81px 0;
}
}
@media (min-width: 1920px) {
.single-article .accordion {
margin: 87px 0;
}
}
.single-article .video {
margin: 45px 0;
}
@media (min-width: 768px) {
.single-article .video {
margin: 51px 0;
}
}
@media (min-width: 992px) {
.single-article .video {
margin: 57px 0;
}
}
@media (min-width: 1200px) {
.single-article .video {
margin: 63px 0;
}
}
@media (min-width: 1360px) {
.single-article .video {
margin: 69px 0;
}
}
@media (min-width: 1440px) {
.single-article .video {
margin: 75px 0;
}
}
@media (min-width: 1920px) {
.single-article .video {
margin: 81px 0;
}
}
.single-article__header {
margin-bottom: 9px;
font-family: "Soleil-Regular";
font-size: 0.75rem;
line-height: 1.6875;
text-transform: uppercase;
}
@media (min-width: 768px) {
.single-article__header {
font-size: 0.875rem;
}
}
@media (min-width: 1200px) {
.single-article__header {
font-size: 1rem;
}
}
.single-article__date {
margin-bottom: 6px;
}
.single-article__block-headline {
margin: 6px 0 3px;
line-height: 1.1666;
text-transform: none;
}
.single-article__attached_categories {
display: none;
margin-top: 3px;
color: rgba(0, 0, 0, 0.5);
}
.single-article__navigation-buttons {
margin-top: 66px;
}
@media (min-width: 768px) {
.single-article__navigation-buttons {
margin-top: 78px;
}
}
@media (min-width: 992px) {
.single-article__navigation-buttons {
margin-top: 90px;
}
}
@media (min-width: 1200px) {
.single-article__navigation-buttons {
margin-top: 102px;
}
}
@media (min-width: 1360px) {
.single-article__navigation-buttons {
margin-top: 114px;
}
}
@media (min-width: 1440px) {
.single-article__navigation-buttons {
margin-top: 126px;
}
}
@media (min-width: 1920px) {
.single-article__navigation-buttons {
margin-top: 138px;
}
}
.single-article__read-more {
font-family: "Morion-Bold";
font-size: 1.125rem;
line-height: 1.4333;
}
@media (min-width: 768px) {
.single-article__read-more {
font-size: 1.25rem;
}
}
@media (min-width: 992px) {
.single-article__read-more {
font-size: calc(1.2625rem + 0.15vw);
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.single-article__read-more {
font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
.single-article__read-more {
font-size: calc(1.275rem + 0.3vw);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.single-article__read-more {
font-size: 1.5rem;
}
}
@media (min-width: 1360px) {
.single-article__read-more {
font-size: calc(1.2875rem + 0.45vw);
}
}
@media (min-width: 1360px) and (min-width: 1200px) {
.single-article__read-more {
font-size: 1.625rem;
}
}
@media (min-width: 1440px) {
.single-article__read-more {
font-size: calc(1.3rem + 0.6vw);
}
}
@media (min-width: 1440px) and (min-width: 1200px) {
.single-article__read-more {
font-size: 1.75rem;
}
}
@media (min-width: 1920px) {
.single-article__read-more {
font-size: calc(1.3125rem + 0.75vw);
}
}
@media (min-width: 1920px) and (min-width: 1200px) {
.single-article__read-more {
font-size: 1.875rem;
}
}
.news-widget {
margin: 45px 0 90px;
}
@media (min-width: 768px) {
.news-widget {
margin: 48px 0 105px;
}
}
@media (min-width: 992px) {
.news-widget {
margin: 51px 0 120px;
}
}
@media (min-width: 1200px) {
.news-widget {
margin: 54px 0 135px;
}
}
@media (min-width: 1360px) {
.news-widget {
margin: 57px 0 150px;
}
}
@media (min-width: 1440px) {
.news-widget {
margin: 60px 0 165px;
}
}
@media (min-width: 1920px) {
.news-widget {
margin: 63px 0 180px;
}
}
.news-widget .block-headline {
line-height: 1.166;
}
.news-widget--is-loading .news-widget__holder {
opacity: 0.5;
}
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 51px;
}
@media (min-width: 768px) {
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 54px;
}
}
@media (min-width: 992px) {
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 57px;
}
}
@media (min-width: 1200px) {
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 60px;
}
}
@media (min-width: 1360px) {
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 63px;
}
}
@media (min-width: 1440px) {
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 66px;
}
}
@media (min-width: 1920px) {
.news-widget__single-news ~ .news-widget__single-news {
margin-top: 69px;
}
}
@media (min-width: 992px) {
.news-widget__right-gap {
padding-right: 4%;
}
}
@media (min-width: 1360px) {
.news-widget__right-gap {
padding-right: 8%;
}
}
@media (min-width: 992px) {
.news-widget__left-gap {
padding-left: 7%;
}
}
@media (min-width: 1360px) {
.news-widget__left-gap {
padding-left: 14%;
}
}
.news-widget__thumbnail {
background-color: rgba(0, 0, 0, 0.05);
}
.news-widget__thumbnail a, .news-widget__thumbnail img {
display: block;
}
.news-widget__thumbnail img {
margin: 0 auto;
}
.news-widget__date_created {
margin-top: 12px;
font-family: "Soleil-Regular";
text-transform: uppercase;
}
@media (min-width: 992px) {
.news-widget__date_created {
margin-top: 0;
margin-bottom: 18px;
}
}
.news-widget__block-headline {
margin: 12px 0;
font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
.news-widget__block-headline {
font-size: 1.875rem;
}
}
@media (min-width: 992px) {
.news-widget__block-headline {
margin: 18px 0;
}
}
.news-widget__wysiwyg {
margin-top: 12px;
}
@media (min-width: 992px) {
.news-widget__wysiwyg {
margin-top: 18px;
}
}
.news-widget__load-more-news {
margin-top: 60px;
}
@media (min-width: 768px) {
.news-widget__load-more-news {
margin-top: 75px;
}
}
@media (min-width: 1200px) {
.news-widget__load-more-news {
margin-top: 90px;
}
}
@media (min-width: 1440px) {
.news-widget__load-more-news {
margin-top: 105px;
}
}
.news-widget--no-more-posts .news-widget__load-more-news {
display: none;
}
.news-widget__preloader {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.news-widget__preloader .preloader__dot {
background-color: #219877;
}
.news-widget--is-loading .news-widget__preloader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news-widget__generic-error {
padding: 30px;
}
.news-widget__generic-error__block-headline {
margin: 0;
padding: 0 5%;
}
.news-single {
margin-bottom: 57px;
padding-top: 36px;
}
@media (min-width: 768px) {
.news-single {
margin-bottom: 72px;
padding-top: 48px;
}
}
@media (min-width: 992px) {
.news-single {
margin-bottom: 87px;
}
}
@media (min-width: 1200px) {
.news-single {
margin-bottom: 102px;
padding-top: 60px;
}
}
@media (min-width: 1360px) {
.news-single {
margin-bottom: 132px;
}
}
@media (min-width: 1440px) {
.news-single {
margin-bottom: 162px;
padding-top: 72px;
}
}
@media (min-width: 1920px) {
.news-single {
margin-bottom: 192px;
}
}
.news-single .text-content__layout {
margin-bottom: 33px;
}
@media (min-width: 768px) {
.news-single .text-content__layout {
margin-bottom: 42px;
}
}
@media (min-width: 992px) {
.news-single .text-content__layout {
margin-bottom: 51px;
}
}
@media (min-width: 1200px) {
.news-single .text-content__layout {
margin-bottom: 60px;
}
}
@media (min-width: 1360px) {
.news-single .text-content__layout {
margin-bottom: 69px;
}
}
@media (min-width: 1440px) {
.news-single .text-content__layout {
margin-bottom: 78px;
}
}
@media (min-width: 1920px) {
.news-single .text-content__layout {
margin-bottom: 87px;
}
}
.news-single .wysiwyg p {
margin-bottom: 15px;
}
.news-single__date {
margin: 0;
}
.news-single__block-headline {
margin: 15px 0;
}
@media (min-width: 768px) {
.news-single__block-headline {
margin-botom: 24px;
}
}
@media (min-width: 1200px) {
.news-single__block-headline {
margin-botom: 33px;
}
}
@media (min-width: 1440px) {
.news-single__block-headline {
margin-botom: 42px;
}
}
.more-news {
margin-top: 57px;
}
@media (min-width: 768px) {
.more-news {
margin-top: 72px;
}
}
@media (min-width: 992px) {
.more-news {
margin-top: 87px;
}
}
@media (min-width: 1200px) {
.more-news {
margin-top: 102px;
}
}
@media (min-width: 1360px) {
.more-news {
margin-top: 132px;
}
}
@media (min-width: 1440px) {
.more-news {
margin-top: 162px;
}
}
@media (min-width: 1920px) {
.more-news {
margin-top: 192px;
}
}
.more-news:last-child {
margin-bottom: 75px;
}
@media (min-width: 768px) {
.more-news:last-child {
margin-bottom: 105px;
}
}
@media (min-width: 992px) {
.more-news:last-child {
margin-bottom: 135px;
}
}
@media (min-width: 1200px) {
.more-news:last-child {
margin-bottom: 165px;
}
}
@media (min-width: 1360px) {
.more-news:last-child {
margin-bottom: 195px;
}
}
@media (min-width: 1440px) {
.more-news:last-child {
margin-bottom: 225px;
}
}
@media (min-width: 1920px) {
.more-news:last-child {
margin-bottom: 255px;
}
}
.more-news__widget-headline {
margin-bottom: 54px;
}
@media (min-width: 768px) {
.more-news__widget-headline {
margin-bottom: 57px;
}
}
@media (min-width: 992px) {
.more-news__widget-headline {
margin-bottom: 60px;
}
}
@media (min-width: 1200px) {
.more-news__widget-headline {
margin-bottom: 63px;
}
}
@media (min-width: 1360px) {
.more-news__widget-headline {
margin-bottom: 66px;
}
}
@media (min-width: 1440px) {
.more-news__widget-headline {
margin-bottom: 69px;
}
}
@media (min-width: 1920px) {
.more-news__widget-headline {
margin-bottom: 72px;
}
}
@media (min-width: 768px) {
.more-news__single-news ~ .more-news__single-news {
margin: 0;
}
}
.more-news__thumbnail {
margin-bottom: 21px;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media (min-width: 768px) {
.more-news__thumbnail {
margin-bottom: 27px;
}
}
@media (min-width: 1200px) {
.more-news__thumbnail {
margin-bottom: 33px;
}
}
@media (min-width: 1440px) {
.more-news__thumbnail {
margin-bottom: 39px;
}
}
.more-news__thumbnail:before {
content: "";
display: block;
padding-top: 81.204%;
}
.more-news__thumbnail a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.more-news__thumbnail--landscape {
background-size: cover;
}
.more-news__thumbnail--portrait {
background-size: contain;
}
.more-news__thumbnail__seo-hidden {
position: absolute;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.more-news__date_created {
margin-top: 21px;
}
@media (min-width: 768px) {
.more-news__date_created {
margin-top: 27px;
}
}
@media (min-width: 1200px) {
.more-news__date_created {
margin-top: 33px;
}
}
@media (min-width: 1440px) {
.more-news__date_created {
margin-top: 39px;
}
}
.error404__block-headline {
line-height: 1.89;
}
.error404__block-headline span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.error404__block-headline span:before, .error404__block-headline span:after {
content: "";
display: block;
width: 45px;
height: 30px;
background-repeat: no-repeat;
background-size: 50% 50%;
background-size: contain;
}
@media (min-width: 768px) {
.error404__block-headline span:before, .error404__block-headline span:after {
width: 60px;
height: 45px;
}
}
@media (min-width: 1200px) {
.error404__block-headline span:before, .error404__block-headline span:after {
width: 75px;
height: 60px;
}
}
.error404__block-headline span:before {
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 6px;
background-image: url(https://safari-insider.com/wp-content/themes/safari/assets/images/svg-icons/page-404-left-quotemark.svg);
}
@media (min-width: 768px) {
.error404__block-headline span:before {
margin-right: 18px;
}
}
.error404__block-headline span:after {
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: 12px;
background-image: url(https://safari-insider.com/wp-content/themes/safari/assets/images/svg-icons/page-404-right-quotemark.svg);
}
@media (min-width: 768px) {
.error404__block-headline span:after {
margin-right: 24px;
}
}
.error404__hero-image p {
font-size: calc(1.2625rem + 0.15vw);
}
@media (min-width: 1200px) {
.error404__hero-image p {
font-size: 1.375rem;
}
}
@media (min-width: 768px) {
.error404__hero-image p {
font-size: calc(1.275rem + 0.3vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.error404__hero-image p {
font-size: 1.5rem;
}
}
.error404__primary-article {
margin-bottom: 0 !important;
}
.error404__text-content {
text-align: center;
}
.error404__text-content.hero-image__text-content {
margin: 0;
}
.error404__wysiwyg {
font-size: 1.125rem;
}
@media (min-width: 768px) {
.error404__wysiwyg {
font-size: 1.25rem;
}
}
.site-footer,
.site-footer > .container {
position: relative;
}
.site-footer {
font-family: "Soleil-Regular";
line-height: 1.5625;
}
@media (max-width: 767.98px) {
.site-footer:after {
content: "";
display: block;
padding-top: 52%;
}
}
.site-footer .footer__container {
padding-top: 24px;
padding-bottom: 27px;
position: relative;
}
@media (min-width: 576px) {
.site-footer .footer__container {
padding-top: 54px;
padding-bottom: 42px;
}
}
@media (min-width: 768px) {
.site-footer .footer__container {
padding-top: 69px;
padding-bottom: 57px;
}
}
@media (min-width: 992px) {
.site-footer .footer__container {
padding-top: 84px;
padding-bottom: 72px;
}
}
@media (min-width: 1360px) {
.site-footer .footer__container {
padding-top: 99px;
padding-bottom: 87px;
}
}
@media (min-width: 1440px) {
.site-footer .footer__container {
padding-top: 129px;
padding-bottom: 117px;
}
}
@media (min-width: 1920px) {
.site-footer .footer__container {
padding-top: 159px;
padding-bottom: 147px;
}
}
@media (max-width: 767.98px) {
.site-footer .footer__background-pattern {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-footer .footer__background-pattern .footer-left-background,
.site-footer .footer__background-pattern .footer-right-background {
display: none;
}
}
@media (max-width: 1919.98px) {
.site-footer .footer__background-pattern .footer-left-background {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 1439.98px) {
.site-footer .footer__background-pattern .footer-left-background {
-webkit-transform: translateX(-77.777%);
transform: translateX(-77.777%);
}
}
.site-footer .footer__background-pattern .footer-right-background {
height: 59.392%;
}
@media (max-width: 1919.98px) {
.site-footer .footer__background-pattern .footer-right-background {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
@media (max-width: 1439.98px) {
.site-footer .footer__background-pattern .footer-right-background {
-webkit-transform: translateX(77.777%);
transform: translateX(77.777%);
}
}
.site-footer .footer__background-pattern .footer-mobile-background {
display: none;
width: 100%;
height: auto;
}
@media (max-width: 767.98px) {
.site-footer .footer__background-pattern .footer-mobile-background {
display: block;
}
}
.site-footer--yellow-background {
background-color: #FBCA4C;
}
.site-footer--yellow-background .background-pattern svg {
fill: #af6f3a;
}
.site-footer--green-background {
background-color: #219877;
}
.site-footer--green-background .background-pattern svg {
fill: #0f503b;
}
.site-footer--cyan-background,
.site-footer--transparent-background {
background-color: #5CE0E6;
}
.site-footer--cyan-background .background-pattern svg,
.site-footer--transparent-background .background-pattern svg {
fill: #093776;
}
.footer__middle-blocks {
margin: 15px 0 30px;
}
@media (min-width: 1360px) {
.footer__middle-blocks {
margin: 30px 0 15px;
}
}
.footer-menu {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.footer-menu {
margin-bottom: 0;
-webkit-transform: translateY(-18px);
transform: translateY(-18px);
}
}
.footer-menu__item {
position: relative;
overflow: hidden;
}
.footer-menu__item .svg-icon.icon-arrow-right,
.footer-menu__item .read-more__text {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.footer-menu__item .svg-icon.icon-arrow-right {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(var(--footer-menu-translate-x, -110%));
transform: translateY(-50%) translateX(var(--footer-menu-translate-x, -110%));
width: 12px;
opacity: 0;
visibility: hidden;
}
.footer-menu__link {
padding: 5px 0;
position: relative;
font-family: "Morion-Bold";
font-size: calc(1.3125rem + 0.75vw);
line-height: 1.35;
}
@media (min-width: 1200px) {
.footer-menu__link {
font-size: 1.875rem;
}
}
.footer-menu__item:hover .svg-icon.icon-arrow-right,
.footer-menu__item.current-page .svg-icon.icon-arrow-right,
.footer-menu__item:hover .read-more__text:after,
.footer-menu__item.current-page .read-more__text:after {
opacity: 1;
visibility: visible;
}
.footer-menu__item:hover,
.footer-menu__item.current-page {
--footer-menu-translate-x: 0;
}
.footer-menu__item:hover .read-more__text,
.footer-menu__item.current-page .read-more__text {
text-indent: 30px;
}
.footer-menu__item:hover .read-more__text:after,
.footer-menu__item.current-page .read-more__text:after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.footer__address {
margin-top: 12px;
}
@media (min-width: 768px) {
.footer__address {
margin-top: 18px;
}
}
@media (min-width: 1360px) {
.footer__address {
margin-top: 20px;
}
}
.footer-links {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.footer-links {
margin-bottom: 0;
}
}
.footer-links__single-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 2px 0 7px;
line-height: 1.3;
}
.footer__scroll-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 24px;
right: 0;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@media (min-width: 576px) {
.footer__scroll-back {
top: 18px;
}
}
@media (min-width: 768px) {
.footer__scroll-back {
top: 27px;
left: 100%;
right: auto;
}
}
@media (min-width: 992px) {
.footer__scroll-back {
top: 42px;
}
}
@media (min-width: 1200px) {
.footer__scroll-back {
top: 39px;
}
}
@media (min-width: 1360px) {
.footer__scroll-back {
top: 24px;
}
}
@media (min-width: 1440px) {
.footer__scroll-back {
top: 18px;
}
}
@media (min-width: 1920px) {
.footer__scroll-back {
top: 48px;
}
}
.footer__scroll-back:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
.footer__scroll-back .svg-icon {
width: 24px;
}
@media (min-width: 1440px) {
.footer__scroll-back .svg-icon {
width: 34px;
}
}
.otgs-development-site-front-end {
display: none;
}