/* -------------------------------------------
1. Base
2. Components
3. Layout
4. Pages
---------------------------------------------- */
/* 1. Base */
@import url("https://use.typekit.net/okf8hiz.css");
* {
box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
margin: 0;
overflow-x: hidden;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* -------------------------------------------
Variables
---------------------------------------------- */
/* -------------------------------------------
Mixins
------------------------------------------- */
.page-wrapper {
margin: 0 auto;
box-shadow: 0px 4px 12px #004A4A33;
position: relative;
}
@media (min-width: 1440px) {
.page-wrapper {
max-width: 1920px;
}
}
.container {
padding-left: 225px;
padding-right: 120px;
}
@media (max-width: 1439px) {
.container {
padding-right: 40px;
}
}
@media (max-width: 1023px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
}
.container1 {
padding-left: 120px;
padding-right: 120px;
}
@media (max-width: 1023px) {
.container1 {
padding-left: 20px;
padding-right: 20px;
}
}
.d-flex {
display: flex;
}
@media (min-width: 1024px) {
.d-flex-sm {
display: flex;
}
}
@media (min-width: 1200px) {
.d-flex-md {
display: flex;
}
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-end {
align-items: flex-end;
}
.text-right {
text-align: right;
}
@media (min-width: 1024px) {
.text-right-sm-over {
text-align: right;
}
}
.text-center {
text-align: center;
}
@media (max-width: 1023px) {
.text-center-sm {
text-align: center;
}
}
@media (max-width: 1023px) {
.text-left-sm {
text-align: left;
}
}
.visible-md {
display: none;
}
@media (max-width: 1199px) {
.visible-md {
display: block;
}
}
.visible-sm {
display: none !important;
}
@media (max-width: 1023px) {
.visible-sm {
display: block !important;
}
}
.hidden-md {
display: none;
}
@media (min-width: 1200px) {
.hidden-md {
display: block;
}
}
.hidden-sm {
display: none !important;
}
@media (min-width: 1024px) {
.hidden-sm {
display: block !important;
}
}
@media (max-width: 1023px) {
.hidden-sm-inline {
display: none !important;
}
}
@media (min-width: 1024px) {
.hidden-sm-inline {
display: inline;
}
}
.mr-30 {
margin-right: 30px;
}
/* Custom checkbox / radio */
.checkbox-custom {
display: none;
}
.checkbox-custom-label {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.checkbox-custom-label span {
display: inline-block;
vertical-align: middle;
}
.checkbox-custom + .checkbox-custom-label:before {
content: "";
border-radius: 0;
border: 2px solid #A7B0B3;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-right: 10px;
text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
border-color: #53ABB2;
}
.checkbox-custom:checked + .checkbox-custom-label:after {
content: "";
padding: 2px;
text-align: center;
position: absolute;
width: 4px;
height: 10px;
border: solid #53ABB2;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
top: 11px;
left: 10px;
}
.radio-inline {
display: flex;
justify-content: flex-start;
}
.radio-inline > div {
margin-right: 20px;
}
.radio-inline > div:last-child {
margin-right: 0;
}
input[type=radio] {
display: none;
}
input[type=radio] + label {
cursor: pointer;
position: relative;
font: normal normal 300 24px/35px Lato;
letter-spacing: 0px;
margin-left: 39px;
color: #0F1E2B;
}
input[type=radio] + label:before {
content: "";
position: absolute;
width: 29px;
height: 29px;
background-color: transparent;
border: 2px solid #A7B0B3;
border-radius: 50%;
left: -39px;
transform: translateY(-50%);
transition: border-color 400ms ease;
top: 50%;
}
input[type=radio]:checked + label:before {
border-color: #53ABB2;
}
input[type=radio]:checked + label:after {
content: "";
position: absolute;
width: 29px;
height: 29px;
transition: transform 400ms ease;
width: 6px;
height: 16px;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
border-color: #53ABB2;
border-style: solid;
left: -26px;
top: 5px;
}
textarea.form-control {
width: 100%;
font: 300 24px/42px "Lato";
padding: 10px;
min-height: 108px;
border: 1px solid #707070;
border-radius: 4px;
background-color: transparent;
}
textarea.form-control::placeholder {
color: #253B44;
opacity: 0.2;
}
.form-group label {
display: block;
}
.form-group input.form-control {
border-width: 0 0 1px;
border-bottom: 1px solid #707070;
}
.form-group .form-control {
width: 100%;
}
.breadcrumbs {
display: flex;
align-items: center;
padding-top: 50px;
padding-bottom: 32px;
}
.breadcrumbs li {
font: 400 15px/1 "Lato";
color: #A7B0B3;
border-right: 1px solid #A7B0B3;
padding-right: 10px;
margin-right: 10px;
}
.breadcrumbs li:last-child {
border-right: 0;
}
.breadcrumbs li a {
font: 400 15px/1 "Lato";
color: #A7B0B3;
}
.breadcrumbs.breadcrumbs1 li, .breadcrumbs.breadcrumbs1 a {
color: #C0D7D9;
}
.img-responsive {
max-width: 100%;
height: auto;
}
.img-full {
width: 100%;
height: auto;
display: block;
}
.notice {
background-color: #253B44;
padding: 20px 16px 20px 20px;
}
@media (min-width: 1200px) {
.notice {
padding: 16px 40px;
display: flex;
align-items: center;
}
}
.notice .notice-title {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #A7B0B3;
text-transform: uppercase;
flex: 0 0 255px;
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
.notice .notice-title {
margin-bottom: 22px;
}
}
.notice .notice-title .icon-notice {
margin-right: 12px;
}
.notice .notice-content {
flex: 0 0 calc(100% - 510px);
font: normal normal normal 13px/20px Lato;
color: #A7B0B3;
}
.notice .notice-content a {
font: normal normal normal 13px/20px Lato;
color: #A7B0B3;
text-decoration: underline;
}
.notice .notice-close {
position: absolute;
right: 40px;
color: #A7B0B3;
}
@media (max-width: 1199px) {
.notice .notice-close {
right: 20px;
}
}
.back-to-top {
position: fixed;
bottom: 30%;
right: 20px;
background-color: #53ABB2;
width: 44px;
height: 44px;
border-radius: 50%;
z-index: 99999;
}
.back-to-top span {
height: 16px;
width: 2px;
background-color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.back-to-top span:before {
position: absolute;
content: "";
width: 12px;
height: 2px;
background-color: #FFFFFF;
transform: rotate(-45deg);
top: 2px;
left: -9px;
}
.back-to-top span:after {
position: absolute;
content: "";
width: 12px;
height: 2px;
background-color: #FFFFFF;
transform: rotate(45deg);
top: 2px;
left: -1px;
}
.back-to-top:hover {
cursor: pointer;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #ced3db #ffffff;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 14px;
}
*::-webkit-scrollbar-track {
background: #ffffff;
}
*::-webkit-scrollbar-thumb {
background-color: #ced3db;
border-radius: 10px;
border: 4px solid #ffffff;
}
.select2-results__option {
padding: 7px 24px !important;
}
.select2-container--default .select2-results__option--selected {
background-color: #F4F5F5;
}
.select2-container--open .select2-dropdown--below {
box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;
border: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: transparent !important;
color: #253B44;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #F4F5F5 !important;
}
/* ===== Progress Indicator CSS ===== */
.loading .loader-wrapper {
display: block;
}
.loader-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #253B44;
z-index: 99999;
display: none;
}
.loader-indicator {
position: absolute;
width: 50px;
height: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loader1 {
position: absolute;
background: url("../images/progress-indicator/1-1.png") left top/42px 31px no-repeat;
height: 31px;
animation-name: loader1;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.loader11 {
position: absolute;
background: url("../images/progress-indicator/1-2.png") left top/42px 31px no-repeat;
height: 31px;
animation-name: loader11;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.loader2 {
position: absolute;
background: url("../images/progress-indicator/2-1.png") left top/32px 19px no-repeat;
width: 32px;
height: 19px;
left: 16px;
animation-name: loader2;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.loader22 {
position: absolute;
background: url("../images/progress-indicator/2-2.png") left top/32px 19px no-repeat;
width: 32px;
height: 19px;
left: 16px;
animation-name: loader22;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.loader3 {
position: absolute;
background: url("../images/progress-indicator/3-1.png") left top/21px 11px no-repeat;
width: 21px;
height: 11px;
left: 30px;
animation-name: loader3;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.loader33 {
position: absolute;
background: url("../images/progress-indicator/3-2.png") left top/21px 11px no-repeat;
width: 21px;
height: 11px;
left: 30px;
animation-name: loader33;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
@keyframes loader1 {
0% {
width: 0px;
}
8.33% {
width: 42px;
}
16.67% {
width: 42px;
}
25% {
width: 42px;
}
33.33% {
width: 42px;
}
41.67% {
width: 42px;
}
50% {
width: 42px;
}
58.33% {
width: 42px;
}
66.67% {
width: 42px;
}
75% {
width: 0px;
}
83.33% {
width: 0px;
}
91.67% {
width: 0px;
}
100% {
width: 0px;
}
}
@keyframes loader11 {
0% {
width: 0px;
}
8.33% {
width: 0px;
}
16.67% {
width: 0px;
}
25% {
width: 42px;
}
33.33% {
width: 42px;
}
41.67% {
width: 42px;
}
50% {
width: 42px;
}
58.33% {
width: 0px;
}
66.67% {
width: 0px;
}
75% {
width: 0px;
}
83.33% {
width: 0px;
}
91.67% {
width: 0px;
}
100% {
width: 0px;
}
}
@keyframes loader2 {
0% {
width: 0px;
}
8.33% {
width: 0px;
}
16.67% {
width: 32px;
}
25% {
width: 32px;
}
33.33% {
width: 32px;
}
41.67% {
width: 32px;
}
50% {
width: 32px;
}
58.33% {
width: 32px;
}
66.67% {
width: 32px;
}
75% {
width: 32px;
}
83.33% {
width: 32px;
}
91.67% {
width: 0px;
}
100% {
width: 0px;
}
}
@keyframes loader22 {
0% {
width: 0px;
}
8.33% {
width: 0px;
}
16.67% {
width: 0px;
}
25% {
width: 0px;
}
33.33% {
width: 0px;
}
41.67% {
width: 32px;
}
50% {
width: 32px;
}
58.33% {
width: 32px;
}
66.67% {
width: 0px;
}
75% {
width: 0px;
}
83.33% {
width: 0px;
}
91.67% {
width: 0px;
}
100% {
width: 0px;
}
}
@keyframes loader3 {
0% {
width: 0px;
}
8.33% {
width: 0px;
}
16.67% {
width: 0px;
}
25% {
width: 0px;
}
33.33% {
width: 21px;
}
41.67% {
width: 21px;
}
50% {
width: 21px;
}
58.33% {
width: 21px;
}
66.67% {
width: 21px;
}
75% {
width: 21px;
}
83.33% {
width: 21px;
}
91.67% {
width: 21px;
}
100% {
width: 0px;
}
}
@keyframes loader33 {
0% {
width: 0px;
}
8.33% {
width: 0px;
}
16.67% {
width: 0px;
}
25% {
width: 0px;
}
33.33% {
width: 0px;
}
41.67% {
width: 0px;
}
50% {
width: 21px;
}
58.33% {
width: 21px;
}
66.67% {
width: 21px;
}
75% {
width: 21px;
}
83.33% {
width: 0px;
}
91.67% {
width: 0px;
}
100% {
width: 0px;
}
}
/* -------------------------------------------
Grid
---------------------------------------------- */
.row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.row > * {
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.cols-1 > * {
max-width: 100%;
flex: 0 0 100%;
}
.cols-2 > * {
max-width: 50%;
flex: 0 0 50%;
}
.cols-3 > * {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.cols-4 > * {
max-width: 25%;
flex: 0 0 25%;
}
.cols-5 > * {
max-width: 20%;
flex: 0 0 20%;
}
.cols-6 > * {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.cols-7 > * {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.cols-8 > * {
max-width: 12.5%;
flex: 0 0 12.5%;
}
.order-first {
order: -1;
}
.order-last {
order: 9;
}
@media (min-width: 480px) {
.cols-xs-1 > * {
max-width: 100%;
flex: 0 0 100%;
}
.cols-xs-2 > * {
max-width: 50%;
flex: 0 0 50%;
}
.cols-xs-3 > * {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.cols-xs-4 > * {
max-width: 25%;
flex: 0 0 25%;
}
.cols-xs-5 > * {
max-width: 20%;
flex: 0 0 20%;
}
.cols-xs-6 > * {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.cols-xs-7 > * {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.cols-xs-8 > * {
max-width: 12.5%;
flex: 0 0 12.5%;
}
}
@media (min-width: 1024px) {
.cols-sm-1 > * {
max-width: 100%;
flex: 0 0 100%;
}
.cols-sm-2 > * {
max-width: 50%;
flex: 0 0 50%;
}
.cols-sm-3 > * {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.cols-sm-4 > * {
max-width: 25%;
flex: 0 0 25%;
}
.cols-sm-5 > * {
max-width: 20%;
flex: 0 0 20%;
}
.cols-sm-6 > * {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.cols-sm-7 > * {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.cols-sm-8 > * {
max-width: 12.5%;
flex: 0 0 12.5%;
}
.order-sm-auto {
order: 0;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 9;
}
}
@media (min-width: 1200px) {
.cols-md-1 > * {
max-width: 100%;
flex: 0 0 100%;
}
.cols-md-2 > * {
max-width: 50%;
flex: 0 0 50%;
}
.cols-md-3 > * {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.cols-md-4 > * {
max-width: 25%;
flex: 0 0 25%;
}
.cols-md-5 > * {
max-width: 20%;
flex: 0 0 20%;
}
.cols-md-6 > * {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.cols-md-7 > * {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.cols-md-8 > * {
max-width: 12.5%;
flex: 0 0 12.5%;
}
.order-md-auto {
order: 0;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 9;
}
}
@media (min-width: 1440px) {
.cols-lg-1 > * {
max-width: 100%;
flex: 0 0 100%;
}
.cols-lg-2 > * {
max-width: 50%;
flex: 0 0 50%;
}
.cols-lg-3 > * {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.cols-lg-4 > * {
max-width: 25%;
flex: 0 0 25%;
}
.cols-lg-5 > * {
max-width: 20%;
flex: 0 0 20%;
}
.cols-lg-6 > * {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.cols-lg-7 > * {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.cols-lg-8 > * {
max-width: 12.5%;
flex: 0 0 12.5%;
}
.order-lg-auto {
order: 0;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 9;
}
}
@media (min-width: xl) {
.cols-xl-1 > * {
max-width: 100%;
flex: 0 0 100%;
}
.cols-xl-2 > * {
max-width: 50%;
flex: 0 0 50%;
}
.cols-xl-3 > * {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.cols-xl-4 > * {
max-width: 25%;
flex: 0 0 25%;
}
.cols-xl-5 > * {
max-width: 20%;
flex: 0 0 20%;
}
.cols-xl-6 > * {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.cols-xl-7 > * {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.cols-xl-8 > * {
max-width: 12.5%;
flex: 0 0 12.5%;
}
}
.col-1 {
max-width: 8.3333%;
flex: 0 0 8.3333%;
}
.col-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.col-3 {
max-width: 25%;
flex: 0 0 25%;
}
.col-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.col-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.col-6 {
max-width: 50%;
flex: 0 0 50%;
}
.col-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.col-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.col-9 {
max-width: 75%;
flex: 0 0 75%;
}
.col-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.col-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.col-12 {
max-width: 100%;
flex: 0 0 100%;
}
@media (min-width: 480px) {
.col-xs-1 {
max-width: 8.3333%;
flex: 0 0 8.3333%;
}
.col-xs-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.col-xs-3 {
max-width: 25%;
flex: 0 0 25%;
}
.col-xs-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.col-xs-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.col-xs-6 {
max-width: 50%;
flex: 0 0 50%;
}
.col-xs-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.col-xs-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.col-xs-9 {
max-width: 75%;
flex: 0 0 75%;
}
.col-xs-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.col-xs-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.col-xs-12 {
max-width: 100%;
flex: 0 0 100%;
}
}
@media (min-width: 1024px) {
.col-sm-1 {
max-width: 8.3333%;
flex: 0 0 8.3333%;
}
.col-sm-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.col-sm-3 {
max-width: 25%;
flex: 0 0 25%;
}
.col-sm-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.col-sm-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.col-sm-6 {
max-width: 50%;
flex: 0 0 50%;
}
.col-sm-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.col-sm-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.col-sm-9 {
max-width: 75%;
flex: 0 0 75%;
}
.col-sm-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.col-sm-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.col-sm-12 {
max-width: 100%;
flex: 0 0 100%;
}
}
@media (min-width: 1200px) {
.col-md-1 {
max-width: 8.3333%;
flex: 0 0 8.3333%;
}
.col-md-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.col-md-3 {
max-width: 25%;
flex: 0 0 25%;
}
.col-md-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.col-md-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.col-md-6 {
max-width: 50%;
flex: 0 0 50%;
}
.col-md-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.col-md-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.col-md-9 {
max-width: 75%;
flex: 0 0 75%;
}
.col-md-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.col-md-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.col-md-12 {
max-width: 100%;
flex: 0 0 100%;
}
}
@media (min-width: 1440px) {
.col-lg-1 {
max-width: 8.3333%;
flex: 0 0 8.3333%;
}
.col-lg-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.col-lg-3 {
max-width: 25%;
flex: 0 0 25%;
}
.col-lg-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.col-lg-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.col-lg-6 {
max-width: 50%;
flex: 0 0 50%;
}
.col-lg-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.col-lg-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.col-lg-9 {
max-width: 75%;
flex: 0 0 75%;
}
.col-lg-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.col-lg-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.col-lg-12 {
max-width: 100%;
flex: 0 0 100%;
}
}
@media (min-width: xl) {
.col-xl-1 {
max-width: 8.3333%;
flex: 0 0 8.3333%;
}
.col-xl-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.col-xl-3 {
max-width: 25%;
flex: 0 0 25%;
}
.col-xl-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.col-xl-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.col-xl-6 {
max-width: 50%;
flex: 0 0 50%;
}
.col-xl-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.col-xl-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.col-xl-9 {
max-width: 75%;
flex: 0 0 75%;
}
.col-xl-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.col-xl-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.col-xl-12 {
max-width: 100%;
flex: 0 0 100%;
}
}
/* -------------------------------------------
Typography
---------------------------------------------- */
body {
font: 400 15px/24px "Lato";
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #253B44;
text-transform: uppercase;
margin: 0;
}
.heading1 {
font: 100 186px/180px "Lato";
color: #0F1E2B;
}
@media (max-width: 1023px) {
.heading1 {
font: normal normal 100 54px/65px Lato;
}
}
.heading2 {
font: 100 164px/132px "Lato";
color: #F2F2F2;
}
@media (max-width: 1023px) {
.heading2 {
font: 100 76px/66px "Lato";
}
}
.heading3 {
font: 200 90px/108px "Lato";
color: #0F1E2B;
}
@media (max-width: 1023px) {
.heading3 {
font: 100 54px/65px "Lato";
}
}
.heading4 {
font: 100 76px/66px "Lato";
}
.heading5 {
font: 100 54px/65px "Lato";
color: #253140DE;
}
.heading6 {
font: 300 38px/46px "Lato";
color: #0F1E2B;
}
.heading7 {
font: 700 35px/56px "Lato";
color: #253140DE;
}
.heading8 {
font: 100 35px/56px "Lato";
color: #253140DE;
}
.subtitle1 {
font: 400 28px/34px "Lato";
color: #0F1E2B;
}
.subtitle2 {
font: 400 24px/42px "Lato";
color: #0F1E2B;
}
.subtitle3 {
font: 300 24px/29px "Lato";
letter-spacing: -0.26px;
color: #0F1E2B;
}
a {
text-decoration: none;
color: #253B44;
}
a.link-with-icon {
display: flex;
align-items: center;
}
a.link-with-icon img {
margin-right: 10px;
}
a.link-with-icon [class^=icon] {
margin-right: 10px;
background-position: center top;
}
a.link-with-icon-right {
display: flex;
align-items: center;
}
a.link-with-icon-right span {
margin-left: 10px;
}
/* 2. Components */
[class^=icon-] {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.icon-open {
background-image: url("../images/icons/open-outline.svg");
width: 16px;
height: 16px;
}
.icon-location {
background-image: url("../images/icons/location-outline.svg");
width: 16px;
height: 16px;
}
.icon-down {
background-image: url("../images/icons/direction-down.svg");
width: 32px;
height: 32px;
}
.icon-arrow-right {
background-image: url("../images/icons/arrow-right.svg");
width: 16px;
height: 16px;
}
.icon-arrow-left {
background-image: url("../images/icons/arrow-left.svg");
width: 16px;
height: 16px;
display: inline-block;
background-size: auto;
}
.icon-arrow-down {
background-image: url("../images/icons/arrow-down.png");
width: 12px;
height: 13px;
display: inline-block;
background-size: auto;
}
.icon-close {
background-image: url("../images/icons/close.png");
width: 32px;
height: 32px;
background-size: auto;
}
.icon-anchor {
background-image: url("../images/icons/anchor.svg");
width: 28px;
height: 28px;
background-size: auto;
}
.icon-contact {
background-image: url("../images/icons/contact.png");
width: 28px;
height: 28px;
background-size: auto;
}
.icon-direction-right {
background-image: url("../images/icons/direction-right.png");
width: 32px;
height: 32px;
background-size: auto;
}
.icon-direction-left {
background-image: url("../images/icons/direction-left.png");
width: 32px;
height: 32px;
background-size: auto;
}
.icon-direction-down {
background-image: url("../images/icons/direction-down.png");
width: 32px;
height: 32px;
background-size: auto;
}
.icon-direction-up {
background-image: url("../images/icons/direction-up.png");
width: 32px;
height: 32px;
background-size: auto;
}
.icon-notice-close {
background-image: url("../images/icons/notice-close.png");
width: 24px;
height: 24px;
}
.icon-notice {
background-image: url("../images/icons/notice.png");
width: 24px;
height: 24px;
}
.icon-door-open {
background-image: url("../images/icons/door-open.png");
width: 20px;
height: 20px;
}
.icon-door-close {
background-image: url("../images/icons/door-close.png");
width: 15px;
height: 18px;
}
.icon-download-outline {
background-image: url("../images/icons/download-outline.png");
width: 32px;
height: 32px;
}
.icon-locker-rooms {
background-image: url("../images/icons/locker-rooms.png");
width: 29px;
height: 30px;
}
.icon-sauna {
background-image: url("../images/icons/sauna.png");
width: 43px;
height: 37px;
}
.icon-whirlpool {
background-image: url("../images/icons/whirlpool.png");
width: 33px;
height: 33px;
}
.icon-shower-facilities {
background-image: url("../images/icons/shower-facilities.png");
width: 35px;
height: 31px;
}
.icon-steam-room {
background-image: url("../images/icons/steam-room.png");
width: 30px;
height: 28px;
}
.icon-chat {
background-image: url("../images/icons/chat-outline.png");
width: 24px;
height: 24px;
}
.icon-call {
background-image: url("../images/icons/call-outline.png");
width: 19px;
height: 19px;
}
.icon-mail {
background-image: url("../images/icons/mail-outline.png");
width: 24px;
height: 24px;
}
.icon-users {
background-image: url("../images/icons/users.png");
width: 24px;
height: 24px;
display: inline-block;
}
.icon-plus {
width: 14px;
height: 14px;
display: block;
position: relative;
}
.icon-plus:before {
position: absolute;
content: "";
width: 14px;
height: 1px;
top: 50%;
background-color: #253B44;
opacity: 1;
transition: all 0.2s;
}
.icon-plus:after {
position: absolute;
content: "";
width: 14px;
height: 1px;
top: 50%;
background-color: #253B44;
transform: rotate(90deg);
transition: all 0.2s;
}
.collapse .icon-plus:before {
transform: rotate(90deg);
opacity: 0;
}
.collapse .icon-plus:after {
transform: rotate(0);
}
.icon-delete {
width: 20px;
height: 22px;
background: url("../images/icons/trash.png");
}
.icon-apple {
width: 24px;
height: 24px;
background: url("../images/icons/apple.jpeg") center/cover no-repeat;
}
.icon-google {
width: 24px;
height: 24px;
background: url("../images/icons/google.jpeg") center/cover no-repeat;
}
.icon-outlook {
width: 24px;
height: 24px;
background: url("../images/icons/outlook.jpeg") center/cover no-repeat;
}
.btn {
border-radius: 50px;
padding: 14px 20px;
text-transform: uppercase;
text-align: center;
display: inline-block;
text-decoration: none;
box-shadow: 0px 20px 24px #004A4A33;
position: relative;
top: 0;
border: none;
transition: all 0.1s;
white-space: nowrap;
cursor: pointer;
font: 700 13px/1 "Lato";
}
@media (max-width: 1023px) {
.btn {
font: 700 12px/1 "Lato";
box-shadow: 3px 6px 7px #004a4a33;
}
}
.btn:hover {
top: 2px;
}
.btn:focus, .btn:active {
box-shadow: 0px 4px 12px #004A4A33;
}
.btn.btn-primary {
background: #253B44 0% 0% no-repeat padding-box;
color: #FFFFFF;
}
.btn.btn-primary:focus, .btn.btn-primary:active {
background: #1F333B 0% 0% no-repeat padding-box;
}
.btn.btn-secondary {
background: #FFFFFF 0% 0% no-repeat padding-box;
color: #253B44;
}
.btn.btn-secondary:focus, .btn.btn-secondary:active {
background: #F0F8Fc 0% 0% no-repeat padding-box;
}
.btn.btn-default {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.card {
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 4px;
box-shadow: 0px 3px 6px #00000029;
transition: all 0.3s;
}
.card:hover {
box-shadow: 15px 20px 24px #004A4A33;
cursor: pointer;
}
.card .card-header a {
font: 700 15px/24px "Lato";
color: #53ABB2;
}
.card .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card.card2 {
display: flex;
justify-content: space-between;
width: 905px;
margin-right: 60px;
}
@media (max-width: 1023px) {
.card.card2 {
width: 280px;
display: block;
margin-right: 32px;
}
}
.card.card2:last-child {
margin-right: 0;
}
.card.card2 .card-image {
flex: 0 0 57.4586%;
}
.card.card2 .card-content {
flex: 0 0 42.5414%;
padding: 60px 30px 35px 35px;
position: relative;
}
@media (max-width: 1023px) {
.card.card2 .card-content {
padding: 20px;
}
}
.card.card2 .card-title {
font: 300 38px/46px "Lato";
text-transform: none;
color: #0F1E2B;
margin-bottom: 35px;
}
@media (max-width: 1023px) {
.card.card2 .card-title {
font: 300 24px/33px "Lato";
letter-spacing: -0.26px;
}
}
.card.card2 .property {
margin-bottom: 10px;
}
@media (min-width: 1024px) {
.card.card2 .property {
margin-bottom: 35px;
}
}
.card.card2 .property .property-name {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 8px;
}
.card.card2 .card-actions a {
margin-right: 24px;
}
.card.card2 .card-actions a:last-child {
margin-right: 0;
}
@media (min-width: 1024px) {
.card.card2 .card-header {
position: absolute;
top: 28px;
left: 35px;
right: 30px;
text-align: right;
}
}
@media (max-width: 1023px) {
.card.card2 .card-header {
margin-top: 20px;
margin-bottom: 15px;
}
}
.card.card2 .card-header a {
font: normal normal bold 15px/24px Lato;
color: #53ABB2;
}
.card.card3 {
display: flex;
justify-content: space-between;
width: 767px;
margin-right: 60px;
}
@media (max-width: 1023px) {
.card.card3 {
width: 280px;
display: block;
margin-right: 32px;
}
}
.card.card3:last-child {
margin-right: 0;
}
.card.card3 .card-image {
flex: 0 0 50.8475%;
}
.card.card3 .card-content {
flex: 0 0 49.1525%;
padding: 50px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1023px) {
.card.card3 .card-content {
padding: 20px;
}
}
.card.card3 .card-role {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
margin-bottom: 12px;
}
.card.card3 .card-title {
font: 700 28px/34px "Lato";
color: #0F1E2B;
margin-bottom: 35px;
}
@media (max-width: 1023px) {
.card.card3 .card-title {
font: 300 24px/33px "Lato";
}
}
.card.card3 .card-actions {
display: flex;
justify-content: space-between;
}
.card.card3 .card-actions .btn {
padding: 12px 16px;
}
.card.card3 .card-header {
position: absolute;
top: -48px;
left: 0;
right: 0;
text-align: right;
}
.card.card4 {
display: flex;
justify-content: space-between;
width: 855px;
margin-right: 60px;
}
@media (max-width: 1023px) {
.card.card4 {
width: 280px;
display: block;
margin-right: 32px;
}
}
.card.card4:last-child {
margin-right: 0;
}
.card.card4 .card-image {
flex: 0 0 60.7018%;
}
.card.card4 .card-content {
flex: 0 0 39.2982%;
padding: 40px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1023px) {
.card.card4 .card-content {
padding: 20px;
}
}
.card.card4 .card-info {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 16px;
}
.card.card4 .card-title {
font: 300 24px/42px "Lato";
color: #0F1E2B;
margin-bottom: 35px;
}
@media (max-width: 1023px) {
.card.card4 .card-title {
font: 300 24px/33px "Lato";
}
}
.card.card4 .card-description {
font: 400 15px/24px "Lato";
color: #253B44;
}
.card.card4 .card-header {
position: absolute;
top: -48px;
left: 0;
right: 0;
text-align: right;
}
.card.card5 {
display: flex;
justify-content: space-between;
width: 855px;
margin-right: 60px;
}
@media (max-width: 1023px) {
.card.card5 {
width: 280px;
display: block;
margin-right: 32px;
}
}
.card.card5:last-child {
margin-right: 0;
}
.card.card5 .card-image {
flex: 0 0 44.9123%;
}
@media (min-width: 1024px) {
.card.card5 .card-image img {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
}
@media (max-width: 1023px) {
.card.card5 .card-image img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
}
.card.card5 .card-content {
flex: 0 0 55.0877%;
padding: 76px 42px 35px 57px;
position: relative;
}
@media (max-width: 1023px) {
.card.card5 .card-content {
padding: 20px;
}
}
.card.card5 .card-info {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 16px;
}
.card.card5 .card-title {
font: 300 38px/46px "Lato";
color: #0F1E2B;
text-transform: none;
margin-bottom: 20px;
}
@media (max-width: 1023px) {
.card.card5 .card-title {
font: 300 24px/33px "Lato";
}
}
.card.card5 .card-description {
font: 400 15px/24px "Lato";
color: #253B44;
}
@media (max-width: 1023px) {
.card.card5 .card-description {
display: none;
}
}
.card.card5 .card-actions {
margin-top: 24px;
position: absolute;
bottom: 35px;
left: 57px;
right: 42px;
}
@media (min-width: 1024px) {
.card.card5 .card-actions {
text-align: right;
}
}
@media (max-width: 1023px) {
.card.card5 .card-actions {
position: static;
margin: 16px 0 0;
}
}
.card.card5 .card-actions a {
margin-right: 24px;
}
.card.card5 .card-actions a:last-child {
margin-right: 0;
}
.card.card5 .card-header {
position: absolute;
top: -48px;
left: 0;
right: 0;
text-align: right;
}
.card.card6 {
width: 600px;
margin-right: 50px;
}
.card.card6:last-child {
margin-right: 0 !important;
}
.card.card6 .card-content {
margin: 26px 0 14px;
display: flex;
justify-content: space-between;
}
.card.card6 .card-title {
font: normal normal 300 24px/29px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
}
.card.card6 .card-actions {
position: static;
}
.card.card7 {
width: 799px;
height: 700px;
}
.card.card8 {
display: flex;
justify-content: space-between;
width: 905px;
margin-right: 60px;
}
@media (max-width: 1023px) {
.card.card8 {
width: 280px;
display: block;
margin-right: 32px;
}
}
.card.card8:last-child {
margin-right: 0;
}
.card.card8 .card-image {
flex: 0 0 47.5138%;
}
.card.card8 .card-content {
flex: 0 0 52.4862%;
padding: 60px 30px 35px 35px;
position: relative;
}
@media (max-width: 1023px) {
.card.card8 .card-content {
padding: 20px;
}
}
.card.card8 .card-title {
font: 300 38px/46px "Lato";
text-transform: none;
color: #0F1E2B;
margin-bottom: 35px;
}
@media (max-width: 1023px) {
.card.card8 .card-title {
font: 300 24px/33px "Lato";
letter-spacing: -0.26px;
}
}
.card.card8 .property {
margin-bottom: 10px;
}
@media (min-width: 1024px) {
.card.card8 .property {
margin-bottom: 35px;
}
}
.card.card8 .property .property-name {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 8px;
}
.card.card8 .card-actions a {
margin-right: 24px;
}
.card.card8 .card-actions a:last-child {
margin-right: 0;
}
@media (min-width: 1024px) {
.card.card8 .card-header {
position: absolute;
top: 28px;
left: 35px;
right: 30px;
text-align: right;
}
}
@media (max-width: 1023px) {
.card.card8 .card-header {
margin-top: 20px;
margin-bottom: 15px;
}
}
.card.card8 .card-header a {
font: normal normal bold 15px/24px Lato;
color: #53ABB2;
}
.carousel {
overflow: hidden;
margin-right: -100px;
}
.carousel .slick-slide {
cursor: pointer;
}
@media (max-width: 1023px) {
.carousel {
margin-right: -20px;
}
}
.carousel.entry-carousel {
margin-right: 0;
}
.carousel.entry-carousel img {
width: 100%;
height: auto;
}
.carousel.carousel1 {
margin-right: -120px;
}
@media (max-width: 1023px) {
.carousel.carousel1 {
margin-left: -20px;
margin-right: -20px;
}
}
.carousel.carousel2 {
margin-left: 100px;
margin-right: -120px;
}
@media (max-width: 1023px) {
.carousel.carousel2 {
margin-left: 0;
margin-right: -20px;
}
}
@media (min-width: 1024px) {
.carousel.carousel2 .slick-dots {
margin-left: -70px;
}
}
@media (min-width: 1440px) {
.carousel.carousel2 .slick-dots {
margin-left: -110px;
}
}
.carousel.carousel2 img {
margin-right: 50px;
}
@media (max-width: 1023px) {
.carousel.carousel2 img {
width: 280px;
height: auto;
margin-right: 32px;
}
}
@media (max-width: 1023px) {
.carousel.carousel-resonsive {
margin-left: -20px;
margin-right: -20px;
}
}
.carousel .slick-list {
overflow: visible;
}
.carousel .slick-prev {
left: 20px;
z-index: 100;
}
@media (min-width: 1024px) {
.carousel .slick-prev {
opacity: 0;
transition: all 0.2s;
}
}
.carousel .slick-next {
right: 20px;
z-index: 100;
}
@media (min-width: 1024px) {
.carousel .slick-next {
opacity: 0;
transition: all 0.2s;
}
}
.carousel .slick-arrow.slick-disabled {
visibility: hidden;
}
@media (min-width: 1024px) {
.carousel:hover .slick-prev,
.carousel:hover .slick-next {
opacity: 1;
}
}
.slick-dots {
position: static;
margin-top: 60px;
display: flex;
justify-content: center;
}
@media (min-width: 1024px) {
.slick-dots {
margin-left: -20px;
}
}
@media (min-width: 1440px) {
.slick-dots {
margin-left: -60px;
}
}
@media (max-width: 1023px) {
.slick-dots {
margin-top: 12px;
}
}
.slick-dots li {
width: 60px;
border-bottom: 1px solid #C4C4C4;
margin: 0;
}
.slick-dots li.slick-active {
width: 120px;
border-color: #253B44;
}
.slick-dots li button {
display: none;
}
.slick-prev {
width: 32px;
height: 32px;
}
.slick-prev:before {
position: absolute;
background: url("../images/icons/chevron-prev.png");
content: "";
width: 32px;
height: 32px;
top: 0;
left: 0;
opacity: 1;
}
.slick-next {
width: 32px;
height: 32px;
}
.slick-next:before {
position: absolute;
background: url("../images/icons/chevron-next.png");
content: "";
width: 32px;
height: 32px;
top: 0;
left: 0;
opacity: 1;
}
.floating-menu-wrapper {
position: absolute;
top: 112px;
width: 120px;
padding: 5px 0 75px;
background-color: #FFFFFF;
text-align: center;
border-right: 1px solid #53ABB2;
border-bottom: 1px solid #53ABB2;
z-index: 10;
}
@media (max-width: 1023px) {
.floating-menu-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: auto;
padding: 0;
top: auto;
}
}
@media (max-width: 1023px) {
.floating-menu {
display: flex;
justify-content: space-between;
border-top: 1px solid #53ABB2;
border-bottom: 1px solid #53ABB2;
}
}
.floating-menu a {
position: relative;
display: block;
margin-top: 40px;
padding-bottom: 5px;
font: 700 13px/18px "Lato";
color: #253B44;
text-transform: uppercase;
transition: all 0.3s;
}
@media (max-width: 1023px) {
.floating-menu a {
font: 900 9px/14px "Lato";
letter-spacing: -0.05px;
text-transform: uppercase;
padding: 18px 10px;
margin: 0;
}
}
.floating-menu a.active {
color: #53ABB2;
}
.floating-menu a.active:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 1px;
width: 94px;
background-color: #53ABB2;
}
@media (max-width: 1023px) {
.floating-menu a.active:after {
height: 4px;
left: 0;
width: auto;
}
}
.floating-menu a.active svg path,
.floating-menu a.active svg rect,
.floating-menu a.active svg circle {
stroke: #53ABB2;
}
.floating-menu svg {
width: 28px;
height: 28px;
object-fit: contain;
margin: 0 auto 5px;
display: block;
}
.menu-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 0;
background-color: #FFFFFF;
z-index: -10;
transition: all 0.3s ease-in-out;
}
.menu-wrapper.open {
opacity: 1;
z-index: 10000;
}
.menu-wrapper .menu-close {
position: absolute;
left: 44px;
top: 50px;
z-index: 10;
}
@media (max-width: 1439px) {
.menu-wrapper .menu-close {
left: 20px;
top: 24px;
}
}
.menu-wrapper .main-menu {
width: 485px;
height: 100vh;
padding: 50px 0 50px 110px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1439px) {
.menu-wrapper .main-menu {
width: 300px;
padding: 60px 0 60px 20px;
}
}
@media (max-width: 1023px) {
.menu-wrapper .main-menu {
width: 100%;
padding: 67px 20px 110px;
}
}
.menu-wrapper .main-menu.inactive:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.menu-wrapper .main-menu > li:after {
position: absolute;
content: "";
width: 1px;
height: 0;
top: 0;
left: 485px;
background-color: rgba(37, 59, 68, 0.1);
transition: all 0.5s;
}
@media (max-width: 1439px) {
.menu-wrapper .main-menu > li:after {
left: 300px;
}
}
@media (min-width: 1024px) {
.menu-wrapper .main-menu > li.hover:after {
width: 1px;
height: 100%;
}
}
@media (min-width: 1024px) {
.menu-wrapper .main-menu > li.hover > a {
font-weight: 700;
color: #53ABB2;
}
.menu-wrapper .main-menu > li.hover > a:before {
width: 380px;
}
}
@media (max-width: 1439px) {
.menu-wrapper .main-menu > li.hover > a:before {
width: 285px;
}
}
@media (min-width: 1024px) {
.menu-wrapper .main-menu > li.hover .submenu-wrapper {
display: flex;
}
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper > .menus {
display: flex;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper .inline-menus {
margin-right: 130px;
}
@media (max-width: 1439px) {
.menu-wrapper .main-menu > li.hover .submenu-wrapper .inline-menus {
margin-right: 50px;
}
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper .inline-menus:last-child {
margin-right: 0;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul li {
margin-bottom: 40px;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul li:last-child {
margin-bottom: 0;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul a {
font: normal normal 300 24px/1.5 Lato;
color: #0F1E2B;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 {
position: relative;
margin-bottom: 100px;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1:last-child {
margin-bottom: 0;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li {
margin-bottom: 12px;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li:last-child {
margin-bottom: 0;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li.header {
position: absolute;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #C0D7D9;
text-transform: uppercase;
top: -36px;
white-space: nowrap;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li.footer {
margin-top: 22px;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li.footer a {
display: block;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 25px;
white-space: nowrap;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li.footer a [class^=icon-] {
background-size: auto;
display: inline-block;
margin-left: 13px;
vertical-align: middle;
}
.menu-wrapper .main-menu > li.hover .submenu-wrapper ul.submenu1 li.footer a:last-child {
margin-bottom: 0;
}
.menu-wrapper .main-menu > li > a {
position: relative;
font: normal normal 300 38px/54px Lato;
color: #253B44;
text-transform: uppercase;
transition: all 0.3s;
}
@media (max-width: 1439px) {
.menu-wrapper .main-menu > li > a {
font: normal normal 300 28px/36px Lato;
}
}
@media (max-width: 1023px) {
.menu-wrapper .main-menu > li > a {
display: flex;
justify-content: space-between;
align-items: center;
font: normal normal 100 35px/56px Lato;
}
}
@media (min-width: 1024px) {
.menu-wrapper .main-menu > li > a [class^=icon] {
display: none;
}
}
.menu-wrapper .main-menu > li > a:before {
position: absolute;
content: "";
display: block;
left: -5px;
width: 0;
bottom: 0;
border-bottom: 1px solid #53ABB2;
transition: all 0.2s;
}
.menu-wrapper .main-menu .submenu-wrapper {
background-color: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
left: 485px;
display: none;
right: 0;
padding-left: 70px;
align-items: center;
transition: all 0.2s;
}
@media (max-width: 1439px) {
.menu-wrapper .main-menu .submenu-wrapper {
left: 300px;
padding-left: 50px;
}
}
.menu-wrapper .second-level-menu {
position: absolute;
top: 0;
left: 100%;
width: 100%;
bottom: 0;
background-color: white;
transition: all 0.4s;
z-index: 10;
padding-left: 50px;
padding-right: 20px;
}
.menu-wrapper .second-level-menu.open {
left: 60px;
}
.menu-wrapper .second-level-menu .submenu-close {
position: absolute;
top: 20px;
left: 10px;
}
.menu-wrapper .second-level-menu .subtitle {
margin-top: 67px;
font: normal normal bold 35px/56px Lato;
color: #53ABB2;
text-transform: uppercase;
position: relative;
}
.menu-wrapper .second-level-menu .subtitle:after {
position: absolute;
content: "";
bottom: 0;
left: -50px;
right: 80px;
height: 1px;
background-color: #53ABB2;
}
.menu-wrapper .second-level-menu .subcontent {
height: calc(100% - 120px);
padding-bottom: 70px;
overflow: auto;
}
.menu-wrapper .second-level-menu .subcontent ul {
margin-top: 76px;
}
.menu-wrapper .second-level-menu .subcontent ul.submenu1 .header {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #C0D7D9;
text-transform: uppercase;
margin-bottom: 15px;
}
.menu-wrapper .second-level-menu .subcontent ul.submenu1 .footer a {
display: flex;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
margin: 25px 0;
}
.menu-wrapper .second-level-menu .subcontent ul.submenu1 .footer a [class^=icon] {
width: 13px;
height: 22px;
margin-left: 15px;
background-size: auto;
}
.menu-wrapper .second-level-menu .subcontent ul a {
font: normal normal 300 24px/50px Lato;
color: #0F1E2B;
}
.menu-wrapper .links {
text-align: center;
position: absolute;
bottom: 40px;
display: flex;
width: 100%;
justify-content: center;
}
@media (min-width: 1024px) {
.menu-wrapper .links {
display: none;
}
}
.menu-wrapper .links a {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-right: 50px;
display: flex;
}
.menu-wrapper .links a:last-child {
margin-right: 0;
}
.menu-wrapper .links a [class^=icon] {
margin-right: 8px;
}
.floating-list {
width: 452px;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0px 3px 6px #004A4A29;
}
@media (max-width: 1023px) {
.floating-list {
display: none;
}
}
.floating-list .selected-item {
position: relative;
display: flex;
align-items: center;
padding: 25px 0;
border-bottom: 1px solid #707070;
}
.floating-list .selected-item .item-thumbnail {
width: 45px;
height: 45px;
margin: auto 30px;
}
.floating-list .selected-item .item-thumbnail img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.floating-list .selected-item .item-meta {
display: flex;
}
.floating-list .selected-item .item-meta .item-type {
color: #0F1E2B;
margin-right: 10px;
}
.floating-list .selected-item .item-meta .item-status {
color: #53ABB2;
font-weight: 700;
}
.floating-list .selected-item .item-name {
font: normal normal bold 18px/1 Lato;
text-transform: none;
color: #253B44;
margin-bottom: 10px;
}
.floating-list .selected-item .item-action {
position: absolute;
right: 24px;
}
.floating-list .dropdown {
margin-bottom: 0;
}
.floating-list .dropdown h6 {
font: normal normal 400 15px/1 Lato;
text-transform: uppercase;
margin-bottom: 0;
border: none;
padding: 10px 20px;
cursor: pointer;
}
.floating-list .dropdown h6 [class^=icon] {
transition: all 0.3s;
}
.floating-list .dropdown ul {
max-height: 0;
overflow: hidden;
transition: all 0.5s;
}
.floating-list .dropdown ul li {
position: relative;
padding: 10px 20px;
cursor: pointer;
}
.floating-list .dropdown ul li:hover {
background-color: #F4F5F5;
}
.floating-list .dropdown ul li:last-child {
border-radius: 8px;
}
.floating-list .dropdown ul li.active:before {
background-color: #53ABB2;
position: absolute;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.floating-list .dropdown ul li.active:after {
position: absolute;
content: "";
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #FFF;
width: 10px;
height: 3px;
transform: rotate(-45deg);
right: 24px;
top: 20px;
}
.floating-list .dropdown ul a {
display: block;
}
.floating-list .dropdown.open ul {
max-height: 308px;
overflow-y: auto;
}
.floating-list .dropdown.open h6 [class^=icon] {
transform: rotate(180deg);
}
.shadow1 {
box-shadow: 0px 3px 6px #004A4A29;
}
.shadow2 {
box-shadow: 0px 4px 12px #004A4A33;
}
.shadow3 {
box-shadow: 0px 10px 20px #004A4A33;
}
.shadow4 {
box-shadow: 0px 20px 24px #004A4A33;
}
.tabs-nav ul {
margin: 0;
padding: 0;
display: flex;
}
.tabs-nav li {
display: inline-block;
background: #EDF2F1;
border-width: 1px 1px 0 1px;
position: relative;
top: 10px;
width: 380px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
@media (min-width: 1024px) {
.tabs-nav li:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
}
@media (max-width: 1023px) {
.tabs-nav li {
border-radius: 20px;
top: 0;
}
.tabs-nav li a {
font: normal normal bold 18px/24px Lato;
}
.tabs-nav li.active {
box-shadow: 0px 20px 24px #004A4A33;
}
}
.tabs-nav a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
padding: 35px 15px;
text-align: center;
color: #A7B0B3;
position: relative;
}
@media (min-width: 1024px) {
.tabs-nav a br {
display: none;
}
}
/* Active tab */
.tabs-nav li.active {
background: rgba(255, 255, 255, 0.9) 0% 0% no-repeat padding-box;
top: 0;
box-shadow: -3px -1px 3px rgba(0, 0, 0, 0.05);
}
.tabs-nav li.active a {
padding: 35px 15px;
color: #253B44;
}
/* Tab content */
.tabs-content {
overflow: hidden;
border: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin-bottom: 50px;
}
.tabs-content.portlet {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.tabs-content IMG {
margin-right: 10px;
}
/* Hide all but first content div */
body.modal-open:before {
position: fixed;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.modal {
display: none;
transition: all 0.2s;
position: fixed;
background-color: #FFFFFF;
border-radius: 4px;
z-index: 1000;
}
@media (min-width: 1024px) {
.modal {
max-width: 590px;
}
}
.modal .modal-close {
position: absolute;
right: 16px;
top: 16px;
width: 24px;
height: 24px;
display: block;
text-align: center;
z-index: 100;
}
.modal.open {
display: block;
padding: 40px 40px 50px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
.modal.open {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
transform: none;
}
}
.modal.open.modal-full {
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: none;
transform: none;
padding: 0;
z-index: 999999;
}
@media (max-width: 1023px) {
.modal.open.modal-full {
display: block;
}
}
.modal.open.modal-full .modal-close {
position: absolute;
right: 40px;
top: 40px;
width: 30px;
height: 30px;
text-align: center;
z-index: 100;
border-radius: 50%;
box-shadow: 0px 0px 10px #0000001A;
background-color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1023px) {
.modal.open.modal-full .modal-close {
top: 30px;
right: 30px;
}
}
.modal.open.modal-full .modal-close .icon-close {
width: 12px;
height: 12px;
background-size: cover;
}
@media (min-width: 1024px) {
.modal.open.modal-full .modal-body {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
@media (max-width: 1023px) {
.modal.open.modal-full .modal-body {
transform: none;
}
}
.modal .date {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #A7B0B3;
text-transform: uppercase;
margin-bottom: 16px;
}
.modal .subtitle2 {
font: normal normal 300 24px/42px Lato;
text-transform: none;
color: #253B44;
margin-bottom: 20px;
}
.modal p {
font: normal normal normal 15px/24px Lato;
}
@media (max-width: 1023px) {
.modal .modal-body {
transform: translateY(-100px);
}
}
.modal .modal-actions {
display: none;
}
@media (max-width: 1023px) {
.modal .modal-actions {
display: block;
position: absolute;
bottom: 40px;
left: 0;
right: 0;
text-align: center;
}
}
/* 3. Layout */
header {
position: relative;
}
header:after {
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 100vh;
content: "";
display: block;
z-index: -1;
}
header .header-top {
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
min-height: 112px;
border-bottom: 1px solid #C4C4C4;
padding-left: 40px;
padding-right: 40px;
transition: all 0.3s ease-in-out;
max-height: 200px;
opacity: 1;
}
@media (max-width: 1023px) {
header .header-top {
padding-left: 20px;
padding-right: 20px;
min-height: 67px;
}
header .header-top .link-main {
font: 700 12px/16px "Lato";
text-transform: uppercase;
}
}
header .header-top .logo {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
header .header-top .logo-sticky {
display: none;
}
header .header-top .link-main {
text-transform: uppercase;
}
header .header-top .link-main span {
display: flex;
align-items: center;
margin-right: 3px;
}
header .header-top .header-top-right {
display: flex;
justify-content: space-between;
align-items: center;
}
header .header-top .header-top-right a {
text-transform: uppercase;
margin-right: 32px;
}
header .header-top .header-top-right a:last-child {
margin-right: 0;
}
header.header1:after {
background: url("../images/header/header1.png") center top/100% auto no-repeat;
}
header.header2 a {
color: #FFFFFF;
text-transform: uppercase;
}
header.header2 svg path,
header.header2 svg rect,
header.header2 svg circle {
stroke: #FFFFFF;
}
header.header2 .toggle-menu svg path,
header.header2 .toggle-menu svg rect,
header.header2 .toggle-menu svg circle {
fill: #FFFFFF;
}
header.header3:after {
background: url("../images/header/header3.png") center 95px/100% auto no-repeat;
}
header .header-top.hide {
opacity: 0;
max-height: 0;
transition: all 0.2s;
}
header .toggle-menu img {
display: block;
}
header .toggle-menu img:nth-child(2) {
display: none;
}
header.header-sticky {
transition: all 0.2s;
height: 112px;
}
header.header-sticky .header-top {
position: fixed;
background-color: #FFFFFF;
left: 0;
right: 0;
top: 0;
max-width: 1920px;
margin: auto;
z-index: 9999;
max-height: 500px;
opacity: 1;
transition: all 0.2s;
}
header.header-sticky .header-top.hide {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.2s;
}
header.header-sticky .header-top .toggle-menu img:nth-child(1) {
display: none;
}
header.header-sticky .header-top .toggle-menu img:nth-child(2) {
display: block;
}
header.header-sticky a {
color: #253B44;
text-transform: uppercase;
}
header.header-sticky svg path,
header.header-sticky svg rect,
header.header-sticky svg circle {
stroke: #253B44;
}
header.header-sticky .toggle-menu svg path,
header.header-sticky .toggle-menu svg rect,
header.header-sticky .toggle-menu svg circle {
fill: #253B44;
}
header.header-sticky .logo {
display: none;
}
header.header-sticky .logo.logo-sticky {
display: block;
}
header.header-transparent .header-top-right .btn-sticky {
display: none;
}
header.header-transparent.header-sticky .header-top-right .btn {
display: none;
}
header.header-transparent.header-sticky .header-top-right .btn.btn-sticky {
display: block;
}
header.header-takeaways:after {
top: 205px;
min-height: 1262px;
background: url(../images/events-promotions-club-news-details/bg1.png) center top/cover no-repeat;
}
@media (max-width: 1023px) {
header.header-takeaways:after {
top: 60px;
background-size: auto;
}
}
.entry-header {
padding: 50px 120px 10px;
}
.entry-header.entry-header1 {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
@media (min-width: 1024px) {
.entry-header.entry-header1 {
padding-left: 225px;
padding-bottom: 50px;
}
}
@media (max-width: 1023px) {
.entry-header.entry-header1 .title-welcome {
font: 300 24px/29px "Lato";
}
.entry-header.entry-header1 .header-meta .subtitle {
font: normal normal normal 15px/24px Lato;
margin-top: 20px;
}
}
.entry-header.entry-header2 {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 1024px) {
.entry-header.entry-header2 {
padding-left: 225px;
padding-bottom: 35px;
}
}
.entry-header.entry-header3 {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 1024px) {
.entry-header.entry-header3 {
padding-bottom: 100px;
padding-left: 225px;
padding-right: 120px;
}
}
.entry-header.entry-header4 {
padding-top: 0;
}
.entry-header.entry-header5 {
padding-top: 100px;
}
.entry-header.entry-header-login .title {
margin-bottom: 0;
}
@media (max-width: 1439px) {
.entry-header {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 1023px) {
.entry-header {
padding-left: 20px;
padding-right: 20px;
}
.entry-header .actions a {
margin-bottom: 20px;
}
}
.entry-header .title {
font: 100 90px/108px "Lato";
color: #253B44;
text-transform: uppercase;
margin-bottom: 15px;
}
@media (max-width: 1023px) {
.entry-header .title {
font: 100 54px/65px "Lato";
}
.entry-header .title.title1 {
font: normal normal 300 24px/29px Lato;
margin-top: 40px;
}
}
.entry-header .header-meta {
position: relative;
}
@media (min-width: 1024px) {
.entry-header .header-meta > div {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.entry-header .header-meta .subtitle {
font: 700 24px/42px "Lato";
color: #0F1E2B;
text-transform: none;
}
@media (max-width: 1023px) {
.entry-header .header-meta .subtitle {
font: bold 20px/24px "Lato";
text-transform: capitalize;
letter-spacing: -0.21px;
margin-top: 40px;
}
}
.custom-header-type1 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100vh;
overflow: hidden;
z-index: -1;
}
.custom-header-type1 img {
width: 100%;
height: 100%;
object-fit: fill;
}
.custom-header-type2 {
position: absolute;
top: 95px;
left: 0;
right: 0;
height: 1140px;
overflow: hidden;
z-index: -1;
}
.custom-header-type2 img {
width: 100%;
height: 100%;
object-fit: fill;
}
@media (max-width: 1023px) {
.custom-header-type2 img {
object-fit: cover;
}
}
.custom-header-type3 {
position: absolute;
top: 95px;
left: 0;
right: 0;
height: 1500px;
overflow: hidden;
z-index: -1;
}
.custom-header-type3 img {
width: 100%;
height: 100%;
object-fit: fill;
}
@media (max-width: 1023px) {
.custom-header-type3 img {
object-fit: cover;
}
}
footer {
position: relative;
padding: 123px 120px 48px;
margin-top: 110px;
background: #0F1E2B;
}
@media (max-width: 1439px) {
footer {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 1023px) {
footer {
padding-left: 20px;
padding-right: 20px;
}
}
footer .footer-top {
margin-bottom: 87px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1023px) {
footer .footer-top {
display: block;
text-align: center;
}
footer .footer-top .logo-footer {
margin-bottom: 64px;
display: inline-block;
}
}
footer #footer-menu {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media (max-width: 1023px) {
footer #footer-menu {
display: block;
}
footer #footer-menu li {
text-align: left;
margin-left: 0 !important;
margin-bottom: 24px;
}
footer #footer-menu li a {
font: normal normal 600 14px/18px Montserrat;
color: #FFFFFF;
}
}
footer #footer-menu li {
margin-left: 16px;
}
footer #footer-menu a {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #FFFFFF;
text-transform: uppercase;
}
footer address {
font: 400 15px/24px "Lato";
color: #FFFFFF;
margin-bottom: 16px;
}
footer .copyright {
font: 400 13px/20px "Lato";
color: #A7B0B3;
}
footer:before {
position: absolute;
content: "";
display: block;
top: -39px;
left: 0;
right: 0;
height: 40px;
background: transparent url("../images/footer/footer-layer-top.png") top center/100% 40px no-repeat;
}
@media (max-width: 1023px) {
footer:before {
background-size: auto;
}
}
footer.footer1 {
padding: 46px 0 46px;
margin-top: 200px;
}
@media (max-width: 1023px) {
footer.footer1 {
padding-bottom: 130px;
}
footer.footer1 .logo-footer {
display: block;
margin: 0 auto 64px;
}
footer.footer1 .copyright {
font-size: 14px;
line-height: 22px;
}
}
/* 4. Pages */
#welcome {
height: 888px;
padding: 85px 0;
position: relative;
}
#welcome .heading2 {
text-transform: none;
}
#welcome .subtitle {
font: normal normal 300 46px/42px Lato;
margin-bottom: 50px;
color: #FFFFFF;
text-transform: none;
}
@media (max-width: 1439px) {
#welcome .subtitle {
font: 300 28px/42px "Lato";
}
}
#latest-news-events {
position: relative;
padding: 80px 0 150px;
min-height: 1000px;
overflow: hidden;
}
#latest-news-events .title {
margin-bottom: 110px;
color: #253B44;
}
#weather-forecast {
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
position: relative;
min-height: 1000px;
}
#weather-forecast .property-list {
display: flex;
}
@media (min-width: 1024px) {
#weather-forecast .property-list {
flex-direction: row-reverse;
}
}
@media (max-width: 1023px) {
#weather-forecast .property-list {
flex-direction: column;
}
}
#weather-forecast .property {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: center;
margin-right: 71px;
}
@media (max-width: 1023px) {
#weather-forecast .property:last-child {
margin-right: 0;
}
}
#weather-forecast .property.property-temperature {
margin-right: 0;
}
@media (max-width: 1023px) {
#weather-forecast .property.property-temperature {
margin-bottom: 50px;
}
}
#weather-forecast .property.property-temperature .property-value {
font: normal normal 100 320px/1 Lato;
letter-spacing: -25.6px;
color: #FFFFFF;
margin-bottom: 0;
}
@media (max-width: 1023px) {
#weather-forecast .property.property-temperature .property-value {
font: normal normal 100 130px/140px Lato;
letter-spacing: -10.4px;
}
}
#weather-forecast .property-value {
font: normal normal normal 36px/44px Lato;
letter-spacing: -0.3px;
color: #FFFFFF;
margin-bottom: 32px;
}
@media (max-width: 1023px) {
#weather-forecast .property-value {
font: normal normal normal 24px/29px Lato;
letter-spacing: -0.2px;
}
}
#weather-forecast .property-name {
font: normal normal normal 24px/26px Lato;
color: #FFFFFF;
}
@media (max-width: 1023px) {
#weather-forecast .property-name {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
}
}
#private-events {
position: relative;
padding: 30px 0 80px;
}
#private-events .columns2-grid-reverse .entry-content {
top: 0;
}
#private-events .title {
margin-bottom: 40px;
}
#private-events .title span {
display: block;
}
@media (min-width: 1440px) {
#private-events .title span:nth-child(2) {
margin-left: 430px;
}
}
@media (min-width: 1024px) {
.filters {
margin-bottom: 70px;
display: flex;
}
}
.filters a {
margin-bottom: 10px;
margin-right: 30px;
}
@media (min-width: 1024px) {
.filters a {
margin-right: 60px;
}
.filters a:last-child {
margin-right: 0;
}
}
#dining {
position: relative;
min-height: 100vh;
padding-bottom: 100px;
z-index: 1;
}
#dining .title {
margin-bottom: 17px;
}
#dining .actions {
margin-bottom: 70px;
}
#facilities {
position: relative;
padding: 80px 0;
min-height: 1000px;
overflow: hidden;
}
#facilities .title {
margin-bottom: 17px;
}
#facilities .filters {
margin-bottom: 80px;
}
#facilities .facilities-content {
font: normal normal normal 15px/24px Lato;
max-width: 537px;
margin-bottom: 69px;
}
#wellness {
padding: 80px 0;
position: relative;
overflow: hidden;
}
#wellness .wellness-content {
max-width: 870px;
font: normal normal normal 15px/24px Lato;
margin: 50px 0 100px;
}
@media (max-width: 1023px) {
#wellness .carousel.carousel1 .card.card6 {
width: 280px;
margin-right: 36px;
}
}
.layer {
background-position: bottom center;
background-size: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.header-layer1 {
position: absolute;
top: -100px;
left: 0;
right: 0;
height: 1100px;
content: "";
display: block;
z-index: -1;
background: url("../images/home/header-bg.jpg") center top/cover no-repeat;
}
body.loading .header-layer3 {
opacity: 1;
transition: opacity 1s ease-in-out;
}
.header-layer3 {
position: absolute;
top: -100px;
left: 0;
right: 0;
height: 1100px;
content: "";
display: block;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 1s ease-in-out;
}
.header-layer2 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1000px;
content: "";
display: block;
z-index: -1;
background: url("../images/home/header-layer1.png") center bottom/100% no-repeat;
}
.header-layer2:before {
position: absolute;
content: "";
bottom: -200px;
left: 0;
right: 0;
height: 200px;
background-color: #FFFFFF;
}
.latest-layer1 {
background-color: #dbeae8;
height: 1000px;
top: calc(100% - 300px);
}
.latest-layer1:before {
position: absolute;
content: "";
left: 0;
right: 0;
height: 360px;
top: -360px;
background: url("../images/home/bg1-top.png") bottom left/100% 360px no-repeat;
z-index: -1;
mix-blend-mode: overlay;
}
@media (max-width: 1023px) {
.latest-layer1:before {
background-size: contain;
}
}
.weather-layer1 {
top: -300px;
bottom: -100px;
background-position: center center;
background-size: cover;
}
.weather-layer2 {
background: url("../images/home/bg1-bottom.png") center top/100% 300px no-repeat;
}
@media (max-width: 1023px) {
.weather-layer2 {
background-size: contain;
}
}
.weather-layer3 {
background-color: #FFFFFF;
height: 400px;
top: auto;
bottom: -400px;
}
.weather-layer3:before {
position: absolute;
content: "";
left: 0;
right: 0;
height: 202px;
top: -202px;
background: url("../images/home/weather-layer-bottom.png") bottom center/100% 202px no-repeat;
mix-blend-mode: overlay;
z-index: -1;
}
@media (max-width: 1023px) {
.weather-layer3:before {
background-size: contain;
}
}
.private-layer1 {
background-color: #DBEAE8;
top: 68%;
bottom: 0;
}
.private-layer1:before {
position: absolute;
content: "";
display: block;
background: url("../images/home/bg111.png") center top/cover no-repeat;
height: 161px;
left: 0;
right: 0;
top: -161px;
}
.dining-layer-bg {
background-color: #DBEAE8;
bottom: 400px;
}
.dining-layer-bottom {
height: 600px;
background-color: #DBEAE8;
top: auto;
}
.dining-layer-bottom:before {
position: absolute;
content: "";
bottom: -115px;
left: 0;
right: 0;
background: url("../images/home/bg222.png") center top/100% 115px no-repeat;
height: 115px;
mix-blend-mode: overlay;
}
@media (max-width: 1023px) {
.dining-layer-bottom:before {
background-size: contain;
}
}
.layer-slide {
background-image: url("../images/home/layer-slide.png");
background-size: 100% 515px;
height: 515px;
top: 0;
bottom: auto;
}
@media (max-width: 1023px) {
.layer-slide {
background-size: contain;
}
}
.facilities-layer-bg {
background-image: url("../images/home/facilities-bg.png");
top: 400px;
background-size: cover;
bottom: -400px;
}
.facilities-layer-bottom {
top: auto;
background-image: url("../images/home/facilities-bottom.png");
height: 125px;
bottom: 0;
}
.facilities-layer-bottom:after {
position: absolute;
content: "";
bottom: -499px;
left: 0;
right: 0;
height: 500px;
background-color: #D0E7F4;
}
.facilities-layer1 {
background-color: #FFFFFF;
top: 0;
bottom: auto;
height: 350px;
}
.wellness-layer-bg {
bottom: auto;
top: -1px;
background-color: #d0e7f4;
}
.wellness-layer-bottom {
background-color: #d0e7f4;
top: -500px;
height: 500px;
}
.wellness-layer-bottom:after {
position: absolute;
content: "";
height: 392px;
bottom: -392px;
left: 0;
right: 0;
background: url("../images/home/wellness-bottom.png") center top/cover no-repeat;
mix-blend-mode: overlay;
}
.portlet {
background: rgba(255, 255, 255, 0.9) 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
padding: 20px;
margin-bottom: 50px;
}
@media (min-width: 1024px) {
.portlet {
padding: 40px;
box-shadow: 0px 3px 6px #00000029;
}
}
.portlet .portlet-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 50px;
}
@media (max-width: 1023px) {
.portlet .portlet-title {
padding-bottom: 24px;
align-items: center;
}
}
.portlet .portlet-title .subtitle1 {
letter-spacing: -0.3px;
text-transform: capitalize;
}
@media (max-width: 1023px) {
.portlet .portlet-title .subtitle1 {
font: 700 20px/24px "Lato";
letter-spacing: -0.21px;
}
}
.portlet .table {
width: 100%;
text-align: left;
}
.portlet .table thead {
border-bottom: 1px solid #707070;
}
.portlet .table tbody {
border-bottom: 1px solid #707070;
}
.portlet .table tbody:before, .portlet .table tbody:after {
content: "";
display: block;
height: 16px;
}
.portlet .table tbody tr {
position: relative;
}
.portlet .table tbody tr:first-child td {
padding-top: 16px;
}
.portlet .table tbody tr:last-child td {
padding-bottom: 16px;
}
.portlet .table tbody tr:hover {
background-color: #DBEAE8;
}
.portlet .table th {
padding: 16px 10px;
text-transform: uppercase;
font: 700 13px/19px "Lato";
}
.portlet .table td {
padding: 16px 10px;
}
@media (min-width: 1024px) {
.portlet .table td .info-name {
display: none;
}
}
.portlet .table .table-actions-toggle {
cursor: pointer;
width: 11px;
height: 20px;
position: relative;
top: 5px;
margin-left: auto;
display: block;
}
.portlet .table .table-actions-toggle span {
width: 4px;
height: 4px;
display: block;
background-color: #253B44;
border-radius: 4px;
margin-bottom: 2px;
margin-left: auto;
}
.portlet .table .table-actions-toggle span:last-child {
margin-bottom: 0;
}
.portlet .table .table-actions {
display: none;
position: absolute;
right: 40px;
top: 8px;
}
.portlet .table .table-actions a {
float: left;
margin-left: 10px;
}
.portlet .portlet-actions {
padding-top: 24px;
}
@media (min-width: 1024px) {
.portlet .portlet-actions {
text-align: right;
padding-top: 32px;
}
}
.portlet .portlet-actions a:not(.btn) {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.portlet .portlet-actions a:not(.btn) img {
margin-left: 10px;
}
.portlet .info-name {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.portlet .info-value {
font: 400 15px/24px "Lato";
letter-spacing: 0.65px;
color: #253B44;
}
.portlet .personal-info {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
flex-wrap: wrap;
}
@media (max-width: 1023px) {
.portlet .personal-info {
border-top: 1px solid #707070;
padding-top: 24px;
}
}
@media (max-width: 1023px) {
.portlet .personal-info .info {
margin-bottom: 24px;
}
.portlet .personal-info .info:first-child {
flex: 0 0 100%;
}
}
.portlet .personal-info .info-name {
margin-bottom: 5px;
}
.portlet .personal-info .info-value {
font: 300 24px/42px "Lato";
color: #0F1E2B;
}
@media (max-width: 1023px) {
.portlet .personal-info .info-value {
font: normal normal normal 15px/24px Lato;
}
}
.portlet .personal-info .info.info-request .info-value {
font: 400 15px/24px "Lato";
text-transform: none;
}
.portlet .statement-info {
border-bottom: 1px solid #707070;
}
@media (max-width: 1023px) {
.portlet .statement-info {
padding-top: 25px;
border-top: 1px solid #707070;
}
}
.portlet .statement-info .info {
display: flex;
justify-content: space-between;
margin-bottom: 35px;
}
@media (max-width: 1023px) {
.portlet .statement-info .info {
margin-bottom: 25px;
}
}
.portlet.portlet-profile {
flex: 0 0 61.6438%;
}
.portlet.portlet-profile .contact-info {
border-bottom: 1px solid #707070;
}
@media (min-width: 1024px) {
.portlet.portlet-profile .contact-info {
display: flex;
justify-content: space-between;
}
}
.portlet.portlet-profile .contact-info .info {
margin-bottom: 32px;
}
@media (max-width: 1023px) {
.portlet.portlet-profile .contact-info .info {
margin-bottom: 24px;
}
}
.portlet.portlet-profile .contact-info .info-name {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 8px;
}
.portlet.portlet-statement {
flex: 0 0 35.6164%;
}
.portlet.portlet1 .portlet-title {
padding-bottom: 32px;
}
.portlet.portlet1 p {
font: 300 24px/35px "Lato";
color: #0F1E2B;
margin-right: 42px;
}
.portlet.portlet1 .subtitle1 {
font-weight: 700;
}
@media (max-width: 1023px) {
.portlet {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1024px) {
.table.table-transaction thead th:nth-child(4), .table.table-transaction thead th:nth-child(5),
.table.table-transaction thead td:nth-child(4),
.table.table-transaction thead td:nth-child(5),
.table.table-transaction tbody th:nth-child(4),
.table.table-transaction tbody th:nth-child(5),
.table.table-transaction tbody td:nth-child(4),
.table.table-transaction tbody td:nth-child(5) {
text-align: right;
}
}
.estatement-months {
position: relative;
border-radius: 4px;
margin-top: 15px;
margin-bottom: 100px;
}
@media (min-width: 1024px) {
.estatement-months {
padding: 40px;
border: 1px solid #CED3DB;
margin-top: 50px;
}
}
.estatement-months.checked {
border-color: #53ABB2;
}
@media (min-width: 1024px) {
.estatement-months.checked:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 101px;
width: 1px;
background-color: #53ABB2;
}
}
.estatement-months .subtitle2 {
text-transform: none;
font-weight: 700;
padding-bottom: 16px;
margin-bottom: 38px;
}
@media (max-width: 1023px) {
.estatement-months .subtitle2 {
font: normal normal normal 15px/20px Lato;
margin-bottom: 20px;
}
}
.estatement-months .estatement-month-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 20px;
}
@media (min-width: 1440px) {
.estatement-months .estatement-month-list {
column-gap: 7.5%;
}
}
@media (max-width: 1023px) {
.estatement-months .estatement-month-list {
grid-template-columns: repeat(2, 1fr);
column-gap: 0;
}
}
.estatement-months .estatement-month-list li a {
display: block;
background: #FFFFFF;
border: 2px solid #FFFFFF;
border-radius: 10px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
margin-bottom: 20px;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
cursor: pointer;
box-shadow: 0px 10px 20px #004A4A33;
}
.estatement-months .estatement-month-list li.active a {
box-shadow: none;
background-color: #53ABB2;
color: #FFFFFF;
position: relative;
}
@media (min-width: 1024px) {
.estatement-months .estatement-month-list li.active a:before {
position: absolute;
content: "";
display: block;
width: 34px;
height: 34px;
background: url(../images/icons/checked.svg) center/cover no-repeat;
right: -9px;
top: -9px;
transition: all 0.2s;
}
}
@media (max-width: 1023px) {
.estatement-months .estatement-month-list li:nth-child(2n) a {
margin-left: auto;
}
.estatement-months .estatement-month-list li a {
width: 157px;
}
}
@media (max-width: 1023px) {
#account .heading3 {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
text-transform: none;
}
}
.section-title {
font: 700 24px/42px "Lato";
color: #0F1E2B;
text-transform: none;
margin-bottom: 55px;
}
@media (max-width: 1199px) {
.section-title {
font: bold 20px/24px "Lato";
letter-spacing: -0.21px;
margin-bottom: 24px;
}
}
@media (min-width: 1200px) {
#bookings {
margin-top: -50px;
}
}
@media (max-width: 1023px) {
#bookings .tabs-nav ul {
border-radius: 20px;
background-color: #EDF2F1;
}
#bookings .tabs-nav li {
flex: 0 0 50%;
background-color: transparent;
}
#bookings .tabs-nav li.active {
background-color: #FFFFFF;
}
}
.booking-activity-list-wrapper {
position: relative;
}
.booking-activity-list-wrapper .edit-booking-activity {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: none;
}
@media (max-width: 1199px) {
.booking-activity-list-wrapper.checked .edit-booking-activity {
display: block;
}
.booking-activity-list-wrapper.checked .section-title {
display: none;
}
.booking-activity-list-wrapper.checked .booking-activity-list li:not(.active) {
display: none;
}
.booking-activity-list-wrapper.checked .booking-activity-list li.active {
margin: auto;
}
.booking-activity-list-wrapper.checked .booking-activity-list li.active .booking-activity {
margin: auto;
}
}
.booking-activity-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.booking-activity-list li {
flex: 0 0 50%;
margin-bottom: 20px;
}
.booking-activity-list li:nth-child(2n) .booking-activity {
margin-left: auto;
}
}
.booking-activity-list .booking-activity {
position: relative;
width: 158px;
height: 158px;
border-radius: 50%;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
cursor: pointer;
transition: all 0.2s;
}
@media (min-width: 1200px) {
.booking-activity-list .booking-activity {
width: 150px;
height: 150px;
}
}
@media (min-width: 1440px) {
.booking-activity-list .booking-activity {
width: 158px;
height: 158px;
}
}
.booking-activity-list .booking-activity:before {
position: absolute;
content: "";
display: block;
width: 34px;
height: 34px;
background: url("../images/icons/checked.svg") center/cover no-repeat;
right: 10px;
top: 2px;
opacity: 0;
transition: all 0.2s;
}
.booking-activity-list .booking-activity:after {
position: absolute;
content: "";
display: block;
opacity: 0;
top: 0;
left: 50%;
height: 0;
transition: all 0.2s;
}
.booking-activity-list .booking-activity img {
width: 100%;
height: auto;
}
.booking-activity-list .booking-activity .activity-name {
height: 59px;
display: flex;
justify-content: center;
align-items: flex-start;
text-transform: uppercase;
margin-top: 5px;
text-align: center;
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
}
.booking-activity-list .active .booking-activity {
background-color: #53ABB2;
border-color: #53ABB2;
}
.booking-activity-list .active .booking-activity .activity-name {
color: #FFFFFF;
}
.booking-activity-list .active .booking-activity:after {
height: 42px;
width: 2px;
opacity: 1;
background-color: #53ABB2;
top: 100%;
}
@media (min-width: 1200px) {
.booking-activity-list .active .booking-activity:before {
opacity: 1;
}
.booking-activity-list .active .booking-activity:after {
height: 102px;
}
}
.booking-subactivity-list-wrapper {
position: relative;
margin-top: 100px;
display: none;
}
.booking-subactivity-list-wrapper .section-title {
display: none;
}
.booking-subactivity-list-wrapper .edit-booking-subactivity {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 10;
display: none;
}
.booking-subactivity-list-wrapper.checked .booking-subactivity-list {
border-color: #53ABB2;
}
.booking-subactivity-list-wrapper.checked .booking-subactivity-list:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 102px;
width: 2px;
background-color: #53ABB2;
}
@media (max-width: 1199px) {
.booking-subactivity-list-wrapper.checked .booking-subactivity-list:before {
height: 41px;
}
}
@media (max-width: 1199px) {
.booking-subactivity-list-wrapper {
margin-top: 40px;
border-top: 2px solid #53ABB2;
padding-top: 24px;
}
.booking-subactivity-list-wrapper.checked {
border: 0;
padding-top: 0;
}
.booking-subactivity-list-wrapper.checked .edit-booking-subactivity {
display: block;
}
.booking-subactivity-list-wrapper.checked .booking-subactivity-list li:not(.active) {
display: none;
}
.booking-subactivity-list-wrapper.checked .booking-subactivity-list li.active {
margin: auto;
}
.booking-subactivity-list-wrapper.checked .booking-subactivity-list li.active .booking-subactivity {
margin: auto;
}
}
.checked + .booking-subactivity-list-wrapper {
display: block;
}
@media (max-width: 1199px) {
.checked + .booking-subactivity-list-wrapper .section-title {
display: block;
}
}
.checked + .booking-subactivity-list-wrapper.checked .section-title {
display: none;
}
.booking-subactivity-list {
border-radius: 4px;
padding: 46px 80px;
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #C4C4C4;
position: relative;
transition: all 0.2s;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.booking-subactivity-list {
padding: 0;
border: 0;
}
.booking-subactivity-list li {
flex: 0 0 50%;
margin-bottom: 20px;
}
.booking-subactivity-list li:nth-child(2n) .booking-subactivity {
margin-left: auto;
}
}
.booking-subactivity-list li {
position: relative;
}
.booking-subactivity-list li .booking-subactivity {
width: 158px;
height: 158px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
margin-top: 5px;
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
border-radius: 50%;
background-color: #FFFFFF;
cursor: pointer;
transition: all 0.2s;
}
@media (min-width: 1200px) {
.booking-subactivity-list li .booking-subactivity {
width: 150px;
height: 150px;
}
}
@media (min-width: 1440px) {
.booking-subactivity-list li .booking-subactivity {
width: 158px;
height: 158px;
}
}
.booking-subactivity-list li.active .booking-subactivity {
background-color: #53ABB2;
color: #FFFFFF;
}
@media (min-width: 1200px) {
.booking-subactivity-list li.active .booking-subactivity:before {
position: absolute;
content: "";
display: block;
width: 34px;
height: 34px;
background: url(../images/icons/checked.svg) center/cover no-repeat;
right: 10px;
top: 12px;
transition: all 0.2s;
}
}
.booking-activity-available-datetime-wrapper {
display: none;
margin-top: 40px;
border-top: 2px solid #53ABB2;
padding-top: 24px;
position: relative;
}
.booking-activity-available-datetime-wrapper .edit-booking-datetime {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: none;
}
@media (min-width: 1200px) {
.booking-activity-available-datetime-wrapper {
padding: 40px;
border: 2px solid #CED3DB;
border-radius: 4px;
margin-bottom: 100px;
margin-top: 100px;
}
}
.booking-activity-available-datetime-wrapper.checked {
border-color: #53ABB2;
}
@media (max-width: 1199px) {
.booking-activity-available-datetime-wrapper.checked {
border: none;
padding-top: 0;
}
.booking-activity-available-datetime-wrapper.checked .section-title {
display: none;
}
.booking-activity-available-datetime-wrapper.checked .edit-booking-datetime {
display: block;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime {
border: none;
display: none;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime.open {
display: block;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime.open .available-date {
display: block;
width: 157px;
background-color: #53ABB2;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
color: #FFFFFF;
font: normal normal normal 15px/24px Lato;
text-align: center;
position: relative;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime.open .available-date:after {
position: absolute;
content: "";
left: 50%;
top: 100%;
width: 2px;
height: 40px;
background-color: #53ABB2;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime.open .available-date [class^=icon] {
display: none;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime.open ul {
margin-top: 40px;
margin-bottom: 0;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime ul {
display: block;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime li {
display: none;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime li.active {
display: block;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime li.active a {
margin: auto;
border: none;
position: relative;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime li.active a:before {
display: none;
}
.booking-activity-available-datetime-wrapper.checked .activity-datetime li.active a:after {
position: absolute;
content: "";
width: 2px;
height: 40px;
top: 100%;
background-color: #53ABB2;
left: 50%;
}
}
@media (min-width: 1200px) {
.booking-activity-available-datetime {
display: flex;
position: relative;
justify-content: space-between;
}
.booking-activity-available-datetime:before {
position: absolute;
display: block;
content: "";
top: 50px;
left: 0;
right: 0;
border-bottom: 1px solid #707070;
}
}
@media (min-width: 1200px) {
.booking-activity-available-datetime .available-date {
font: 300 24px/42px "Lato";
color: #0F1E2B;
text-align: center;
padding-bottom: 16px;
margin-bottom: 38px;
}
.booking-activity-available-datetime .available-date [class^=icon] {
display: none;
}
}
.booking-activity-available-datetime .available-date [class^=icon] {
transition: all 0.2s;
transform: rotate(0);
}
@media (max-width: 1199px) {
.booking-activity-available-datetime .available-date {
font: normal normal 300 18px/22px Lato;
letter-spacing: -0.19px;
padding: 20px 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 1199px) {
.booking-activity-available-datetime .activity-datetime {
border-top: 1px solid #A7B0B3;
}
.booking-activity-available-datetime .activity-datetime.open .available-date [class^=icon] {
transform: rotate(180deg);
}
.booking-activity-available-datetime .activity-datetime.open ul {
margin-top: 13px;
margin-bottom: 20px;
height: auto;
overflow: visible;
}
.booking-activity-available-datetime .activity-datetime:last-child {
border-bottom: 1px solid #A7B0B3;
}
.booking-activity-available-datetime .activity-datetime ul {
transition: all 0.3s;
height: 0;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.booking-activity-available-datetime .activity-datetime ul li {
flex: 0 0 50%;
}
.booking-activity-available-datetime .activity-datetime ul li:nth-child(2n) a {
margin-left: auto;
}
}
.booking-activity-available-datetime .activity-datetime li a {
width: 180px;
display: block;
background: #FFFFFF;
border-radius: 10px;
margin-bottom: 20px;
padding: 20px 0;
text-align: center;
cursor: pointer;
box-shadow: 0px 10px 20px #004A4A33;
}
@media (max-width: 1199px) {
.booking-activity-available-datetime .activity-datetime li a {
width: 157px;
}
}
.booking-activity-available-datetime .activity-datetime li.active a {
box-shadow: none;
background-color: #53ABB2;
color: #FFFFFF;
position: relative;
}
.booking-activity-available-datetime .activity-datetime li.active a:before {
position: absolute;
content: "";
display: block;
width: 34px;
height: 34px;
background: url(../images/icons/checked.svg) center/cover no-repeat;
right: -9px;
top: -9px;
transition: all 0.2s;
}
.checked + .booking-activity-available-datetime-wrapper {
display: block;
}
.booking-additional {
display: none;
}
@media (max-width: 1199px) {
.booking-additional .portlet {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
box-shadow: none;
}
.booking-additional .portlet p {
font: normal normal normal 15px/24px Lato;
margin-bottom: 15px;
margin-right: 0;
}
.booking-additional .portlet.portlet1 .portlet-title {
margin-bottom: 0;
padding-bottom: 24px;
}
}
.checked + .booking-additional {
display: block;
}
@media (max-width: 1199px) {
.checked + .booking-additional {
border-top: 2px solid #53ABB2;
margin-top: 40px;
}
}
.booking-step-actions {
margin-top: 100px;
display: flex;
justify-content: flex-end;
}
@media (max-width: 1199px) {
.booking-step-actions {
margin-top: 20px;
justify-content: center;
}
}
.booking-step-actions a {
margin-right: 24px;
}
.booking-step-actions a:last-child {
margin-right: 0;
}
.booking-activity-available-date-wrapper {
margin-top: 100px;
position: relative;
padding: 40px;
border: 2px solid #CED3DB;
border-radius: 4px;
display: none;
}
@media (max-width: 1199px) {
.booking-activity-available-date-wrapper {
border-width: 2px 0 0;
border-color: #53ABB2;
margin-top: 40px;
padding: 24px 0;
}
}
.booking-activity-available-date-wrapper.checked {
border-color: #53ABB2;
}
.booking-activity-available-date-wrapper.checked:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 102px;
width: 2px;
background-color: #53ABB2;
}
@media (max-width: 1199px) {
.booking-activity-available-date-wrapper.checked:before {
height: 41px;
}
}
@media (max-width: 1199px) {
.booking-activity-available-date-wrapper.checked {
padding: 0;
border: none;
}
.booking-activity-available-date-wrapper.checked .section-title {
display: none;
}
.booking-activity-available-date-wrapper.checked .edit-booking-date {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.booking-activity-available-date-wrapper.checked li:not(.active) {
display: none;
}
.booking-activity-available-date-wrapper.checked li.active {
flex: 0 0 100%;
}
.booking-activity-available-date-wrapper.checked li.active a {
margin: auto;
}
}
.booking-activity-available-date-wrapper .edit-booking-date {
display: none;
}
.booking-activity-available-date-wrapper .booking-activity-available-date ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.booking-activity-available-date-wrapper .booking-activity-available-date ul li a {
width: 180px;
display: block;
background: #FFFFFF;
border: 2px solid #FFFFFF;
border-radius: 10px;
margin-bottom: 20px;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
cursor: pointer;
box-shadow: 0px 10px 20px #004A4A33;
}
.booking-activity-available-date-wrapper .booking-activity-available-date ul li.active a {
box-shadow: none;
background-color: #53ABB2;
color: #FFFFFF;
position: relative;
}
.booking-activity-available-date-wrapper .booking-activity-available-date ul li.active a:before {
position: absolute;
content: "";
display: block;
width: 34px;
height: 34px;
background: url(../images/icons/checked.svg) center/cover no-repeat;
right: -16px;
top: -12px;
transition: all 0.2s;
}
@media (max-width: 1199px) {
.booking-activity-available-date-wrapper .booking-activity-available-date ul li.active a:before {
display: none;
}
}
@media (max-width: 1199px) {
.booking-activity-available-date-wrapper .booking-activity-available-date ul li {
flex: 0 0 50%;
}
.booking-activity-available-date-wrapper .booking-activity-available-date ul li:nth-child(2n) a {
margin-left: auto;
}
.booking-activity-available-date-wrapper .booking-activity-available-date ul li a {
width: 157px;
}
}
.checked + .booking-activity-available-date-wrapper {
display: block;
}
.booking-court-timeslot {
display: none;
margin-top: 100px;
position: relative;
padding: 40px;
border: 2px solid #CED3DB;
border-radius: 4px;
}
@media (min-width: 1200px) {
.booking-court-timeslot {
margin-bottom: 100px;
}
}
.booking-court-timeslot.checked {
border-color: #53ABB2;
}
.booking-court-timeslot .court-location {
width: 480px;
margin-bottom: 50px;
}
.booking-court-timeslot .court-location .select2-selection__rendered {
padding-top: 0;
}
.booking-court-timeslot .table {
width: 100%;
text-align: center;
}
.booking-court-timeslot .table td,
.booking-court-timeslot .table th {
border-right: 1px solid #707070;
}
.booking-court-timeslot .table td:last-child,
.booking-court-timeslot .table th:last-child {
border-right: 0;
}
.booking-court-timeslot .table thead th {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
}
.booking-court-timeslot .table tbody tr:nth-child(2n+1) {
background-color: #FFFFFF;
}
.booking-court-timeslot .table tbody tr:nth-child(2n+1) td {
padding-top: 22px;
padding-bottom: 22px;
}
.booking-court-timeslot .table tbody tr:nth-child(2n) {
background-color: #F4F7F7;
}
.booking-court-timeslot .table tbody tr:nth-child(2n) td {
padding-top: 12px;
padding-bottom: 12px;
}
.booking-court-timeslot .table tbody td {
color: #B5BEC1;
font: 400 15px/24px "Lato";
}
.booking-court-timeslot .table tbody td:nth-child(1) {
color: #253B44;
}
.booking-court-timeslot .table tbody .timeslot {
box-shadow: 0px 10px 20px #004A4A33;
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
border-radius: 99px;
padding: 8px 34px;
opacity: 1;
min-width: 134px;
}
.booking-court-timeslot .table tbody .timeslot span:last-child {
display: none;
}
.booking-court-timeslot .table tbody .timeslot.active {
background-color: #53ABB2;
box-shadow: none;
border: none;
position: relative;
color: #FFFFFF;
}
.booking-court-timeslot .table tbody .timeslot.active span:first-child {
display: none;
}
.booking-court-timeslot .table tbody .timeslot.active span:last-child {
display: inline;
}
.booking-court-timeslot .table tbody .timeslot.active:before {
position: absolute;
content: "";
display: block;
width: 34px;
height: 34px;
background: url(../images/icons/checked.svg) center/cover no-repeat;
right: -10px;
top: -9px;
transition: all 0.2s;
}
.booking-court-timeslot .tabs-nav li a {
padding: 20px 30px;
}
.booking-court-timeslot .by-time,
.booking-court-timeslot .by-court,
.booking-court-timeslot .available-court-list,
.booking-court-timeslot .available-time-list {
display: flex;
flex-wrap: wrap;
}
.booking-court-timeslot .by-time li,
.booking-court-timeslot .by-court li,
.booking-court-timeslot .available-court-list li,
.booking-court-timeslot .available-time-list li {
flex: 0 0 50%;
}
.booking-court-timeslot .by-time li:nth-child(2n) a,
.booking-court-timeslot .by-court li:nth-child(2n) a,
.booking-court-timeslot .available-court-list li:nth-child(2n) a,
.booking-court-timeslot .available-time-list li:nth-child(2n) a {
margin-left: auto;
}
.booking-court-timeslot .by-time a,
.booking-court-timeslot .by-court a,
.booking-court-timeslot .available-court-list a,
.booking-court-timeslot .available-time-list a {
box-shadow: 0px 10px 20px #004A4A33;
border-radius: 10px;
padding: 8px 30px;
margin-bottom: 28px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 157px;
height: 65px;
}
.booking-court-timeslot .by-time a span,
.booking-court-timeslot .by-court a span,
.booking-court-timeslot .available-court-list a span,
.booking-court-timeslot .available-time-list a span {
display: block;
}
.booking-court-timeslot .edit-time-bytime,
.booking-court-timeslot .edit-court-bytime,
.booking-court-timeslot .available-court,
.booking-court-timeslot .edit-court-bycourt,
.booking-court-timeslot .edit-time-bycourt,
.booking-court-timeslot .available-time {
display: none;
}
@media (max-width: 1199px) {
.booking-court-timeslot.checked1 {
border: none;
padding-top: 0 !important;
}
.booking-court-timeslot.checked1 .visible-md > .section-title,
.booking-court-timeslot.checked1 .tabs-nav {
display: none;
}
.booking-court-timeslot.checked1 .tabs-content {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.booking-court-timeslot.checked1 .by-time-wrapper {
position: relative;
}
.booking-court-timeslot.checked1 .by-time-wrapper:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 41px;
width: 2px;
background-color: #53ABB2;
}
.booking-court-timeslot.checked1 .by-time-wrapper .edit-time-bytime {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.booking-court-timeslot.checked1 .by-time li:not(.active) {
display: none;
}
.booking-court-timeslot.checked1 .by-time li.active {
flex: 0 0 100%;
}
.booking-court-timeslot.checked1 .by-time li.active a {
margin: auto;
background-color: #53ABB2;
color: #FFFFFF;
}
.booking-court-timeslot.checked1 .by-time li.active a span.available-count {
display: none;
}
.booking-court-timeslot.checked1 .available-court {
padding-top: 24px;
margin-top: 40px;
display: block;
border-top: 2px solid #53ABB2;
}
}
.booking-court-timeslot.checked1.checked:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 41px;
width: 2px;
background-color: #53ABB2;
}
.booking-court-timeslot.checked1.checked .edit-court-bytime {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.booking-court-timeslot.checked1.checked .available-court {
position: relative;
border: none;
padding-top: 0;
}
.booking-court-timeslot.checked1.checked .available-court .section-title {
display: none;
}
.booking-court-timeslot.checked1.checked .available-court .available-court-list li:not(.active) {
display: none;
}
.booking-court-timeslot.checked1.checked .available-court .available-court-list li.active {
flex: 0 0 100%;
}
.booking-court-timeslot.checked1.checked .available-court .available-court-list li.active a {
margin: auto;
background-color: #53ABB2;
color: #FFFFFF;
}
.booking-court-timeslot.checked1.checked .available-court .available-court-list li.active a span.available-count {
display: none;
}
@media (max-width: 1199px) {
.booking-court-timeslot.checked2 {
border: none;
padding-top: 0 !important;
}
.booking-court-timeslot.checked2 .visible-md > .section-title,
.booking-court-timeslot.checked2 .tabs-nav {
display: none;
}
.booking-court-timeslot.checked2 .tabs-content {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.booking-court-timeslot.checked2 .by-court-wrapper {
position: relative;
}
.booking-court-timeslot.checked2 .by-court-wrapper:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 41px;
width: 2px;
background-color: #53ABB2;
}
.booking-court-timeslot.checked2 .by-court-wrapper .edit-court-bycourt {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.booking-court-timeslot.checked2 .by-court li:not(.active) {
display: none;
}
.booking-court-timeslot.checked2 .by-court li.active {
flex: 0 0 100%;
}
.booking-court-timeslot.checked2 .by-court li.active a {
margin: auto;
background-color: #53ABB2;
color: #FFFFFF;
}
.booking-court-timeslot.checked2 .by-court li.active a span.available-count {
display: none;
}
.booking-court-timeslot.checked2 .available-time {
padding-top: 24px;
margin-top: 40px;
display: block;
border-top: 2px solid #53ABB2;
}
}
.booking-court-timeslot.checked2.checked:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 100%;
height: 41px;
width: 2px;
background-color: #53ABB2;
}
.booking-court-timeslot.checked2.checked .edit-time-bycourt {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.booking-court-timeslot.checked2.checked .available-time {
position: relative;
border: none;
padding-top: 0;
}
.booking-court-timeslot.checked2.checked .available-time .section-title {
display: none;
}
.booking-court-timeslot.checked2.checked .available-time .available-time-list li:not(.active) {
display: none;
}
.booking-court-timeslot.checked2.checked .available-time .available-time-list li.active {
flex: 0 0 100%;
}
.booking-court-timeslot.checked2.checked .available-time .available-time-list li.active a {
margin: auto;
background-color: #53ABB2;
color: #FFFFFF;
}
.booking-court-timeslot.checked2.checked .available-time .available-time-list li.active a span.available-count {
display: none;
}
.booking-court-timeslot .available-time {
display: none;
}
.checked + .booking-court-timeslot {
display: block;
}
@media (max-width: 1199px) {
.checked + .booking-court-timeslot {
border-color: #53ABB2;
border-width: 2px 0 0;
margin-top: 40px;
padding: 24px 0 0;
border-radius: 0;
}
}
.booking-additional-tennis {
display: none;
}
.checked + .booking-additional-tennis {
display: block;
}
@media (max-width: 1199px) {
.checked + .booking-additional-tennis {
border-top: 2px solid #53ABB2;
margin-top: 40px;
}
.checked + .booking-additional-tennis .portlet.portlet1 p {
margin-right: 0;
font: normal normal normal 15px/24px Lato;
margin-bottom: 15px;
flex-direction: row-reverse;
justify-content: space-between;
}
.checked + .booking-additional-tennis .portlet.portlet1 p label {
flex: 0 0 80px;
}
.checked + .booking-additional-tennis .portlet.portlet1 p .property-title {
display: block;
font: normal normal normal 15px/24px Lato;
text-transform: capitalize;
}
.checked + .booking-additional-tennis .portlet.portlet1 p .desc {
margin-left: 0;
}
}
.question-line {
padding-bottom: 20px;
}
@media (min-width: 1024px) {
.question-line {
border-bottom: 1px solid #C4C4C4;
}
}
.property-selection p {
display: flex;
align-items: flex-end;
}
.property-selection label {
width: 96px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
position: relative;
top: 10px;
}
@media (min-width: 1024px) {
.property-selection label + span {
display: flex;
align-items: center;
}
}
.property-selection span.desc {
margin-left: 15px;
font: normal normal normal 15px/24px Lato;
color: #A7B0B3;
}
.property-selection .select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 42%;
}
.coach-activity-list {
margin-top: 100px;
position: relative;
padding: 40px;
border: 1px solid #CED3DB;
border-radius: 4px;
margin-bottom: 100px;
}
.coach-activity-list h3 {
font: 700 24px/42px "Lato";
margin-bottom: 25px;
}
.coach-activity-list .coach-activity {
flex: 0 0 calc(50% - 28px);
margin-bottom: 50px;
}
.coach-activity-list .coach-activity .select2-selection__rendered {
padding-top: 0;
}
.wellness-services {
display: none;
margin-top: 100px;
position: relative;
padding: 40px;
border: 2px solid #CED3DB;
border-radius: 4px;
}
.wellness-services .selected-service-provider {
width: 158px;
height: 158px;
display: none;
margin: auto;
justify-content: center;
align-items: center;
text-transform: uppercase;
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
border-radius: 50%;
background-color: #53ABB2;
color: #FFFFFF;
cursor: pointer;
transition: all 0.2s;
}
.wellness-services .edit-service-provider {
display: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1199px) {
.wellness-services {
margin-top: 40px;
border-width: 2px 0 0;
border-color: #53ABB2;
padding: 24px 0 0;
}
}
.wellness-services:before {
position: absolute;
content: "";
display: block;
opacity: 0;
top: 100%;
width: 2px;
left: 50%;
height: 0;
background-color: #53ABB2;
transition: all 0.2s;
}
.wellness-services h3 {
margin-bottom: 25px;
}
.wellness-services .wellness-service {
flex: 0 0 calc(50% - 28px);
margin-bottom: 50px;
}
.wellness-services .wellness-service .select2-selection__rendered {
padding-top: 0;
}
.checked + .wellness-services {
display: block;
}
.checked + .wellness-services.checked {
border-color: #53ABB2;
}
.checked + .wellness-services.checked:before {
opacity: 1;
height: 102px;
}
@media (max-width: 1199px) {
.checked + .wellness-services.checked:before {
height: 42px;
}
}
@media (max-width: 1199px) {
.checked + .wellness-services.checked {
border: none;
padding-top: 0;
}
.checked + .wellness-services.checked .section-title,
.checked + .wellness-services.checked .wellness-service-selector {
display: none;
}
.checked + .wellness-services.checked .selected-service-provider {
display: flex;
}
.checked + .wellness-services.checked .edit-service-provider {
display: block;
}
}
.groupclasses-activity-list {
margin-top: 100px;
position: relative;
padding: 40px;
border: 1px solid #CED3DB;
border-radius: 4px;
margin-bottom: 100px;
}
.groupclasses-activity-list h3 {
font: 700 24px/42px "Lato";
margin-bottom: 25px;
}
.groupclasses-activity-list .booking-request p {
margin-bottom: 16px;
}
.groupclasses-activity-list .booking-request .btn {
margin-bottom: 32px;
}
.groupclasses-activity-list .groupclasses-activity {
width: 480px;
margin-bottom: 50px;
}
.groupclasses-activity-list .groupclasses-activity .select2-selection__rendered {
padding-top: 0;
}
.booking-request h3 {
margin-bottom: 10px;
}
.booking-request p {
font: normal normal 300 24px/35px Lato;
color: #0F1E2B;
margin-bottom: 32px;
}
.booking-request textarea {
min-height: 260px;
}
.portlet.portlet-coach-request .personal-info {
max-width: 400px;
border: none;
}
.portlet.portlet-coach-request .request-info .info-value {
text-transform: none;
}
@media (min-width: 1024px) {
.portlet.portlet-booking-details {
flex: 0 0 57.8995%;
}
.portlet.portlet-booking-details .personal-info {
border: 0;
}
}
@media (min-width: 1024px) {
.portlet-booking-fees {
flex: 0 0 35.7078%;
}
}
.portlet-total {
padding-top: 30px;
}
.portlet-total .info-total {
font: normal normal bold 24px/1 Lato;
color: #0F1E2B;
}
.portlet-actions a {
margin-right: 24px;
}
.portlet-actions a:last-child {
margin-right: 0;
}
.booking-info {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.booking-info .info {
flex: 0 0 46.3899%;
}
.booking-instructions {
margin-top: 36px;
}
.booking-instructions h3 {
font: normal normal bold 18px/24px Lato;
margin-bottom: 15px;
text-transform: none;
}
.booking-instructions p {
font: normal normal normal 15px/20px Lato;
margin-bottom: 15px;
}
.booking-instructions ul {
margin-bottom: 50px;
list-style-position: inside;
list-style-type: disc;
}
.booking-instructions ul li {
margin-bottom: 15px;
}
#booking-confirm-complete.boundary-banner {
padding-top: 70px;
}
.booking-completed {
min-height: 500px;
}
.booking-completed p {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.portlet .table thead {
display: none;
}
}
@media (max-width: 1023px) {
.portlet .table tbody {
border: none;
}
.portlet .table tbody:before, .portlet .table tbody:after {
display: none;
}
}
.portlet .table tbody tr {
position: relative;
}
@media (min-width: 1024px) {
.portlet .table tbody tr.expand {
background-color: #DBEAE8;
}
.portlet .table tbody tr.expand .table-actions {
display: block;
background-color: #DBEAE8;
}
.portlet .table tbody tr.expand .table-actions-toggle {
width: 11px;
height: 20px;
background: url("../images/icons/direction-right.png") center center/cover no-repeat;
display: block;
}
.portlet .table tbody tr.expand .table-actions-toggle span {
display: none;
}
}
.portlet .table tbody tr td.reduce.reduce1 {
padding: 0 !important;
}
@media (min-width: 1024px) {
.portlet .table tbody tr td.reduce.reduce1 {
display: none;
}
}
@media (max-width: 1023px) {
.portlet .table tbody tr {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #707070;
}
.portlet .table tbody tr:last-child {
border-bottom: 1px solid #707070;
}
.portlet .table tbody tr:hover {
background-color: transparent;
}
.portlet .table tbody tr td.full {
flex: 0 0 100%;
}
.portlet .table tbody tr td.hide {
display: none;
}
.portlet .table tbody tr td.reduce {
flex: 0 0 100%;
height: 0;
overflow: hidden;
padding: 0;
}
.portlet .table tbody tr.expand td.hide {
display: block;
}
.portlet .table tbody tr.expand td.reduce {
height: auto;
overflow: auto;
padding-top: 16px;
padding-bottom: 16px;
}
.portlet .table tbody tr.expand .table-actions-toggle {
background: url("../images/icons/direction-up.png") center center/cover no-repeat;
}
.portlet .table tbody tr td {
flex: 0 0 45%;
padding-left: 0;
padding-right: 0;
}
.portlet .table tbody tr td.full {
flex: 0 0 100%;
}
}
@media (max-width: 1023px) {
.portlet .table .table-actions-toggle {
position: absolute;
top: 50%;
right: 0;
width: 19px;
height: 11px;
background: url("../images/icons/direction-down.png") center center/cover no-repeat;
}
.portlet .table .table-actions-toggle span {
display: none;
}
.portlet .table .table-actions {
position: static;
display: flex;
justify-content: space-between;
}
.portlet .table .table-actions a {
float: none;
margin: 0;
}
}
@media (max-width: 1023px) {
.portlet.portlet-coach-request .portlet-title {
border-bottom: 1px solid #707070;
}
.portlet.portlet-coach-request .personal-info .info:first-child {
flex: 0 0 auto;
}
}
.booking-completed .heading6 {
margin-bottom: 40px;
text-transform: none;
}
@media (max-width: 1023px) {
.booking-completed .heading6 {
font: normal normal bold 20px/28px Lato;
letter-spacing: -0.21px;
}
}
.booking-dining-restaurant-wrapper {
display: none;
margin-top: 100px;
border: 2px solid #C4C4C4;
border-radius: 4px;
padding: 46px 80px;
position: relative;
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper {
border: none;
margin-top: 0;
padding: 0;
}
.booking-dining-restaurant-wrapper .section-title {
display: none;
}
}
.booking-dining-restaurant-wrapper:after {
position: absolute;
content: "";
display: block;
opacity: 0;
top: 0;
left: 50%;
height: 0;
transition: all 0.2s;
}
.booking-dining-restaurant-wrapper.checked {
border-color: #53ABB2;
}
.booking-dining-restaurant-wrapper.checked:after {
height: 102px;
width: 2px;
opacity: 1;
background-color: #53ABB2;
top: 100%;
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper.checked:after {
height: 42px;
}
}
.booking-dining-restaurant-wrapper .restaurant-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 80px;
position: relative;
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper .restaurant-list {
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
margin-top: 40px;
border-top: 2px solid #53ABB2;
padding-top: 20px;
}
.booking-dining-restaurant-wrapper .restaurant-list:after {
position: absolute;
content: "";
display: block;
opacity: 0;
top: 0;
left: 50%;
height: 0;
transition: all 0.2s;
}
}
.booking-dining-restaurant-wrapper .restaurant-list .restaurant-logo {
border: 3px solid #020202;
margin-bottom: 30px;
cursor: pointer;
}
.booking-dining-restaurant-wrapper .booking-dining-datetime {
display: none;
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group .row {
margin-left: -7px;
margin-right: -7px;
align-items: end;
}
}
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group .row > div {
margin-bottom: 25px;
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group .row > div {
width: auto;
padding-left: 7px;
padding-right: 7px;
}
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group .row > div.col-xs-4 {
flex: 0 0 33.3333%;
overflow: hidden;
}
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group .row > div.col-xs-4.push-xs-4 {
margin-left: 33.3333%;
}
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group .row > div.col-xs-12 {
width: 100%;
text-align: center;
padding-top: 15px;
}
}
.booking-dining-restaurant-wrapper .booking-dining-datetime .form-group label {
font-size: 18px;
white-space: nowrap;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked {
display: flex;
align-items: center;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .restaurant-list {
flex: 0 0 225px;
display: block;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .restaurant-list li .restaurant-logo {
display: none;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .restaurant-list li.active .restaurant-logo {
display: block;
max-width: 225px;
margin: auto;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .booking-dining-datetime {
display: block;
flex: 0 0 700px;
margin-left: 100px;
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .booking-dining-datetime {
margin-left: 0;
margin-top: 40px;
border-top: 2px solid #53ABB2;
border-bottom: 2px solid #53ABB2;
padding-top: 20px;
}
}
@media (max-width: 1199px) {
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked {
display: block;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .restaurant-list {
border: none;
padding-top: 0;
position: relative;
}
.booking-dining-restaurant-wrapper .booking-dining-restaurant-datetime.checked .restaurant-list:after {
height: 42px;
width: 2px;
opacity: 1;
background-color: #53ABB2;
top: 100%;
}
}
.checked + .booking-dining-restaurant-wrapper {
display: block;
}
.booking-dining-table-wrapper {
display: none;
margin: 100px 0;
border: 2px solid #C4C4C4;
border-radius: 4px;
padding: 46px 80px;
}
@media (max-width: 1199px) {
.booking-dining-table-wrapper {
margin-top: 40px;
}
.booking-dining-table-wrapper .section-title {
display: none;
}
}
.booking-dining-table-wrapper.selected {
border-color: #53ABB2;
}
.booking-dining-table-wrapper .booking-table-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
align-items: center;
}
@media (max-width: 1199px) {
.booking-dining-table-wrapper .booking-table-list {
grid-template-columns: repeat(2, 1fr);
}
}
.booking-dining-table-wrapper .booking-table-list li {
margin-bottom: 20px;
}
.booking-dining-table-wrapper .booking-table-list li > div {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
border-radius: 50%;
background-color: #FFFFFF;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0px 20px 24px #004A4A33;
margin: auto;
}
.booking-dining-table-wrapper .booking-table-list li .booking-table {
width: 120px;
height: 120px;
}
@media (max-width: 1199px) {
.booking-dining-table-wrapper .booking-table-list li .booking-table {
width: 150px;
height: 150px;
}
}
.booking-dining-table-wrapper .booking-table-list li.active .booking-table {
background-color: #53ABB2;
color: #FFF;
}
.booking-dining-table-wrapper .booking-table-list li .waiting-list {
width: 158px;
height: 158px;
font: 700 9px/19px "Lato";
background-color: #eaf380;
}
@media (max-width: 1199px) {
.booking-dining-table-wrapper .booking-table-list li .waiting-list {
width: 150px;
height: 150px;
}
}
.checked + .booking-dining-table-wrapper {
display: block;
}
@media (max-width: 1199px) {
.checked + .booking-dining-table-wrapper {
border: none;
border-top: 2px solid #53ABB2;
margin-top: 40px;
margin-bottom: 0;
padding: 20px 0 0;
}
}
.booking-dining-datetime .select2-container--default .select2-selection--single {
height: 65px;
}
.booking-dining-datetime .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 10px;
font: 300 30px/40px "Lato";
}
@media (max-width: 1199px) {
.booking-dining-datetime .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 24px;
}
}
@media (max-width: 1199px) {
.booking-dining-datetime .select2-container--default .select2-selection--single .select2-selection__arrow b {
width: 20px;
height: 20px;
top: 35%;
}
}
.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
padding: 6px 10px;
background-color: #53ABB2;
font: normal normal normal 15px/24px Lato;
}
.select2-container--default .select2-selection--single {
border: none;
border-radius: 0;
background-color: transparent;
font: 300 38px/46px "Lato";
height: 80px;
border-bottom: 1px solid #B2BABC;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #253B44;
opacity: 0.2;
font: 300 38px/46px "Lato";
}
@media (max-width: 1023px) {
.select2-container--default .select2-selection--single .select2-selection__placeholder {
font: 300 24px/32px "Lato";
}
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
font: 300 38px/46px "Lato";
overflow: visible;
padding: 23px 10px 10px;
}
@media (max-width: 1023px) {
.select2-container--default .select2-selection--single .select2-selection__rendered {
font: 300 24px/32px "Lato";
}
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: static;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background: url("../images/icons/direction-down.svg") center top/cover no-repeat;
left: auto;
right: 0;
width: 32px;
border: none;
height: 32px;
top: 28%;
transform: rotate(0);
transition: all 0.2s;
}
.select2-container--default.select2-container--open .select2-selection--single {
border: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
transform: rotate(180deg);
}
.form-wrapper .portlet {
margin: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 1024px) {
.form-wrapper .portlet {
width: 760px;
padding: 40px 60px;
}
}
.form-wrapper .portlet p {
font: 300 24px/42px "Lato";
color: #0F1E2B;
}
@media (max-width: 1023px) {
.form-wrapper .portlet p {
font: 400 15px/24px "Lato";
}
}
.form-wrapper .form-group {
margin-bottom: 10px;
}
.form-wrapper .form-group.inline {
text-align: center;
}
.form-wrapper .form-group.inline input {
display: inline-block;
width: 42px;
margin-right: 20px;
text-align: center;
}
@media (max-width: 1023px) {
.form-wrapper .form-group.inline input {
margin-right: 15px;
}
}
.form-wrapper .form-group.inline input:last-child {
margin-right: 0;
}
@media (min-width: 1024px) {
.form-wrapper .form-group .date-group {
display: flex;
justify-content: space-between;
}
.form-wrapper .form-group .date-group > div {
width: 193px;
}
}
.form-wrapper input.form-control {
width: 100%;
padding: 23px 10px 10px;
font: 300 38px/46px "Lato";
border: none;
background-color: transparent;
border-bottom: 1px solid #B2BABC;
outline: none;
}
@media (max-width: 1023px) {
.form-wrapper input.form-control {
font: 300 24px/32px "Lato";
}
}
.form-wrapper input.form-control::placeholder {
color: #253B44;
opacity: 0.2;
}
.form-wrapper .form-actions {
margin-top: 90px;
}
@media (max-width: 1023px) {
.form-wrapper .form-actions {
margin-top: 40px;
text-align: center;
}
}
.form-wrapper .form-actions button {
margin-right: 24px;
}
.form-wrapper .form-actions button:last-child {
margin-right: 0;
}
@media (min-width: 1024px) {
.form-wrapper .form-actions {
display: flex;
justify-content: flex-end;
}
.form-wrapper .form-actions:not(.no-link) {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-end;
}
}
@media (max-width: 1023px) {
.form-wrapper .form-actions .links {
margin-top: 40px;
}
}
.form-wrapper .form-actions .links a {
margin-right: 30px;
text-decoration: underline;
font: 400 15px/24px "Lato";
}
.form-wrapper .form-actions .links a:last-child {
margin-right: 0;
}
.form-wrapper #loginForm .form-actions button {
margin-right: 0;
}
.form-group-remember {
margin-top: 30px;
}
.form-group-remember .checkbox-custom:checked + .checkbox-custom-label:after {
top: 5px;
}
.form-group-otp input.form-control {
padding-left: 5px;
padding-right: 5px;
}
.actions > * {
margin-right: 20px;
}
.actions > *:last-child {
margin-right: 0;
}
.portlet.portlet-membership .portlet-title {
padding-bottom: 30px;
}
.portlet.portlet-membership .subtitle1 {
font-weight: 700;
}
.portlet.portlet-membership .personal-info {
justify-content: flex-start;
}
.portlet.portlet-membership .personal-info .info {
margin-right: 110px;
}
.portlet.portlet-membership .personal-info .info:nth-child(2) {
min-width: 360px;
}
.portlet.portlet-membership .contact-info {
margin-bottom: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (min-width: 1440px) {
.portlet.portlet-membership .contact-info {
justify-content: flex-start;
}
}
.portlet.portlet-membership .contact-info .info {
margin-bottom: 24px;
}
@media (max-width: 1023px) {
.portlet.portlet-membership .contact-info .info {
flex: 0 0 50%;
}
}
@media (min-width: 1440px) {
.portlet.portlet-membership .contact-info .info {
margin-bottom: 0;
margin-right: 130px;
flex: 0 0 auto;
}
}
.portlet.portlet-contactinfo .portlet-title {
padding-bottom: 30px;
}
@media (max-width: 1023px) {
.portlet.portlet-contactinfo .portlet-title {
border-bottom: 1px solid #707070;
margin-bottom: 24px;
}
}
.portlet.portlet-contactinfo .subtitle1 {
font-weight: 700;
}
.portlet.portlet-contactinfo .portlet-actions {
padding-top: 0;
}
.portlet.portlet-contactinfo .portlet-actions a,
.portlet.portlet-contactinfo .portlet-actions .btn {
margin-right: 20px;
}
.portlet.portlet-contactinfo .portlet-actions a:last-child,
.portlet.portlet-contactinfo .portlet-actions .btn:last-child {
margin-right: 0;
}
.portlet.portlet-contactinfo .contact-info {
margin-bottom: 24px;
}
@media (min-width: 1024px) {
.portlet.portlet-contactinfo .contact-info {
display: flex;
justify-content: flex-start;
margin-bottom: 40px;
}
}
.portlet.portlet-contactinfo .contact-info:last-child {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.portlet.portlet-contactinfo .contact-info .info {
margin-bottom: 24px;
}
}
.portlet.portlet-contactinfo .row {
width: calc(100% + 56px);
margin-left: -28px;
margin-right: -28px;
}
.portlet.portlet-contactinfo .row > * {
padding-left: 28px;
padding-right: 28px;
}
.portlet.portlet-contactinfo .form-group {
margin-bottom: 40px;
}
.portlet.portlet-contactinfo .form-group label {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.portlet.portlet-contactinfo .form-group label {
font: normal normal normal 13px/24px Lato;
letter-spacing: 0px;
text-transform: capitalize;
}
}
.portlet.portlet-contactinfo .form-group .form-control {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
padding: 10px;
outline: none;
}
@media (max-width: 1023px) {
.portlet.portlet-contactinfo .form-group .form-control {
font: normal normal 300 15px/24px Lato;
color: #253B44;
}
}
.portlet.portlet-contactinfo .form-group .phonenumber {
display: flex;
justify-content: space-between;
}
.portlet.portlet-contactinfo .form-group .phonenumber .select2-container {
flex: 0 0 118px;
}
.portlet.portlet-contactinfo .form-group .phonenumber .select2-container .select2-container--default .select2-selection--single {
height: 63px;
border-color: #707070;
}
@media (max-width: 1023px) {
.portlet.portlet-contactinfo .form-group .phonenumber .select2-container .select2-container--default .select2-selection--single {
height: 45px;
}
}
.portlet.portlet-contactinfo .form-group .phonenumber .select2-container .select2-container--default .select2-selection--single .select2-selection__rendered {
font: 300 24px/42px "Lato";
padding-top: 10px;
}
@media (max-width: 1023px) {
.portlet.portlet-contactinfo .form-group .phonenumber .select2-container .select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal 300 15px/24px Lato;
}
}
.portlet.portlet-contactinfo .form-group .phonenumber .phone-container {
flex: 0 0 calc(100% - 138px);
}
@media (min-width: 1024px) {
.otp-setting {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
}
@media (max-width: 1023px) {
.otp-setting {
margin-top: 40px;
margin-bottom: 16px;
text-align: center;
}
.otp-setting p {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.otp-setting .radio-inline {
margin-top: 17px;
justify-content: center;
}
}
.our-children-party-rooms {
position: relative;
}
.our-children-party-rooms .heading3 {
margin-bottom: 120px;
}
.our-children-party-rooms .layer-bg {
top: -200px;
bottom: auto;
height: 828px;
}
.our-children-party-rooms .layer-bg.layer1 {
top: 40%;
bottom: auto;
height: 1096px;
}
@media (min-width: 1024px) {
.party-room-grid {
grid-template-columns: repeat(2, 1fr);
display: grid;
column-gap: 120px;
}
}
.entry-room {
margin-bottom: 120px;
}
.entry-room .entry-thumbnail {
margin-bottom: 32px;
}
.entry-room .entry-content {
position: relative;
}
.entry-room .room-type {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
margin-bottom: 12px;
}
.entry-room .room-name {
font: normal normal 300 38px/46px Lato;
color: #0F1E2B;
text-transform: capitalize;
}
.entry-room .room-capacity {
display: flex;
}
@media (min-width: 1024px) {
.entry-room .room-capacity {
position: absolute;
top: 0;
right: 0;
}
}
.entry-room .room-capacity [class^=icon] {
margin-right: 10px;
}
.entry-room .room-capacity .capacity-count {
margin-left: 10px;
}
.columns2-grid-reverse .heading1 {
margin-bottom: 124px;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .heading1 {
font: normal normal 100 54px/65px Lato;
margin-bottom: 32px;
}
}
.columns2-grid-reverse .images {
position: relative;
}
.columns2-grid-reverse .images > .row {
margin-left: -7px;
margin-right: -7px;
margin-bottom: 32px;
align-items: center;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .images > .row {
margin-left: -4px;
margin-right: -4px;
}
}
.columns2-grid-reverse .images > .row img {
display: block;
height: auto;
margin-left: auto;
margin-right: 0;
}
.columns2-grid-reverse .images > .row .column1 {
padding-left: 7px;
padding-right: 7px;
flex: 0 0 48.1878%;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .images > .row .column1 {
padding-left: 2px;
padding-right: 2px;
flex: 0 0 41.4201%;
}
}
.columns2-grid-reverse .images > .row .column1 .image1 {
width: 71.0069%;
height: auto;
margin-bottom: 14px;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .images > .row .column1 .image1 {
width: 100%;
margin-bottom: 4px;
}
}
.columns2-grid-reverse .images > .row .column2 {
padding-left: 7px;
padding-right: 7px;
flex: 0 0 51.2356%;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .images > .row .column2 {
padding-left: 2px;
padding-right: 2px;
flex: 0 0 58.284%;
}
}
.columns2-grid-reverse .images > .row .column2 .image2 {
width: 94.7368%;
margin-left: 0;
margin-right: auto;
margin-bottom: 14px;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .images > .row .column2 .image2 {
width: 100%;
margin-bottom: 4px;
}
}
.columns2-grid-reverse .images > .row .column2 .image3 {
width: 76.1513%;
margin-left: 0;
margin-right: auto;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .images > .row .column2 .image3 {
width: 80.7107%;
}
}
@media (min-width: 1200px) {
.columns2-grid-reverse .entry-content {
position: absolute;
top: -75px;
left: 0;
width: 46.7051%;
padding-left: 30px;
padding-right: 30px;
}
}
.columns2-grid-reverse .entry-content .subtitle1 {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .entry-content .subtitle1 {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
margin-bottom: 20px;
}
}
.columns2-grid-reverse .entry-content p {
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.columns2-grid-reverse .entry-content p {
margin-bottom: 20px;
}
}
.recreation-carousel1 {
position: relative;
padding-top: 100px;
}
.recreation-carousel1 .layer-bg {
top: -250px;
bottom: -350px;
}
.additional-details {
margin-top: 300px;
position: relative;
}
.additional-details .layer-bg {
top: -180px;
bottom: -200px;
}
.recreation-details-children-carousel1 {
position: relative;
padding-top: 200px;
padding-bottom: 200px;
}
.connect {
position: relative;
padding: 0px 0 200px;
}
.connect .layer-bg {
top: -500px;
bottom: -100px;
}
.connect a [class^=icon] {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
position: relative;
top: -2px;
}
@media (min-width: 1024px) {
.bar-list {
grid-template-columns: repeat(2, 1fr);
display: grid;
column-gap: 120px;
}
}
.door-open {
display: flex;
align-items: center;
font: normal normal bold 15px/24px Lato;
color: #53ABB2;
}
.door-open [class^=icon] {
margin-right: 14px;
}
.door-close {
display: flex;
align-items: center;
font: normal normal bold 15px/24px Lato;
letter-spacing: 0px;
color: #A7B0B3;
}
.door-close [class^=icon] {
margin-right: 14px;
}
.our-restaurants {
position: relative;
}
.our-restaurants .layer-bg {
top: 39%;
bottom: auto;
height: 25.5%;
}
.our-restaurants .heading3 {
margin-bottom: 120px;
}
.entry-bar {
margin-bottom: 120px;
}
.entry-bar .entry-title {
font: normal normal 300 38px/46px Lato;
color: #0F1E2B;
margin-top: 32px;
margin-bottom: 32px;
text-transform: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.entry-bar .entry-title .location {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
@media (min-width: 1024px) {
.entry-bar .entry-actions-wrapper {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
}
@media (min-width: 1024px) {
.entry-bar .entry-actions-wrapper {
margin-top: 30px;
}
}
@media (max-width: 1023px) {
.entry-bar .entry-actions-wrapper .door-open,
.entry-bar .entry-actions-wrapper .door-close {
margin-top: 10px;
margin-bottom: 17px;
}
}
.entry-bar .entry-actions-wrapper .entry-actions {
margin-top: 0;
}
.entry-bar p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
.event-overview .entry-actions .contacts {
margin-top: 28px;
margin-bottom: 36px;
}
.event-overview .entry-actions .contacts li {
margin-bottom: 8px;
}
.event-overview .entry-actions .contacts a {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
.event-overview .entry-actions .links {
margin-bottom: 32px;
}
.event-overview .entry-actions .links h5 {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 15px;
}
.event-overview .entry-actions .links a {
display: flex;
align-items: center;
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
.event-overview .entry-actions .links a [class^=icon] {
margin-right: 10px;
}
.event-overview .entry-actions p.desc {
font: normal normal normal 13px/20px Lato;
}
.current-offers {
padding-top: 110px;
padding-bottom: 400px;
position: relative;
}
.current-offers .heading1 {
margin-bottom: 160px;
}
@media (min-width: 1024px) {
.current-offers .heading1 {
margin-left: 100px;
}
}
@media (max-width: 1023px) {
.current-offers .heading1 {
font: normal normal 100 54px/65px Lato;
margin-bottom: 40px;
}
}
.additional-details {
border-top: 1px solid #B2BABC;
border-bottom: 1px solid #B2BABC;
}
.additional-details .subtitle2 {
font-weight: 300;
padding-top: 28px;
padding-bottom: 50px;
}
.additional-details .attribute {
border-top: 1px solid #B2BABC;
padding: 14px 20px 28px;
}
@media (min-width: 1024px) {
.additional-details .attribute {
display: flex;
}
}
.additional-details .attribute-sub {
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.additional-details .attribute-sub {
display: flex;
align-items: center;
}
}
@media (max-width: 1023px) {
.additional-details .attribute-sub {
padding-left: 10px;
border-left: 2px solid #253B44;
}
}
.additional-details .attribute-sub .attribute-subname {
flex: 0 0 105px;
}
@media (max-width: 1023px) {
.additional-details .attribute-sub .attribute-subname {
margin-bottom: 10px;
}
}
.additional-details .attribute-sub .attribute-subname.type2 {
flex: 0 0 175px;
margin-right: 55px;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
}
.additional-details .attribute-sub .attribute-subname.type3 {
flex: 0 0 200px;
margin-right: 60px;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
}
.additional-details .attribute-sub .attribute-subname.type4 {
flex: 0 0 270px;
margin-right: 60px;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
}
.additional-details .attribute-name {
flex: 0 0 215px;
font: normal normal bold 18px/24px Lato;
color: #253B44;
margin-bottom: 22px;
}
@media (max-width: 1023px) {
.additional-details .attribute-name br {
display: none;
}
}
.additional-details .attribute-value {
flex: 0 0 calc(100% - 215px);
}
.additional-details .attribute-value p {
margin-bottom: 32px;
}
.additional-details .attribute-value p:last-child {
margin-bottom: 0;
}
.additional-details .attribute-box {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.additional-details .attribute-box > [class^=icon] + .attribute-sub {
flex: 0 0 calc(100% - 54px);
}
.additional-details .attribute-box .attribute-sub {
display: block;
margin-bottom: 25px;
}
@media (max-width: 1023px) {
.additional-details .attribute-box .attribute-sub {
padding-left: 0;
border: none;
}
}
.additional-details .attribute-box .attribute-sub .attribute-subname {
margin-bottom: 15px;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
text-transform: uppercase;
}
@media (min-width: 1024px) {
.additional-details .attribute-box .attribute-sub p {
max-width: 325px;
}
}
.dining-carousel {
padding-top: 215px;
padding-bottom: 330px;
position: relative;
}
@media (max-width: 1023px) {
.dining-carousel {
padding-top: 105px;
padding-bottom: 200px;
}
}
@media (min-width: 1024px) {
.dining-carousel .entry-thumbnail {
margin-right: 50px;
}
}
.dining-carousel .entry-thumbnail:last-child {
margin-right: 0;
}
.dining-carousel .layer-bg {
bottom: -100px;
}
.layer-bg {
position: absolute;
content: "";
top: 0;
left: -220px;
right: -120px;
bottom: 0;
z-index: -1;
max-width: 1920px;
margin: auto;
}
.layer-bg.type1 {
left: -120px;
right: -120px;
}
.layer-bg.type2 {
left: 0;
right: 0;
}
.layer-bg.type3 {
top: -112px;
left: -120px;
bottom: 152px;
}
@media (max-width: 1023px) {
.layer-bg.type3 {
bottom: -150px;
}
}
.layer-bg img {
width: 100%;
height: 100%;
object-fit: fill;
}
@media (max-width: 1023px) {
.layer-bg img {
object-fit: cover;
}
}
@media (max-width: 1023px) {
.layer-bg {
left: -20px !important;
right: -20px !important;
}
}
@media (max-width: 1023px) {
.event-dining-overview {
padding-bottom: 150px;
}
}
.other-takeaways {
position: relative;
margin-top: 200px;
}
@media (max-width: 1023px) {
.other-takeaways {
margin-top: 0;
}
}
.other-takeaways .layer-bg {
top: 270px;
bottom: auto;
}
.other-takeaways .heading3 {
margin-bottom: 120px;
}
@media (max-width: 1023px) {
.other-takeaways .heading3 {
margin-bottom: 70px;
}
}
@media (min-width: 1024px) {
.takeaway-special {
display: flex;
margin-top: 180px;
}
}
@media (max-width: 1023px) {
.takeaway-special {
margin-bottom: 130px;
}
}
.takeaway-special > div:first-child {
flex: 0 0 48.3333%;
text-align: right;
}
@media (min-width: 1024px) {
.takeaway-special > div:last-child {
position: relative;
flex: 0 0 51.6667%;
margin-left: 14px;
}
}
.takeaway-special .image1 {
margin-bottom: 14px;
}
@media (max-width: 1023px) {
.takeaway-special .image1 {
margin-bottom: 32px;
}
}
@media (max-width: 1023px) {
.takeaway-special .image2, .takeaway-special .image3 {
display: none;
}
}
@media (min-width: 1024px) {
.takeaway-special .takeaway-content {
margin-bottom: 90px;
margin-left: 66px;
}
}
.takeaway-special .takeaway-content h3 {
font: normal normal 300 38px/46px Lato;
text-transform: none;
color: #0F1E2B;
margin-bottom: 32px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1023px) {
.takeaway-special .takeaway-content h3 {
font: normal normal 300 24px/33px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
margin-bottom: 10px;
}
}
.takeaway-special .takeaway-content h3 a {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.takeaway-special .takeaway-content p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.takeaway-special .takeaway-content p {
margin-bottom: 10px;
}
}
@media (min-width: 1024px) {
.takeaway-special .actions-wrapper {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
}
@media (max-width: 1023px) {
.takeaway-special .actions-wrapper .actions {
margin-top: 20px;
}
}
.marina-takeaway-menus-overview .link-back {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-top: 50px;
margin-bottom: 10px;
}
.marina-takeaway-menus-overview .entry-header .header-meta {
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.marina-takeaway-menus-overview .entry-header .header-meta .title {
font: normal normal 300 24px/29px Lato;
}
}
.marina-takeaway-menus-overview .entry-header .header-meta .subtitle {
font: normal normal 300 38px/46px Lato;
color: #0F1E2B;
text-transform: capitalize;
}
.marina-takeaway-menus-overview .entry-content {
margin-bottom: 150px;
}
@media (max-width: 1023px) {
.marina-takeaway-menus-overview .entry-content p {
margin-top: 20px;
}
}
@media (min-width: 1024px) {
.marina-takeaway-menus-overview .entry-content p {
max-width: 314px;
}
}
@media (min-width: 1024px) {
.content-wrapper {
display: flex;
}
.content-wrapper .main-content {
flex: 0 0 63.75%;
}
.content-wrapper .right-sidebar {
flex: 0 0 36.25%;
padding-left: 40px;
}
}
.marina-menu {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
margin-bottom: 40px;
}
.marina-menu .thumbnail {
background: #D5D5D5 0% 0% no-repeat padding-box;
border-radius: 5px 5px 0px 0px;
min-height: 300px;
}
.marina-menu .menu-content {
padding: 20px;
}
@media (min-width: 1024px) {
.marina-menu .menu-content {
display: flex;
align-itmes: center;
padding: 40px;
justify-content: space-between;
}
}
.marina-menu .menu-content .menu-title {
font: normal normal 300 38px/46px Lato;
color: #0F1E2B;
text-transform: capitalize;
}
@media (max-width: 1023px) {
.marina-menu .menu-content .menu-title {
font: normal normal 300 24px/28px Lato;
letter-spacing: -0.26px;
margin-bottom: 17px;
}
}
@media (min-width: 1024px) {
.marina-menu .menu-content .btn {
display: flex;
align-items: center;
}
}
.widget {
position: relative;
box-shadow: 0px 3px 6px #00000029;
background-color: #FFFFFF;
border-radius: 5px;
padding: 40px;
z-index: 9999;
}
@media (max-width: 1023px) {
.widget {
border-top: 1px solid #53ABB2;
border-bottom: 1px solid #53ABB2;
}
}
.widget:before {
position: absolute;
cotent: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.widget .widget-content p {
margin-bottom: 20px;
}
.widget .widget-title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.widget .widget-title span {
vertical-align: middle;
}
.widget .widget-title [class^=icon] {
display: inline-block;
margin-left: 20px;
}
@media (max-width: 1023px) {
.widget .widget-title {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
}
}
@media (max-width: 1023px) {
.widget .widget-content {
height: 0;
transition: all 0.2s;
overflow: hidden;
}
}
.widget.open .widget-content {
height: auto;
}
@media (max-width: 1023px) {
.widget.widget-order {
position: fixed;
bottom: 1px;
left: 0;
right: 0;
border-radius: 0;
padding: 20px;
}
}
.no-order {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
margin: 32px 0;
}
.order-total {
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
padding: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
}
.order-total h6 {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
}
.order-total .total-amount {
font: normal normal bold 24px/42px Lato;
color: #0F1E2B;
}
.takeaway-menus {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
padding: 40px;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.takeaway-menus {
padding: 20px;
margin-bottom: 20px;
}
}
.takeaway-menus .menu-category {
position: relative;
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
text-transform: none;
}
@media (max-width: 1023px) {
.takeaway-menus .menu-category {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
}
}
.takeaway-menus .menu-category .icon-plus {
width: 20px;
height: 20px;
}
.takeaway-menus .menu-category .icon-plus:before {
position: absolute;
content: "";
width: 20px;
height: 1px;
background-color: #0F1E2B;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1023px) {
.takeaway-menus .menu-category .icon-plus:before {
width: 14px;
}
}
.takeaway-menus .menu-category .icon-plus:after {
position: absolute;
content: "";
width: 20px;
height: 1px;
background-color: #0F1E2B;
top: 50%;
transform: rotate(90deg) translateY(-50%);
}
@media (max-width: 1023px) {
.takeaway-menus .menu-category .icon-plus:after {
width: 14px;
}
}
.takeaway-menus .menus {
height: 0;
overflow: hidden;
transition: all 0.2s;
}
.takeaway-menus.open .menus {
margin-top: 40px;
height: auto;
}
.takeaway-menus.open .icon-plus:after {
display: none;
}
.takeaway-menus .menu-header,
.takeaway-menus .menu-item {
display: flex;
font: normal normal 300 24px/42px Lato;
color: #253B44;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.takeaway-menus .menu-header,
.takeaway-menus .menu-item {
font: normal normal normal 15px/24px Lato;
color: #253B44;
text-transform: capitalize;
margin-bottom: 24px;
}
.takeaway-menus .menu-header .currency,
.takeaway-menus .menu-item .currency {
display: none;
}
}
.takeaway-menus .menu-header:last-child,
.takeaway-menus .menu-item:last-child {
margin-bottom: 0;
}
.takeaway-menus .menu-header > div:nth-child(1),
.takeaway-menus .menu-item > div:nth-child(1) {
flex: 0 0 63.5036%;
max-width: 63.5036%;
}
@media (max-width: 1023px) {
.takeaway-menus .menu-header > div:nth-child(1),
.takeaway-menus .menu-item > div:nth-child(1) {
flex: 0 0 55.9322%;
max-width: 55.9322%;
}
}
.takeaway-menus .menu-header > div:nth-child(2),
.takeaway-menus .menu-item > div:nth-child(2) {
flex: 0 0 16.0584%;
max-width: 16.0584%;
text-align: right;
}
@media (max-width: 1023px) {
.takeaway-menus .menu-header > div:nth-child(2),
.takeaway-menus .menu-item > div:nth-child(2) {
flex: 0 0 23.7288%;
max-width: 23.7288%;
}
}
.takeaway-menus .menu-header > div:nth-child(3),
.takeaway-menus .menu-item > div:nth-child(3) {
flex: 0 0 20.438%;
max-width: 20.438%;
text-align: right;
}
@media (max-width: 1023px) {
.takeaway-menus .menu-header > div:nth-child(3),
.takeaway-menus .menu-item > div:nth-child(3) {
flex: 0 0 20.339%;
max-width: 20.339%;
}
}
.takeaway-menus .menu-header > div:nth-child(3) input,
.takeaway-menus .menu-item > div:nth-child(3) input {
width: 72px;
border-width: 0 0 1px;
text-align: center;
font: normal normal 300 24px/42px Lato;
color: #253B44;
line-height: 40px;
outline: none;
}
@media (max-width: 1023px) {
.takeaway-menus .menu-header > div:nth-child(3) input,
.takeaway-menus .menu-item > div:nth-child(3) input {
width: 30px;
font: normal normal normal 15px/24px Lato;
}
}
.takeaway-menus .menu-header > div {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.marina-takeaway-order .header-meta {
margin: 50px 0 60px;
}
@media (max-width: 1023px) {
.marina-takeaway-order .header-meta {
margin: 40px 0;
}
.marina-takeaway-order .header-meta .title {
font: normal normal 300 24px/29px Lato;
color: #253B44;
}
}
@media (min-width: 1024px) {
.amc-member-dialog {
margin: auto;
max-width: 63.3333%;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border: 2px solid #FFFFFF;
border-radius: 5px;
padding: 50px 60px;
}
}
.amc-member-dialog h4 {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 20px;
}
@media (max-width: 1023px) {
.amc-member-dialog h4 {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
margin-bottom: 40px;
}
}
.amc-member-dialog p {
font: normal normal 300 24px/35px Lato;
color: #0F1E2B;
margin-bottom: 50px;
}
@media (max-width: 1023px) {
.amc-member-dialog p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin-bottom: 40px;
}
}
.form-marina-deli .section {
margin-bottom: 100px;
}
@media (min-width: 1024px) {
.form-marina-deli .section .section-title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
}
}
@media (max-width: 1023px) {
.form-marina-deli.form-marina-deli-confirm .section {
margin-bottom: 60px;
}
}
.form-marina-deli.form-marina-deli-confirm .section-title {
margin-bottom: 20px;
}
.form-marina-deli.form-marina-deli-confirm p, .form-marina-deli.form-marina-deli-confirm ul {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.form-marina-deli.form-marina-deli-confirm p, .form-marina-deli.form-marina-deli-confirm ul {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.form-marina-deli.form-marina-deli-confirm ul {
list-style-type: decimal;
margin-left: 25px;
}
.form-marina-deli.form-marina-deli-confirm ul li {
padding-left: 15px;
margin-bottom: 10px;
}
.takeaway-order-confirm {
margin-bottom: 60px;
}
@media (min-width: 1024px) {
.takeaway-order-confirm {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
margin-bottom: 100px;
border-radius: 5px;
padding: 50px 60px;
}
}
.takeaway-order-confirm .title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: none;
margin-bottom: 20px;
}
.takeaway-order-confirm .order-table {
border-bottom: 1px solid #707070;
}
.takeaway-order-confirm .order-table .menu-header,
.takeaway-order-confirm .order-table .menu-item {
display: flex;
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
text-transform: capitalize;
margin-bottom: 20px;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .order-table .menu-header,
.takeaway-order-confirm .order-table .menu-item {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.takeaway-order-confirm .order-table .menu-header > div:nth-child(1),
.takeaway-order-confirm .order-table .menu-item > div:nth-child(1) {
flex: 0 0 79.5349%;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .order-table .menu-header > div:nth-child(1),
.takeaway-order-confirm .order-table .menu-item > div:nth-child(1) {
flex: 0 0 67.1642%;
}
}
.takeaway-order-confirm .order-table .menu-header > div:nth-child(2),
.takeaway-order-confirm .order-table .menu-item > div:nth-child(2) {
flex: 0 0 12.093%;
text-align: center;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .order-table .menu-header > div:nth-child(2),
.takeaway-order-confirm .order-table .menu-item > div:nth-child(2) {
flex: 0 0 16.4179%;
}
}
.takeaway-order-confirm .order-table .menu-header > div:nth-child(3),
.takeaway-order-confirm .order-table .menu-item > div:nth-child(3) {
flex: 0 0 8.3721%;
text-align: right;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .order-table .menu-header > div:nth-child(3),
.takeaway-order-confirm .order-table .menu-item > div:nth-child(3) {
flex: 0 0 16.4179%;
}
}
.takeaway-order-confirm .order-table .menu-header {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.takeaway-order-confirm .special-total {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
text-transform: capitalize;
padding-top: 20px;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .special-total {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.takeaway-order-confirm .special-total .menu-item {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.takeaway-order-confirm .order-total {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .order-total > div:nth-child(1) {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
}
.takeaway-order-confirm .order-total > div:nth-child(2) {
font-weight: 700;
}
@media (max-width: 1023px) {
.takeaway-order-confirm .order-total > div:nth-child(2) {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
}
}
.takeaway-order-thankyou .title {
font: normal normal 300 38px/46px Lato;
color: #53ABB2;
text-transform: none;
max-width: 810px;
margin-bottom: 50px;
}
@media (max-width: 1023px) {
.takeaway-order-thankyou .title {
font: normal normal bold 20px/28px Lato;
letter-spacing: -0.21px;
margin-bottom: 40px;
}
}
.takeaway-order-thankyou p {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 25px;
max-width: 810px;
}
@media (max-width: 1023px) {
.takeaway-order-thankyou p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.facilities {
position: relative;
padding: 80px 0 200px;
}
.facilities .heading1 {
margin-bottom: 16px;
}
.facilities p {
margin-bottom: 80px;
}
@media (min-width: 1440px) {
.facilities p {
max-width: 540px;
}
}
@media (min-width: 1440px) {
.facilities .carousel {
margin-right: -120px;
}
}
.sport-facility {
margin-right: 80px;
}
@media (max-width: 1023px) {
.sport-facility {
margin-right: 32px;
}
.sport-facility:last-child {
margin-right: 0;
}
}
.sport-facility .entry-thumbnail {
position: relative;
}
@media (max-width: 1023px) {
.sport-facility .entry-thumbnail {
width: 242px;
}
}
.sport-facility .entry-thumbnail:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s;
background-color: rgba(0, 0, 0, 0);
}
.sport-facility .entry-thumbnail a {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 0.3s;
font-weight: 700;
text-transform: uppercase;
color: #FFFFFF;
}
.sport-facility .entry-thumbnail:hover:before {
background-color: rgba(0, 0, 0, 0.3);
}
.sport-facility .entry-thumbnail:hover a {
opacity: 1;
}
.sport-facility .entry-content {
margin-top: 26px;
}
@media (min-width: 1024px) {
.sport-facility .entry-content {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.sport-facility .facility-name {
font: normal normal 300 24px/29px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.sport-facility .facility-name {
margin-bottom: 5px;
}
}
.sport-facility .location {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
@media (min-width: 1024px) {
.sport-machine {
margin-right: 50px;
}
}
.sport-machine .entry-thumbnail {
margin-bottom: 35px;
}
.sport-machine .heading6 {
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.sport-machine .heading6 {
font: normal normal 300 18px/22px Lato;
letter-spacing: -0.19px;
color: #0F1E2B;
margin-bottom: 20px;
}
}
.sport-machine .subtitle3 {
text-transform: none;
}
@media (max-width: 1023px) {
.sport-machine .subtitle3 {
font: normal normal 300 18px/22px Lato;
letter-spacing: -0.19px;
}
}
.sport-machine .entry-content {
display: flex;
justify-content: space-between;
}
@media (max-width: 1023px) {
.sport-machine .entry-content {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1440px) {
.sport-machine p {
max-width: 500px;
}
}
.sports-details-carousel .sport-machine .entry-content {
display: block;
}
.sports-details-carousel .sport-machine .heading6 {
text-transform: none;
}
.personal-traning {
padding-top: 80px;
position: relative;
padding-bottom: 200px;
}
.personal-traning .heading3 {
margin-bottom: 17px;
}
@media (min-width: 1024px) {
.personal-traning p {
max-width: 540px;
margin-bottom: 75px;
}
}
.party-rooms {
margin-top: 200px;
}
@media (max-width: 1023px) {
.party-rooms {
margin-top: 100px;
}
}
@media (min-width: 1024px) {
.party-rooms .heading1 {
padding-left: 100px;
margin-bottom: 160px;
}
}
@media (max-width: 1023px) {
.party-rooms .heading1 {
font: 100 54px/65px "Lato";
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
.party-rooms .heading1 .indent {
display: block;
text-indent: 100px;
}
}
.sport-tennis-carousel {
position: relative;
padding-top: 200px;
padding-bottom: 200px;
}
.bio-carousel .slick-list {
overflow: visible;
}
@media (max-width: 1023px) {
.bio-carousel {
margin-left: -20px !important;
margin-right: -20px !important;
}
.bio-carousel .bio-prev {
position: absolute;
left: 0;
bottom: 0;
z-index: 9999;
}
.bio-carousel .bio-next {
position: absolute;
right: 0;
bottom: 0;
z-index: 9999;
}
}
.bio-details {
width: 1080px;
height: 468px;
display: flex !important;
margin-right: 60px;
}
@media (max-width: 1023px) {
.bio-details {
width: 100vw;
height: 100vh;
margin-right: 0;
position: relative;
display: block !important;
}
}
.bio-details:last-child {
margin-right: 0;
}
.bio-details .thumbnail {
flex: 0 0 56.9444%;
}
@media (max-width: 1023px) {
.bio-details .thumbnail {
height: 300px;
}
}
.bio-details .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
margin-right: 0;
}
@media (min-width: 1024px) {
.bio-details .content {
display: flex;
flex-direction: column;
flex: 0 0 43.0556%;
padding-left: 57px;
padding-right: 40px;
}
}
@media (max-width: 1023px) {
.bio-details .content {
padding-left: 20px;
padding-right: 20px;
}
}
.bio-details .bio-role {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 25px;
}
@media (max-width: 1023px) {
.bio-details .bio-role {
margin-top: 20px;
margin-bottom: 10px;
}
}
.bio-details .bio-name {
font: normal normal 300 38px/46px Lato;
color: #0F1E2B;
text-transform: none;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.bio-details .bio-name {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
margin-bottom: 20px;
}
}
.bio-details .bio-description {
margin-bottom: 20px;
}
.bio-details .bio-actions {
margin-top: auto;
}
@media (max-width: 1023px) {
.bio-details .bio-actions {
bottom: 0;
position: absolute;
left: 20px;
right: 20px;
bottom: 70px;
}
}
.bio-details .bio-navs {
display: flex;
justify-content: space-between;
left: 20px;
right: 20px;
position: absolute;
bottom: 20px;
}
@media (min-width: 1024px) {
.bio-details .bio-navs {
display: none;
}
}
.bio-details .bio-navs .bio-prev,
.bio-details .bio-navs .bio-next {
display: flex !important;
align-items: center;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.bio-details .bio-navs .bio-prev.slick-disabled,
.bio-details .bio-navs .bio-next.slick-disabled {
display: none !important;
}
.bio-details .bio-navs .bio-prev span,
.bio-details .bio-navs .bio-next span {
width: 13px;
height: 22px;
background-size: contain;
}
.bio-details .bio-navs .bio-prev span {
margin-right: 14px;
}
.bio-details .bio-navs .bio-next span {
margin-left: 14px;
}
.link-more {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
display: flex;
align-items: center;
}
.link-more [class^=icon] {
margin-left: 12px;
}
.entry-info-expandable {
position: relative;
overflow: hidden;
transition: all 0.2s;
}
.entry-info-expandable:after {
position: absolute;
content: "";
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
left: 0;
right: 0;
bottom: 0;
height: 70px;
z-index: 1;
}
@media (max-width: 1023px) {
.entry-info-expandable:after {
height: 35px;
}
}
@media (min-width: 1024px) {
.entry-info-expandable {
max-height: 190px;
}
}
@media (max-width: 1023px) {
.entry-info-expandable {
height: 110px;
}
}
.entry-info-expandable + .link-more span:nth-child(1) {
display: inline;
}
.entry-info-expandable + .link-more span:nth-child(2) {
display: none;
}
.entry-info-expandable + .link-more [class^=icon] {
transform: rotate(0);
transition: all 0.2s;
}
.entry-info-expandable.open {
max-height: 1000px !important;
}
.entry-info-expandable.open:after {
display: none;
}
.entry-info-expandable.open + .link-more span:nth-child(1) {
display: none;
}
.entry-info-expandable.open + .link-more span:nth-child(2) {
display: inline;
}
.entry-info-expandable.open + .link-more [class^=icon] {
transform: rotate(180deg);
}
@media (max-width: 1023px) {
.entry-info-expandable.stopmobile {
height: auto;
}
.entry-info-expandable.stopmobile:after {
display: none;
}
.entry-info-expandable.stopmobile + .link-more {
display: none;
}
}
.event-overview {
margin-bottom: 80px;
}
.event-overview .entry-header .title {
margin-bottom: 80px;
}
.event-overview .entry-carousel,
.event-overview .entry-thumbnail {
margin-bottom: 80px;
}
@media (max-width: 1023px) {
.event-overview .entry-carousel,
.event-overview .entry-thumbnail {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 1200px) {
.event-overview .entry-content {
display: flex;
}
}
.event-overview .entry-content .entry-info {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.event-overview .entry-content .entry-info {
flex: 0 0 52.9167%;
margin-right: 150px;
}
}
.event-overview .entry-content .entry-info h4 {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 36px;
}
@media (max-width: 1023px) {
.event-overview .entry-content .entry-info h4 {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
margin-bottom: 20px;
}
}
.event-overview .entry-content .entry-info p {
font: normal normal 300 24px/42px Lato;
letter-spacing: 0px;
color: #0F1E2B;
margin-bottom: 10px;
}
@media (max-width: 1023px) {
.event-overview .entry-content .entry-info p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.event-overview .entry-content .entry-actions {
margin-top: 0;
}
.event-overview .entry-content .entry-actions h6 {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
margin-bottom: 24px;
}
.our-venues .subtitle1 {
text-transform: none;
margin-bottom: 30px;
}
.our-venues .venue-comparsion-capacity {
border-top: 1px solid #B4BCBE;
border-bottom: 1px solid #B4BCBE;
margin-bottom: 160px;
}
.our-venues .venue-comparsion-capacity .subtitle2 {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 80px;
cursor: pointer;
font-weight: 300;
text-transform: none;
}
@media (max-width: 1023px) {
.our-venues .venue-comparsion-capacity .subtitle2 {
letter-spacing: -0.21px;
font-weight: 700;
font-size: 20px;
}
}
.our-venues .venue-comparsion-capacity .subtitle2.open .icon-down {
transform: rotate(180deg);
}
.our-venues .select2-container--default .select2-selection--single {
border-top: 1px solid #B2BABC;
}
.our-venues .select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal 300 24px/42px Lato;
padding-top: 17px;
}
.our-venues .select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 34%;
}
.venues-list .table {
text-align: left;
width: 100%;
border-collapse: collapse;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 25px;
}
@media (max-width: 1023px) {
.venues-list .table {
display: flex;
justify-content: space-between;
}
}
.venues-list .table:after {
content: "";
display: block;
height: 25px;
}
@media (max-width: 1023px) {
.venues-list .table thead {
flex: 0 0 50%;
}
}
.venues-list .table thead th {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
padding: 16px 20px;
}
@media (max-width: 1023px) {
.venues-list .table thead th {
display: block;
line-height: 24px;
}
.venues-list .table thead th:nth-child(1) {
display: none;
}
}
@media (max-width: 1023px) {
.venues-list .table tbody {
flex: 0 0 50%;
}
}
.venues-list .table tbody tr {
cursor: pointer;
}
@media (min-width: 1024px) {
.venues-list .table tbody tr:hover {
background-color: #F5F5F5;
}
}
@media (max-width: 1023px) {
.venues-list .table tbody tr {
display: none;
}
.venues-list .table tbody tr.active {
display: block;
}
}
.venues-list .table tbody td {
padding: 16px 20px;
}
@media (max-width: 1023px) {
.venues-list .table tbody td {
display: block;
text-align: right;
}
.venues-list .table tbody td:nth-child(1) {
display: none;
}
}
@media (min-width: 1024px) {
.venues-grid {
grid-template-columns: repeat(3, 1fr);
display: grid;
column-gap: 32px;
}
}
.venues-grid .entry-venue {
margin-bottom: 110px;
}
.venues-grid .entry-venue .entry-thumbnail {
margin-bottom: 32px;
}
.venues-grid .entry-venue .entry-thumbnail img {
border-radius: 4px;
}
.venues-grid .entry-venue .entry-name {
font: normal normal 300 24px/29px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
margin-bottom: 15px;
text-transform: none;
}
.venues-grid .entry-venue .entry-info {
font: normal normal normal 15px/24px Lato;
color: #253B44;
display: flex;
}
.venues-grid .entry-venue .entry-info [class^=icon] {
margin-right: 10px;
}
.venues-grid .entry-venue .entry-info .capacity-count {
font: normal normal bold 15px/24px Lato;
color: #53ABB2;
margin-left: 10px;
}
@media (max-width: 1023px) {
.venues-grid .entry-venue {
display: none;
}
.venues-grid .entry-venue:nth-child(1), .venues-grid .entry-venue:nth-child(2), .venues-grid .entry-venue:nth-child(3), .venues-grid .entry-venue:nth-child(4), .venues-grid .entry-venue:nth-child(5) {
display: block;
}
}
@media (max-width: 1023px) {
.venues-grid.mobile-open .entry-venue {
display: block;
}
}
.venues-carousel {
position: relative;
padding-top: 200px;
padding-bottom: 100px;
}
@media (max-width: 1023px) {
.venues-carousel .sport-machine {
margin-right: 0;
}
}
.venues-carousel .sport-machine .entry-thumbnail {
position: relative;
}
.venues-carousel .sport-machine .entry-thumbnail a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.connect-venues {
margin: 0;
padding: 0;
}
.venue-capacity {
padding: 20px 0;
border-top: 1px solid #A7B0B3;
border-bottom: 1px solid #A7B0B3;
margin-bottom: 100px;
}
.venue-capacity .title {
text-transform: none;
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
display: flex;
justify-content: space-between;
align-items: center;
}
.venue-capacity .title [class^=icon] {
transform: rotate(0);
}
@media (max-width: 1023px) {
.venue-capacity .venues-list {
height: 0;
overflow: hidden;
transition: all 0.2s;
}
}
.venue-capacity .venues-list .table tbody td:first-child {
font: normal normal bold 18px/24px Lato;
color: #253B44;
}
.venue-capacity .venues-list a {
text-decoration: underline;
}
.venue-capacity.open .venues-list {
display: block !important;
height: auto;
}
.venue-capacity.open .title [class^=icon] {
transform: rotate(180deg);
}
.current-venues {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
top: 30px;
}
@media (min-width: 1024px) {
.current-venues {
display: none;
}
}
.current-venues-name {
font: normal normal 300 24px/33px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
text-transform: capitalize;
}
.tap-all-venues {
display: flex;
justify-content: space-between;
align-items: center;
}
.tap-all-venues .indicator-container {
width: 100%;
height: 1px;
background-color: #DFEBEC;
position: relative;
}
.tap-all-venues a {
margin: 0 10px;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
display: flex;
align-items: center;
white-space: nowrap;
}
.tap-all-venues a [class^=icon] {
margin-left: 10px;
}
@media (min-width: 1024px) {
.tap-all-venues {
display: none;
}
}
body.modal-open {
overflow: hidden;
}
#booking-enquiry.modal {
width: 100%;
}
@media (min-width: 1200px) {
#booking-enquiry.modal {
min-width: 900px;
max-width: 900px;
}
}
#booking-enquiry.modal .modal-close {
right: 5px;
}
@media (max-width: 1023px) {
#booking-enquiry.modal .modal-body {
transform: none;
width: 100%;
height: 100vh;
position: relative;
padding: 50px 0 0;
}
}
#booking-enquiry .icon-close {
width: 10px;
height: 10px;
background-size: 100%;
}
#booking-enquiry .form-wrapper {
overflow-y: auto;
height: 600px;
margin-right: -40px;
padding-right: 40px;
padding-bottom: 50px;
}
@media (max-width: 1023px) {
#booking-enquiry .form-wrapper {
overflow-y: auto;
margin-right: -40px;
padding-right: 40px;
padding-bottom: 50px;
position: absolute;
top: 80px;
right: 0;
left: 0;
bottom: 0;
height: auto;
}
}
.floorplan-carousel .slick-list {
padding: 0 !important;
}
@media (min-width: 1024px) {
.floorplan-carousel .slick-list {
margin: 0 50px;
}
}
@media (max-width: 1023px) {
#floorplan-modal.modal.open.modal-full {
overflow-y: auto;
padding-left: 20px;
padding-right: 20px;
}
}
#floorplan-modal .floorplan-details .content {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
}
@media (max-width: 1023px) {
#floorplan-modal .floorplan-details .content {
display: block;
}
}
#floorplan-modal .floorplan-details .content .floorplan-info h4 {
font-size: 40px;
margin-bottom: 20px;
line-height: 1;
}
@media (max-width: 1023px) {
#floorplan-modal .floorplan-details .content .floorplan-info h4 {
font-size: 20px;
}
}
#floorplan-modal .floorplan-details .content .btn {
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
#floorplan-modal .floorplan-details .content .btn {
margin-top: 20px;
}
}
.event-wedding-overview {
margin-bottom: 14px;
}
.event-wedding-overview .entry-header {
margin-bottom: 50px;
}
.event-wedding-overview .entry-content p {
font: normal normal normal 15px/24px Lato;
}
@media (min-width: 1024px) {
.event-wedding-overview .entry-content > .row {
margin-left: -44px;
margin-right: -44px;
}
.event-wedding-overview .entry-content > .row [class^=col-] {
padding-left: 44px;
padding-right: 44px;
}
}
@media (max-width: 1023px) {
.event-wedding-overview .entry-content .entry-thumbnail {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px;
}
}
.event-wedding-overview .entry-actions p {
margin-bottom: 20px;
}
.wedding-promise {
position: relative;
margin-bottom: 300px;
}
.wedding-promise .heading1 {
position: absolute;
right: 0;
top: 50px;
z-index: 1;
}
@media (max-width: 1199px) {
.wedding-promise .heading1 {
display: none;
}
}
.columns2-grid > .row {
margin-left: -7px;
margin-right: -7px;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1023px) {
.columns2-grid > .row {
margin-left: -4px;
margin-right: -4px;
}
}
.columns2-grid > .row img {
display: block;
height: auto;
margin-left: auto;
margin-right: 0;
}
.columns2-grid > .row .column1 {
padding-left: 7px;
padding-right: 7px;
flex: 0 0 53.1667%;
}
@media (max-width: 1023px) {
.columns2-grid > .row .column1 {
padding-left: 2px;
padding-right: 2px;
flex: 0 0 57.1429%;
}
}
.columns2-grid > .row .column1 .image1 {
width: 88.3436%;
height: auto;
margin-bottom: 14px;
}
@media (max-width: 1023px) {
.columns2-grid > .row .column1 .image1 {
width: 100%;
margin-bottom: 4px;
}
}
.columns2-grid > .row .column1 .image2 {
width: 80.2956%;
}
@media (max-width: 1023px) {
.columns2-grid > .row .column1 .image2 {
width: 80.3922%;
}
}
.columns2-grid > .row .column2 {
padding-left: 7px;
padding-right: 7px;
flex: 0 0 46.8333%;
}
@media (max-width: 1023px) {
.columns2-grid > .row .column2 {
padding-left: 2px;
padding-right: 2px;
flex: 0 0 42.8571%;
}
}
.columns2-grid > .row .column2 .image3 {
width: 72.7758%;
margin-left: 0;
margin-right: auto;
}
@media (max-width: 1023px) {
.columns2-grid > .row .column2 .image3 {
width: 100%;
}
}
.wedding-venues {
position: relative;
margin-bottom: 200px;
}
.wedding-venues .layer-bg {
top: -100px;
bottom: -200px;
}
.wedding-venues .carousel .slick-dots {
margin-top: 0;
padding-right: 100px;
}
.card.card6 {
width: auto;
margin-right: 50px;
box-shadow: none;
background-color: transparent;
}
.card.card6 .card-title {
font: normal normal 300 24px/29px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
text-transform: capitalize;
margin-bottom: 15px;
}
.card.card6 .card-info {
display: flex;
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
.card.card6 .card-info [class^=icon] {
margin-right: 10px;
}
.card.card6 .card-info .capacity-count {
font: normal normal bold 15px/24px Lato;
color: #53ABB2;
margin-left: 10px;
}
.card.card6 .card-image img {
height: auto;
object-fit: none;
}
.wedding-venues .heading3 {
margin-bottom: 120px;
color: #253B44;
}
.wedding-offers {
position: relative;
}
.wedding-offers .layer-bg {
top: 33.33%;
height: 30.7%;
bottom: auto;
}
.wedding-offer {
margin-bottom: 100px;
position: relative;
}
@media (max-width: 1023px) {
.wedding-offer {
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
margin-bottom: 20px;
}
}
.wedding-offer > .row {
align-items: center;
}
@media (max-width: 1023px) {
.wedding-offer > .row {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1024px) {
.wedding-offer > .row {
margin-left: -70px;
margin-right: -70px;
}
.wedding-offer > .row .col-sm-pack1 {
flex: 0 0 44.0299%;
}
.wedding-offer > .row .col-sm-pack2 {
flex: 0 0 48.806%;
}
}
.wedding-offer > .row > [class^=col] {
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 1023px) {
.wedding-offer > .row > [class^=col] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1023px) {
.wedding-offer > .row > .col-sm-pack1 {
max-height: 0;
overflow: hidden;
}
}
.wedding-offer.type1 > .row {
flex-direction: row-reverse;
justify-content: flex-end;
}
@media (min-width: 1024px) {
.wedding-offer.type2 > .row .col-sm-pack1 {
flex: 0 0 48.806%;
}
.wedding-offer.type2 > .row .col-sm-pack2 {
flex: 0 0 44.0299%;
}
}
@media (min-width: 1024px) {
.wedding-offer.type2 .package-thumbnail {
margin-left: -120px;
}
}
.wedding-offer.type3 > .row {
flex-direction: row-reverse;
}
@media (min-width: 1024px) {
.wedding-offer.type3 > .row .col-sm-pack1 {
flex: 0 0 48.806%;
}
.wedding-offer.type3 > .row .col-sm-pack2 {
flex: 0 0 44.0299%;
}
}
@media (min-width: 1024px) {
.wedding-offer.type3 .package-thumbnail {
margin-right: -120px;
}
}
@media (min-width: 1024px) {
.wedding-offer.type4 > .row .col-sm-pack1 {
flex: 0 0 48.806%;
}
.wedding-offer.type4 > .row .col-sm-pack2 {
flex: 0 0 44.0299%;
}
}
.wedding-offer .package-info {
padding: 0 20px 20px;
position: relative;
}
@media (max-width: 1023px) {
.wedding-offer .package-info {
overflow: hidden;
max-height: 0;
padding: 0;
transition: all 0.3s;
}
}
@media (max-width: 1023px) {
.wedding-offer.collapse > .row > .col-sm-pack1 {
max-height: 1000px;
}
.wedding-offer.collapse .package-info {
max-height: 500px;
padding: 0 20px 20px;
}
}
.wedding-offer .package-name {
padding: 0 20px;
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 32px;
}
.wedding-offer .package-name [class^=icon] {
display: none;
}
@media (max-width: 1023px) {
.wedding-offer .package-name {
display: flex;
align-items: center;
justify-content: space-between;
font: normal normal 300 18px/22px Lato;
letter-spacing: -0.19px;
color: #0F1E2B;
text-transform: capitalize;
margin-bottom: 0;
padding: 20px;
}
.wedding-offer .package-name [class^=icon] {
display: block;
margin-left: 20px;
}
}
.wedding-offer p {
font: normal normal normal 15px/24px Lato;
margin-bottom: 32px;
}
.connect {
margin-top: 200px;
margin-bottom: 200px;
text-align: center;
}
.connect .subtitle {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 16px;
}
.connect .heading1 {
color: #253B44;
margin-bottom: 80px;
}
@media (max-width: 1023px) {
.connect .heading1 {
font: 100 54px/65px "Lato";
}
}
@media (max-width: 1023px) {
.connect .actions a {
margin: 0 0 24px;
}
}
.connect.connect-weddings {
padding-top: 250px;
padding-bottom: 250px;
}
.connect.connect-weddings .layer-bg {
top: 0;
bottom: -150px;
}
.treatements-services {
position: relative;
}
.treatements-services .layer-bg {
top: -100px;
bottom: auto;
height: 735px;
}
.treatements-services .title {
margin-bottom: 120px;
}
@media (max-width: 1023px) {
.treatements-services .title {
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
.treatements-services .title .indent {
display: block;
margin-left: 200px;
}
}
.treatment-service {
margin-bottom: 20px;
}
@media (max-width: 1023px) {
.treatment-service {
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
}
}
@media (min-width: 1024px) {
.treatment-service {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 120px;
}
}
.treatment-service .entry-thumbnail {
flex: 0 0 45%;
}
@media (max-width: 1023px) {
.treatment-service .entry-thumbnail {
height: 0;
overflow: hidden;
transition: all 0.3s;
}
}
.treatment-service .entry-content {
flex: 0 0 48.3333%;
}
@media (min-width: 1024px) {
.treatment-service .entry-content .entry-info-expandable {
max-height: 95px;
}
.treatment-service .entry-content .entry-info-expandable:after {
height: 30px;
}
}
.treatment-service .entry-content .link-more {
margin-top: 20px;
}
@media (max-width: 1023px) {
.treatment-service .entry-content {
padding: 20px;
background-color: #FFFFFF;
}
.treatment-service .entry-content .entry-info-expandable, .treatment-service .entry-content p, .treatment-service .entry-content .entry-session {
height: 0;
overflow: hidden;
transition: all 0.3s;
}
.treatment-service .entry-content .link-more {
display: none;
}
.treatment-service .entry-content .entry-title {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.treatment-service .entry-title {
display: flex;
}
}
.treatment-service .entry-title h3 {
word-wrap: break-word;
text-transform: none;
margin-bottom: 30px;
cursor: pointer;
}
@media (min-width: 1024px) {
.treatment-service .entry-title h3 {
flex: 0 0 70.1724%;
margin-right: 36px;
}
.treatment-service .entry-title h3 [class^=icon] {
display: none;
}
}
@media (max-width: 1023px) {
.treatment-service .entry-title h3 {
display: flex;
align-items: center;
justify-content: space-between;
font: normal normal 300 18px/22px Lato;
letter-spacing: -0.19px;
color: #0F1E2B;
margin-bottom: 0;
}
.treatment-service .entry-title h3 [class^=icon] {
margin-left: 30px;
}
}
.treatment-service .entry-session [class^=icon] {
margin-right: 9px;
}
.treatment-service .entry-session .time {
margin-left: 9px;
font-weight: 700;
color: #53ABB2;
}
@media (max-width: 1023px) {
.treatment-service.collapse .entry-thumbnail, .treatment-service.collapse .entry-info-expandable, .treatment-service.collapse p, .treatment-service.collapse .entry-session {
height: auto;
}
.treatment-service.collapse .entry-title h3 {
margin-bottom: 8px;
}
.treatment-service.collapse .entry-title .entry-session {
margin-bottom: 20px;
}
.treatment-service.collapse .entry-info-expandable:after {
display: none;
}
}
.connect.connect-beauty {
margin-top: 70px;
margin-bottom: 100px;
padding-bottom: 0;
}
.top-links {
margin-top: 40px;
margin-bottom: 40px;
}
.top-links a {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
text-transform: uppercase;
}
.entry-actions {
margin-top: 35px;
}
.entry-actions a {
margin-right: 24px;
}
.entry-actions a:last-child {
margin-right: 0;
}
article .entry-header {
padding: 0;
}
@media (max-width: 1023px) {
.entry-event-promotion.single .entry-thumbnail {
margin-left: -20px;
margin-right: -20px;
}
}
.entry-event-promotion .entry-header .header-meta {
margin-top: 10px;
}
.entry-event-promotion .entry-header .title {
margin-bottom: 50px;
}
.entry-event-promotion .entry-thumbnail {
margin-bottom: 80px;
}
.entry-event-promotion .event-promotion-type {
font: 700 28px/34px "Lato";
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.entry-event-promotion .event-promotion-type {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
}
}
.entry-event-promotion .event-promotion-date {
font: 700 28px/34px "Lato";
letter-spacing: -0.3px;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.entry-event-promotion .event-promotion-date {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
color: #253B44;
}
}
.entry-event-promotion .entry-content {
font: 300 24px/42px "Lato";
color: #0F1E2B;
}
.entry-event-promotion .entry-actions {
display: flex;
align-items: center;
}
.other-events {
margin-top: 180px;
}
@media (min-width: 1024px) {
.other-events {
padding-left: 103px;
padding-right: 103px;
}
}
.other-events .heading3 {
margin-bottom: 50px;
}
@media (max-width: 1023px) {
.event-other-list .row .col-sm-6:nth-child(2n+1) .event-other {
margin-left: -20px;
}
.event-other-list .row .col-sm-6:nth-child(2n+1) .event-other .heading6 {
margin-left: 20px;
}
}
@media (min-width: 1024px) {
.event-other-list .row .col-sm-6:nth-child(2n) .event-other {
margin-top: 160px;
}
}
@media (max-width: 1023px) {
.event-other-list .row .col-sm-6:nth-child(2n) .event-other {
text-align: right;
margin-right: -20px;
}
.event-other-list .row .col-sm-6:nth-child(2n) .event-other .heading6 {
margin-right: 20px;
}
}
.event-other-list .row .col-sm-6:nth-child(2n) .event-other .heading6 {
position: relative;
top: -50px;
}
.event-other {
margin-bottom: 50px;
}
.event-other .heading6 {
margin-top: 15px;
text-transform: none;
}
@media (max-width: 1023px) {
.event-other .heading6 {
font: 300 24px/33px "Lato";
letter-spacing: -0.26px;
}
}
.event-other .heading6 a img {
padding-left: 20px;
position: relative;
top: -5px;
}
.event-promotion-overview {
margin-bottom: 100px;
}
@media (max-width: 1023px) {
.event-promotion-overview {
margin-bottom: 200px;
}
}
.event-promotion-overview .entry-header {
margin-bottom: 50px;
}
.event-promotion-overview .entry-header .title {
color: #FFFFFF;
}
.event-promotion-overview .entry-content p {
font: normal normal normal 15px/24px Lato;
color: #FFFFFF;
text-shadow: 0px 3px 6px #1A546C;
}
@media (min-width: 1024px) {
.event-promotion-overview .entry-content > .row {
margin-left: -44px;
margin-right: -44px;
}
.event-promotion-overview .entry-content > .row [class^=col-] {
padding-left: 44px;
padding-right: 44px;
}
}
.event-promotion-overview .entry-content .entry-thumbnail img {
border-radius: 4px;
}
@media (max-width: 1023px) {
.event-promotion-overview .entry-content .entry-thumbnail {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px;
}
}
.view-mode {
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #A7B0B3;
border-bottom: 1px solid #A7B0B3;
margin-bottom: 70px;
}
@media (min-width: 1200px) {
.view-mode {
margin-bottom: 120px;
}
}
.view-mode label {
font: normal normal bold 28px/34px Lato;
color: #0F1E2B;
margin-right: 60px;
}
@media (max-width: 1023px) {
.view-mode label {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
}
}
.view-mode .select-wrapper {
width: 220px;
}
.view-mode .select-wrapper .select2-container--default .select2-selection--single {
border: none;
}
.view-mode .select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.view-mode .select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-top: 30px;
}
}
@media (max-width: 1023px) {
.view-mode .select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal 300 18px/22px Lato;
letter-spacing: -0.19px;
}
}
@media (min-width: 1024px) {
.event-promotion-list > .row {
margin-left: -59px;
margin-right: -59px;
}
.event-promotion-list > .row [class^=col-] {
padding-left: 59px;
padding-right: 59px;
}
}
.event-promotion-list .entry-event-promotion {
margin-bottom: 128px;
}
@media (max-width: 1023px) {
.event-promotion-list .entry-event-promotion {
margin-bottom: 70px;
}
}
.event-promotion-list .entry-event-promotion .entry-header .title {
font: normal normal 300 38px/46px Lato;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.event-promotion-list .entry-event-promotion .entry-header .title {
font: normal normal 300 24px/33px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
margin-bottom: 20px;
}
}
.event-promotion-list .entry-event-promotion .event-promotion-type {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
}
.event-promotion-list .entry-event-promotion .event-promotion-date {
font: normal normal normal 15px/24px Lato;
}
.event-promotion-list .entry-event-promotion .entry-thumbnail {
margin-bottom: 32px;
}
@media (max-width: 1023px) {
.event-promotion-list .entry-event-promotion .entry-actions {
margin-top: 0;
}
}
.event-promotion-list .entry-event-promotion p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
@media (max-width: 1023px) {
.event-promotion-list .entry-event-promotion p {
display: none;
}
}
.header-events-promotions-club-news-details:after {
position: absolute;
content: "";
top: 360px;
left: 0;
right: 0;
min-height: 1262px;
background: url("../images/events-promotions-club-news-details/bg1.png") center top/cover no-repeat;
}
@media (max-width: 1023px) {
.header-events-promotions-club-news-details:after {
top: 140px;
}
}
.calendar-confirm {
position: absolute;
z-index: 1;
background-color: #FFFFFF;
border: 1px solid #253B44;
display: flex;
align-items: center;
padding: 6px 10px;
visibility: hidden;
overflow: hidden;
width: 0;
transition: all 0.2s;
height: 183px;
border-radius: 20px;
}
@media (min-width: 1024px) {
.calendar-confirm {
height: 55px;
border-radius: 50px;
}
}
@media (max-width: 1023px) {
.calendar-confirm {
flex-direction: column;
justify-content: center;
}
}
.calendar-confirm.show {
visibility: visible;
width: 183px;
}
@media (min-width: 1024px) {
.calendar-confirm.show {
width: 283px;
}
}
.calendar-confirm span {
padding: 0 15px 0 10px;
font: 700 13px/19px "Lato";
}
@media (max-width: 1023px) {
.calendar-confirm span {
margin-bottom: 20px;
}
}
@media (min-width: 1024px) {
.calendar-confirm a {
margin-right: 10px;
}
}
@media (max-width: 1023px) {
.calendar-confirm a {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.calendar-confirm a:last-child {
margin-right: 0;
margin-bottom: 0;
}
@media (max-width: 1023px) {
.event-meta {
display: flex;
justify-content: space-between;
}
}
.event-meta .event-type,
.event-meta .event-date {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.event-meta .event-type,
.event-meta .event-date {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
}
}
.embarkation-form-success .link-calendar {
margin-bottom: 40px;
}
.event-promotion-wrapper {
position: relative;
}
.promotions-wrapper {
position: relative;
min-height: calc(100vh - 112px);
margin-bottom: 100px;
}
.promotions-wrapper .layer-bg {
top: -112px;
bottom: 100px;
}
@media (min-width: 1024px) {
.link-add-calendar-wrapper {
position: relative;
}
}
.link-add-calendar-wrapper .link-add-calendar {
margin-right: 0;
}
.link-add-calendar-wrapper .link-add-calendar + ul {
position: absolute;
max-height: 0;
overflow: hidden;
transition: all 0.3s;
box-shadow: 0px 20px 24px #004A4A33;
background-color: #FFFFFF;
min-width: 260px;
left: 50%;
margin-top: 10px;
border-radius: 6px;
z-index: 9999;
}
@media (min-width: 1024px) {
.link-add-calendar-wrapper .link-add-calendar + ul {
transform: translateX(-50%);
}
}
@media (max-width: 1023px) {
.link-add-calendar-wrapper .link-add-calendar + ul {
position: fixed;
bottom: 60px;
left: 10px;
right: 10px;
}
}
.link-add-calendar-wrapper .link-add-calendar + ul li:hover {
background-color: #F5F5F5;
}
.link-add-calendar-wrapper .link-add-calendar + ul a {
padding: 8px 20px;
display: flex;
}
.link-add-calendar-wrapper .link-add-calendar + ul a span {
margin-right: 10px;
}
.link-add-calendar-wrapper .link-add-calendar + ul .link-cancel-calendar {
display: none;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
background-color: #FFFFFF;
border-radius: 20px;
text-align: center;
}
@media (max-width: 1023px) {
.link-add-calendar-wrapper.open:before {
position: fixed;
content: "";
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
backdrop-filter: blur(5px);
}
.link-add-calendar-wrapper.open .link-cancel-calendar {
display: block !important;
}
}
.link-add-calendar-wrapper.open .link-add-calendar + ul {
max-height: 500px;
}
.portwatch {
position: relative;
min-height: calc(100vh - 112px);
margin-bottom: 100px;
}
.portwatch .layer-bg {
top: -112px;
}
.entry-issue {
margin-bottom: 50px;
}
@media (max-width: 1023px) {
.entry-issue {
padding-bottom: 100px;
}
}
.entry-issue .entry-header .title {
margin-bottom: 32px;
}
.entry-issue h5 {
font: 700 13px/19px "Lato";
letter-spacing: 0.65px;
text-transform: uppercase;
margin-bottom: 12px;
}
.entry-issue .entry-issue-date {
font: 300 38px/46px "Lato";
color: #0F1E2B;
text-transform: capitalize;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.entry-issue .entry-issue-date {
font: 300 24px/33px "Lato";
}
}
@media (min-width: 1200px) {
.entry-issue .entry-thumbnail {
margin-right: -100px;
margin-top: -150px;
}
}
.entry-issue .issue-links {
margin-top: 30px;
}
.entry-issue .issue-links a {
margin-right: 20px;
}
.entry-issue .issue-links a:last-child {
margin-right: 0;
}
.entry-content-reverse > .row {
flex-direction: row-reverse;
justify-content: space-between;
}
.previous-issues .heading3 {
margin-bottom: 120px;
}
.event-club-overview {
margin-bottom: 14px;
}
.event-club-overview .entry-header {
margin-bottom: 50px;
}
.event-club-overview .entry-content p {
font: normal normal normal 15px/24px Lato;
color: #FFFFFF;
}
@media (min-width: 1024px) {
.event-club-overview .entry-content > .row {
margin-left: -44px;
margin-right: -44px;
align-items: flex-end;
}
.event-club-overview .entry-content > .row [class^=col-] {
padding-left: 44px;
padding-right: 44px;
}
.event-club-overview .entry-content > .row p {
color: #253B44;
margin-bottom: 50px;
}
}
@media (max-width: 1023px) {
.event-club-overview .entry-content .entry-thumbnail {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px;
}
}
.event-club-overview .entry-actions p {
margin-bottom: 20px;
}
.event-environment-safety {
margin-bottom: 14px;
}
.event-environment-safety .entry-header {
margin-bottom: 50px;
}
.event-environment-safety .entry-content p {
font: normal normal normal 15px/24px Lato;
color: #FFFFFF;
}
@media (min-width: 1024px) {
.event-environment-safety .entry-content > .row {
margin-left: -44px;
margin-right: -44px;
}
.event-environment-safety .entry-content > .row [class^=col-] {
padding-left: 44px;
padding-right: 44px;
}
}
@media (max-width: 1023px) {
.event-environment-safety .entry-content .entry-thumbnail {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
.event-environment-safety .entry-content .carousel img {
margin-right: 50px;
}
.event-environment-safety .entry-content .carousel .heading6 {
margin-top: 32px;
}
}
.event-environment-safety .entry-content .carousel .heading6 {
margin-top: 24px;
text-transform: none;
}
@media (max-width: 1023px) {
.event-environment-safety .entry-content .carousel .heading6 {
text-shadow: 0px 3px 6px #1A546C;
color: #FFFFFF;
font: normal normal normal 18px/22px Lato;
letter-spacing: -0.19px;
padding: 0 20px;
}
}
.event-environment-safety .entry-actions p {
margin-bottom: 20px;
}
.grid-template {
margin-top: 80px;
}
.grid-template .columns2-grid {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.grid-template .columns2-grid .column1 {
flex: 0 0 39.3333%;
text-align: right;
margin-bottom: -20px;
}
@media (min-width: 1024px) {
.grid-template .columns2-grid .column1 {
margin-bottom: -50px;
}
}
.grid-template .columns2-grid .column2 {
flex: 0 0 59.5%;
text-align: left;
}
.grid-template .content {
margin-top: 50px;
}
@media (min-width: 1024px) {
.grid-template .content {
margin-left: 46%;
margin-top: 40px;
max-width: 42.5%;
}
}
.grid-template .content p {
margin-bottom: 40px;
}
.grid-template .content a {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.club-carousel {
position: relative;
padding: 150px 0;
}
@media (min-width: 1024px) {
.club-carousel {
padding-top: 200px;
padding-bottom: 180px;
}
.club-carousel .carousel img {
margin-right: 50px;
}
.club-carousel .layer-bg {
top: -200px;
bottom: -200px;
}
}
.reciprocal-clubs {
margin-bottom: 130px;
}
.reciprocal-clubs .heading3 {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.reciprocal-clubs {
margin-bottom: 180px;
}
.reciprocal-clubs .heading3 {
margin-bottom: 100px;
max-width: 600px;
}
.reciprocal-clubs .heading3 .indent {
display: block;
text-align: right;
}
}
@media (min-width: 1024px) {
.row-reverse {
flex-direction: row-reverse;
}
}
.our-members {
position: relative;
}
.our-members .heading3 {
margin-top: 40px;
margin-bottom: 20px;
}
.our-members p {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.our-members .heading3 {
margin-top: 77px;
margin-bottom: 50px;
}
.our-members .heading3 .indent {
display: block;
margin-left: 80px;
}
.our-members p {
margin-bottom: 50px;
}
}
.our-members .layer-bg {
top: 80px;
bottom: -500px;
}
.environment-safety-tabs {
position: relative;
}
.environment-safety-tabs .layer-bg {
top: -120px;
}
.environment-safety-tabs#bookings {
margin-top: 100px;
}
@media (max-width: 1023px) {
.environment-safety-tabs .tabs-content {
background: transparent;
}
}
.environment-safety-tabs .tabs-content ul, .environment-safety-tabs .tabs-content p {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
}
@media (max-width: 1023px) {
.environment-safety-tabs .tabs-content ul, .environment-safety-tabs .tabs-content p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.environment-safety-tabs .tabs-content p {
margin-bottom: 40px;
}
.environment-safety-tabs .tabs-content ul {
list-style: disc;
margin-left: 25px;
}
.environment-safety-tabs .tabs-content ul li {
margin-bottom: 40px;
}
.other-events {
position: relative;
}
.other-events .layer-bg {
bottom: -200px;
top: 220px;
}
.get-in-touch {
margin-top: 100px;
}
.get-in-touch .title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 36px;
text-transform: none;
}
@media (max-width: 1023px) {
.get-in-touch .title {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
margin-bottom: 20px;
}
}
.get-in-touch p {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 28px;
}
@media (max-width: 1023px) {
.get-in-touch p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin-bottom: 24px;
}
}
.get-in-touch .link-more {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.get-in-touch .actions {
margin-top: 50px;
}
@media (max-width: 1023px) {
.get-in-touch .actions {
margin-top: 40px;
}
}
.get-in-touch .actions .btn {
font: normal normal bold 13px/1 Lato;
color: #253B44;
text-transform: uppercase;
opacity: 1;
}
.timeline {
position: relative;
margin-top: 130px;
}
.timeline > .row {
align-items: center;
}
.timeline .year {
font: normal normal 200 186px/180px Lato;
color: #0F1E2B;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.timeline .year {
font: normal normal normal 130px/140px Lato;
letter-spacing: -10.4px;
color: #0F1E2B;
margin-bottom: 25px;
}
}
.timeline .timeline-content {
padding-top: 30px;
}
.timeline .timeline-content h6 {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.timeline .timeline-content p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
.timeline.type1 .layer-bg {
top: -180px;
bottom: -110px;
}
@media (max-width: 1023px) {
.timeline.type1 .layer-bg {
top: -340px;
}
}
@media (min-width: 1024px) {
.timeline.type1 > .row {
flex-direction: row-reverse;
}
.timeline.type1 .year {
text-align: right;
}
}
.timeline.type2 .timeline-content {
display: flex;
justify-content: space-between;
padding-top: 150px;
}
@media (max-width: 1023px) {
.timeline.type2 .timeline-content {
padding-top: 30px;
}
}
.timeline.type2 .timeline-content > div:first-child {
flex: 0 0 54.2718%;
}
.timeline.type2 .timeline-content > div:last-child {
flex: 0 0 45.7282%;
text-align: right;
margin-top: -150px;
}
@media (max-width: 1023px) {
.timeline.type2 .timeline-content > div:last-child {
margin-top: -30px;
padding-left: 15px;
}
}
.timeline.type2 .timeline-content > div:last-child p {
text-align: left;
margin-left: 70px;
margin-top: 40px;
max-width: 305px;
}
.timeline.type2 p {
margin-top: 30px;
}
.timeline.type3 .timeline-content {
padding: 0;
}
@media (min-width: 1024px) {
.timeline.type3 .timeline-content {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
}
.timeline.type3 .timeline-content > div:first-child {
flex: 0 0 51%;
}
.timeline.type3 .timeline-content > div:last-child {
flex: 0 0 49%;
}
@media (max-width: 1023px) {
.timeline.type3 .timeline-content > div:last-child .desc {
margin-top: 30px;
}
}
@media (min-width: 1024px) {
.timeline.type3 .timeline-content > div:last-child .desc {
max-width: 340px;
margin-left: 100px;
}
}
.timeline.type4 .timeline-content {
padding: 0;
}
@media (min-width: 1024px) {
.timeline.type4 .timeline-content {
display: flex;
justify-content: space-between;
}
}
.timeline.type4 .timeline-content > div:first-child {
flex: 0 0 53.3333%;
}
.timeline.type4 .timeline-content > div:last-child {
flex: 0 0 46.6667%;
}
@media (max-width: 1023px) {
.timeline.type4 .timeline-content > div:last-child .desc {
margin-top: 30px;
margin-bottom: 40px;
}
.timeline.type4 .timeline-content > div:last-child .subtimeline h6 {
margin-top: 30px;
}
}
@media (min-width: 1024px) {
.timeline.type4 .timeline-content > div:last-child .desc {
max-width: 404px;
margin-left: 100px;
padding-top: 80px;
}
.timeline.type4 .timeline-content > div:last-child .subtimeline {
margin-top: 80px;
margin-left: 130px;
}
.timeline.type4 .timeline-content > div:last-child .subtimeline h6 {
margin-top: 40px;
}
}
.timeline.type5 .timeline-content {
padding: 0;
}
@media (min-width: 1024px) {
.timeline.type5 .timeline-content {
display: flex;
align-items: center;
}
}
.timeline.type5 .timeline-content > div:first-child {
flex: 0 0 34.735%;
}
@media (max-width: 1023px) {
.timeline.type5 .timeline-content > div:last-child p {
margin-top: 30px;
}
}
@media (min-width: 1024px) {
.timeline.type5 .timeline-content > div:last-child {
margin-left: 60px;
}
.timeline.type5 .timeline-content > div:last-child p {
max-width: 366px;
}
}
.timeline.type6 {
margin-top: 40px;
}
@media (min-width: 1024px) {
.timeline.type6 .timeline-content {
display: flex;
justify-content: space-between;
}
.timeline.type6 .timeline-content .year {
margin-top: 80px;
}
.timeline.type6 .timeline-content > div {
text-align: right;
position: relative;
}
.timeline.type6 .timeline-content > div p {
position: absolute;
left: -100%;
bottom: 80px;
max-width: 405px;
}
}
@media (min-width: 1024px) {
.timeline.type7 .timeline-content {
max-width: 404px;
}
}
.timeline.type8 {
position: relative;
}
.timeline.type8 p {
margin-top: 30px;
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.timeline.type8 {
display: flex;
}
.timeline.type8 .timeline1 {
padding-top: 100px;
flex: 0 0 45.25%;
}
.timeline.type8 .timeline1 .year {
position: absolute;
right: 0;
top: 0;
}
.timeline.type8 .timeline1 .timeline-thumbnail {
text-align: right;
}
.timeline.type8 .timeline2 {
padding-left: 130px;
padding-top: 300px;
flex: 0 0 54.75%;
}
.timeline.type8 .timeline2 p {
max-width: 350px;
}
}
.timeline.type9 > .row {
align-items: flex-start;
}
.timeline.type10 {
position: relative;
}
.timeline.type10 p {
margin-top: 30px;
margin-bottom: 40px;
}
.timeline.type10 .text-center {
margin-top: 40px;
}
@media (min-width: 1024px) {
.timeline.type10 .timeline1 {
padding-top: 180px;
flex: 0 0 34.6667%;
}
.timeline.type10 .timeline1 .year {
position: absolute;
right: 0;
top: 0;
}
.timeline.type10 .timeline1 .timeline-thumbnail {
text-align: right;
}
.timeline.type10 .timeline2 {
padding-left: 130px;
padding-top: 300px;
}
.timeline.type10 .timeline2 p {
max-width: 350px;
}
}
.timeline.type11 {
position: relative;
margin-top: 160px;
}
@media (min-width: 1024px) {
.timeline.type11 {
padding-top: 40px;
}
.timeline.type11 .year {
position: absolute;
right: 0;
top: -40px;
}
.timeline.type11 p {
margin-left: 50px;
max-width: 404px;
}
}
.timeline.type12 {
position: relative;
}
.timeline.type12 .layer-bg {
bottom: auto;
height: 770px;
top: -160px;
}
@media (max-width: 1023px) {
.timeline.type12 .layer-bg {
bottom: auto;
height: 500px;
top: -130px;
}
}
@media (max-width: 1023px) {
.timeline.type12 .layer-bg img {
object-fit: cover;
}
}
.timeline.type12 p {
margin-top: 30px;
}
@media (min-width: 1024px) {
.timeline.type12 .timeline-wrapper {
position: relative;
}
.timeline.type12 .timeline-content1 {
margin-bottom: 100px;
}
.timeline.type12 .timeline-content1 p {
max-width: 303px;
}
.timeline.type12 .timeline-content2 {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.timeline.type12 .timeline-content2 p {
max-width: 404px;
}
.timeline.type12 .timeline-content3 {
text-align: right;
}
.timeline.type12 .timeline-content4 {
margin-top: -100px;
width: 62.5%;
padding-left: 26.6667%;
}
}
.timeline1985 {
position: relative;
}
.timeline1985 .layer-bg {
top: -250px;
bottom: -250px;
}
.timeline1985 .layer-bg img {
object-fit: cover;
}
.timeline19871988 {
position: relative;
}
.timeline19871988 .layer-bg {
bottom: -80px;
top: -300px;
}
@media (max-width: 1023px) {
.timeline19871988 .layer-bg {
top: -170px;
}
}
.our-boats {
margin-top: 100px;
position: relative;
}
.our-boats .heading3 {
margin-bottom: 80px;
}
@media (min-width: 1024px) {
.our-boats .venues-grid {
grid-template-columns: repeat(2, 1fr);
column-gap: 120px;
}
}
@media (max-width: 1023px) {
.event-overview.event-overview-marina .entry-content h4 {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
text-transform: none;
margin-bottom: 20px;
}
.event-overview.event-overview-marina .entry-content p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.event-overview.event-overview-marina .entry-content .entry-actions h6 {
margin-bottom: 8px;
}
.event-overview.event-overview-marina .entry-content .entry-actions h6 + p {
margin-bottom: 40px;
}
.marina-carousel {
position: relative;
padding-top: 200px;
padding-bottom: 200px;
}
.marina-carousel .layer-bg {
top: -200px;
}
@media (min-width: 1024px) {
.marina-carousel .sport-machine {
margin-right: 0;
}
.marina-carousel .sport-machine .entry-thumbnail {
margin-right: 50px;
}
}
@media (max-width: 1023px) {
.marina-carousel .sport-machine .entry-thumbnail {
margin-right: 0;
}
}
.boat-trip-offer .heading1 {
margin-bottom: 60px;
}
@media (min-width: 1024px) {
.boat-trip-package {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.boat-trip-package > div:first-child {
flex: 0 0 62.5%;
margin-left: 140px;
margin-right: -120px;
}
.boat-trip-package > div:last-child {
flex: 0 0 37.5%;
}
}
.boat-trip-package .subtitle1 {
text-transform: none;
margin-bottom: 32px;
}
.boat-trip-package .subtitle1 + p {
margin-bottom: 32px;
}
.connect.connect-marina {
margin-top: 300px;
}
.connect.connect-marina .layer-bg {
top: -300px;
}
.services-amenities .subtitle2 {
text-transform: none;
}
.service-amenity {
display: flex;
margin-bottom: 20px;
}
.service-amenity [class^=icon] {
flex: 0 0 51px;
background-position-x: left;
}
@media (min-width: 1024px) {
.service-amenity {
margin-bottom: 90px;
}
}
.service-amenity h5 {
font: bold 18px/24px "Lato";
text-transform: capitalize;
margin-bottom: 12px;
}
@media (max-width: 1023px) {
.service-amenity h5 {
font: bold 13px/19px "Lato";
letter-spacing: 0.65px;
}
}
@media (max-width: 1023px) {
.service-amenity p {
display: none;
}
}
.marina-service-carousel {
padding-top: 215px;
padding-bottom: 330px;
position: relative;
}
.marina-service-carousel .heading3 {
margin-bottom: 80px;
}
@media (min-width: 1024px) {
.marina-service-carousel img {
margin-right: 70px;
}
}
.marina-service-carousel .service-name {
margin-top: 24px;
font: normal normal 300 24px/29px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
text-transform: none;
}
@media (max-width: 1023px) {
.marina-service-carousel .service-name {
padding: 0 20px;
}
}
@media (min-width: 1024px) {
.marina-berths .heading3 .indent {
display: block;
margin-left: 100px;
}
}
.marina-berths .layer-bg {
top: 55px;
}
.services-facilities {
margin-top: 100px;
}
.services-facilities .subtitle2 {
text-transform: none;
}
@media (min-width: 1024px) {
.services-facilities .service-amenity {
margin-bottom: 55px;
}
}
.form-wrapper-embarkation .step-title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: none;
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.form-wrapper-embarkation .step-title {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (max-width: 1023px) {
.form-wrapper-embarkation .step-title {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #707070;
}
.form-wrapper-embarkation .step-title .btn {
margin-top: 24px;
}
}
@media (min-width: 1024px) {
.form-wrapper-embarkation .row {
margin-left: -28px;
margin-right: -28px;
}
.form-wrapper-embarkation .row [class^=col] {
padding-left: 28px;
padding-right: 28px;
}
}
.form-wrapper-embarkation .form-group {
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.form-wrapper-embarkation .form-group label {
font: normal normal normal 13px/24px Lato;
}
}
.form-wrapper-embarkation.final .steps + span {
margin-left: 20px;
display: inline-block;
}
@media (max-width: 1023px) {
.form-wrapper-embarkation.final .steps + span {
display: block;
margin: 0 0 40px;
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
}
}
@media (max-width: 1023px) {
.form-wrapper-embarkation.final label {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
}
.form-wrapper-embarkation input.form-control {
padding-top: 5px;
}
.form-wrapper-embarkation div.form-control {
padding: 5px 10px 10px;
font: 300 38px/46px "Lato";
}
@media (max-width: 1023px) {
.form-wrapper-embarkation div.form-control {
font: normal normal normal 15px/24px Lato;
padding-left: 0;
}
}
.form-wrapper-embarkation .phonenumber {
display: flex;
justify-content: space-between;
}
.form-wrapper-embarkation .phonenumber .select2-container {
flex: 0 0 150px;
}
.form-wrapper-embarkation .phonenumber .phone-container {
flex: 0 0 calc(100% - 180px);
}
@media (max-width: 1023px) {
.form-wrapper-embarkation .phonenumber .select2-container {
flex: 0 0 112px;
}
.form-wrapper-embarkation .phonenumber .phone-container {
flex: 0 0 calc(100% - 127px);
}
}
.form-wrapper-embarkation .select2-container--default .select2-selection--single {
height: 62px;
}
@media (max-width: 1023px) {
.form-wrapper-embarkation .select2-container--default .select2-selection--single {
height: 48px;
}
.form-wrapper-embarkation .select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 16%;
}
}
.form-wrapper-embarkation .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-top: 5px;
}
.form-wrapper-embarkation .form-actions-wrapper {
margin-top: 60px;
}
@media (min-width: 1024px) {
.form-wrapper-embarkation .form-actions-wrapper {
margin-top: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.form-wrapper-embarkation .form-actions-wrapper p {
flex: 0 0 57.0833%;
}
.form-wrapper-embarkation .form-actions-wrapper .form-actions {
margin-top: 0;
flex-direction: row;
}
@media (max-width: 1023px) {
.form-wrapper-embarkation .form-actions-wrapper .form-actions {
margin-top: 60px;
}
}
.form-wrapper-embarkation .form-actions-wrapper .form-actions a {
margin-right: 24px;
}
.form-wrapper-embarkation .form-actions-wrapper .form-actions a:last-child {
margin-right: 0;
}
.steps {
display: inline-block;
}
.steps li {
font: normal normal 100 70px/180px Lato;
color: #ADC5D1;
display: inline-block;
}
.steps li.active, .steps li.finish {
font: normal normal normal 70px/180px Lato;
color: #53ABB2;
}
.steps li:after {
display: block;
content: "";
width: 80px;
height: 1px;
background-color: #ADC5D1;
transform: rotate(-45deg) translate(52px, -36px);
margin: 0 20px;
}
.steps li:last-child:after {
display: none;
}
.steps + span {
display: none;
font: normal normal 300 38px/46px Lato;
color: #53ABB2;
}
.embarkation-step {
margin-bottom: 100px;
}
.dropdown {
margin-bottom: 50px;
}
.dropdown .dropdown-content {
display: none;
}
.dropdown h6 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 0;
border-bottom: 1px solid #253B44;
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: none;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.dropdown h6 .btn {
margin-top: 24px;
}
}
.dropdown.open .dropdown-content {
display: block;
}
.terms-conditions {
border-top: 1px solid #A7B0B3;
border-bottom: 1px solid #A7B0B3;
padding: 26px 0;
}
.terms-conditions h6 {
display: flex;
justify-content: space-between;
align-items: center;
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
text-transform: none;
}
@media (max-width: 1023px) {
.terms-conditions h6 {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
}
}
@media (min-width: 1024px) {
.embarkation-form-success {
max-width: 810px;
}
}
.embarkation-form-success h4 {
font: normal normal 300 38px/46px Lato;
color: #53ABB2;
margin-bottom: 50px;
text-transform: none;
}
@media (max-width: 1023px) {
.embarkation-form-success h4 {
font: normal normal bold 20px/28px Lato;
letter-spacing: -0.21px;
}
}
.embarkation-form-success p {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.embarkation-form-success p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.embarkation-form-success .link-more {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
display: flex;
align-items: center;
}
.embarkation-form-success .link-more [class^=icon] {
width: 14px;
height: 22px;
margin-left: 18px;
background-size: auto;
}
.embarkation-form-success .link-back-home {
margin-top: 60px;
}
.page-404 {
position: relative;
}
.page-404:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
background: url("../images/404/bg.png") center top/auto no-repeat;
bottom: 0;
z-index: -1;
}
@media (max-width: 1023px) {
.page-404:before {
background-size: 100%;
}
}
.page-404 .entry-header1 {
padding-top: 100px;
margin-bottom: 100px;
}
@media (max-width: 1023px) {
.page-404 .entry-header1 {
padding-top: 40px;
}
}
.page-404 .entry-header1 h2 {
font: normal normal 100 90px/108px Lato;
color: #FFFFFF;
text-shadow: 0px 5px 15px #1A546C;
text-transform: uppercase;
margin-bottom: 50px;
}
@media (max-width: 1023px) {
.page-404 .entry-header1 h2 {
font: normal normal 100 54px/65px Lato;
margin-bottom: 100px;
}
}
.page-404 .entry-header1 p {
font: normal normal 300 24px/42px Lato;
color: #FFFFFF;
text-shadow: 0px 5px 15px #1A546C;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.page-404 .entry-header1 p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin-bottom: 40px;
}
}
.page-404 .grid-404 {
position: relative;
}
.page-404 .grid-404 img {
display: block;
}
@media (max-width: 1023px) {
.page-404 .grid-404 a {
font: normal normal 300 24px/33px Lato;
letter-spacing: -0.26px;
color: #0F1E2B;
text-transform: none;
display: flex;
align-items: center;
margin-top: 24px;
margin-bottom: 40px;
}
.page-404 .grid-404 a [class^=icon] {
margin-left: 8px;
}
.page-404 .grid-404 a br {
display: none;
}
}
@media (min-width: 1024px) {
.page-404 .grid-404 {
display: flex;
margin: 0 100px;
}
.page-404 .grid-404 > div {
margin-left: 41%;
flex: 0 0 59%;
padding-left: 14px;
}
.page-404 .grid-404 > div .thumbnail {
margin-bottom: 14px;
}
.page-404 .grid-404 > div .thumbnail1 {
position: absolute;
left: 0;
width: 41%;
top: 50%;
transform: translateY(-50%);
}
.page-404 .grid-404 a {
font: normal normal 300 38px/46px Lato;
color: #0F1E2B;
text-transform: none;
margin-top: 20px;
display: flex;
align-items: flex-end;
}
.page-404 .grid-404 a [class^=icon] {
position: relative;
top: -12px;
margin-left: 8px;
}
.page-404 .grid-404 a.title {
text-align: right;
margin-bottom: 20px;
float: right;
}
}
.enquiry-numbers-emails label {
font: normal normal bold 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 10px;
display: block;
}
@media (max-width: 1023px) {
.enquiry-numbers-emails label {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 20px;
}
}
.enquiry-numbers-emails .links {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.enquiry-numbers-emails .links {
display: flex;
}
.enquiry-numbers-emails .links a {
margin-right: 24px;
}
.enquiry-numbers-emails .links a:last-child {
margin-right: 0;
}
}
.enquiry-numbers-emails .links a {
margin-bottom: 20px;
}
.enquiry-numbers-emails .links a span {
display: inline-block;
vertical-align: middle;
}
.enquiry-numbers-emails .links a [class^=icon] {
margin-right: 13px;
}
.leave-message {
margin-top: 150px;
}
@media (max-width: 1023px) {
.leave-message {
margin-top: 40px;
}
}
.leave-message .heading3 {
margin-bottom: 80px;
}
@media (min-width: 1024px) {
.leave-message .heading3 .indent {
display: block;
margin-left: 150px;
}
}
.leave-message h6 {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 40px;
text-transform: none;
}
@media (max-width: 1023px) {
.leave-message h6 {
font: normal normal bold 20px/28px Lato;
letter-spacing: -0.21px;
}
}
.find-us {
position: relative;
margin-top: 300px;
}
@media (max-width: 1023px) {
.find-us {
margin-top: 100px;
}
}
.find-us .heading3 {
margin-bottom: 20px;
}
.find-us .section {
margin-bottom: 100px;
}
@media (max-width: 1023px) {
.find-us .section {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
}
.find-us .section > .section-title {
margin-bottom: 0;
}
.find-us .section > .section-title + div {
display: none;
}
.find-us .section.open > .section-title {
margin-bottom: 24px;
}
.find-us .section.open > .section-title .more:before {
content: "-";
}
.find-us .section.open > .section-title + div {
display: block;
}
}
.find-us .section-title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 32px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
@media (max-width: 1023px) {
.find-us .section-title {
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.29px;
}
}
.find-us .section-title .more {
width: 24px;
height: 24px;
text-align: center;
position: absolute;
right: 0;
display: none;
}
@media (max-width: 1023px) {
.find-us .section-title .more {
display: inline-block;
}
}
.find-us .section-title .more:before {
font-size: 24px;
line-height: 1;
content: "+";
}
.find-us .info-type {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
margin-bottom: 12px;
}
.find-us .info-thumbnail {
margin-top: 40px;
}
@media (max-width: 1023px) {
.find-us .info-thumbnail {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -20px;
}
.find-us .info-thumbnail img {
display: block;
}
}
.address-traffic-info p {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 24px;
}
@media (max-width: 1023px) {
.address-traffic-info p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
.address-traffic-info .links a {
margin-bottom: 20px;
}
.address-traffic-info .links a:last-child {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.address-traffic-info > div {
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.address-traffic-info .links a {
margin-right: 24px;
}
.address-traffic-info .links a:last-child {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.address-traffic-info .info-thumbnail {
margin-right: -120px;
}
}
@media (min-width: 1024px) {
.parking-info {
padding: 0 80px;
}
}
.parking-info > .row {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
.parking-info p {
margin-bottom: 32px;
}
.transportation {
border-top: 1px solid #707070;
padding: 40px 0;
}
@media (max-width: 1023px) {
.transportation {
padding-top: 14px;
}
}
@media (min-width: 1024px) {
.transportation:last-child {
border-bottom: 1px solid #707070;
}
}
@media (min-width: 1024px) {
.transportation {
display: flex;
}
}
.transportation h2 {
flex: 0 0 270px;
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: none;
}
@media (max-width: 1023px) {
.transportation h2 {
font: normal normal bold 18px/24px Lato;
letter-spacing: 0px;
color: #253B44;
margin-bottom: 22px;
}
}
@media (min-width: 1024px) {
.transportation .specs {
display: flex;
}
}
@media (min-width: 1024px) {
.transportation .specs + p {
margin-top: 50px;
}
}
.transportation .specs p {
flex: 0 0 100%;
}
.transportation .spec {
flex: 0 0 350px;
}
@media (max-width: 1023px) {
.transportation .spec {
margin-bottom: 20px;
border-left: 2px solid #707070;
padding-left: 10px;
}
}
.transportation .spec h6 {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
margin-bottom: 12px;
}
@media (max-width: 1023px) {
.transportation .spec h6 {
margin-bottom: 10px;
}
}
.transportation .spec p {
margin-bottom: 10px;
}
@media (min-width: 1024px) {
.transportation .spec p {
white-space: nowrap;
}
}
.portlet {
position: relative;
overflow: visible;
}
.portlet:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: -1;
}
#membership-forms .portlet .dropdown h6 {
border: none;
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin: 0;
}
@media (min-width: 1024px) {
#membership-forms .portlet .dropdown h6 {
font: 300 24px/42px "Lato";
color: #0F1E2B;
margin-bottom: 13px;
padding: 0;
}
#membership-forms .portlet .dropdown h6 [class^=icon] {
display: none;
}
}
@media (max-width: 1023px) {
#membership-forms .portlet .dropdown {
margin-bottom: 0;
background: transparent;
}
#membership-forms .portlet .dropdown:before {
display: none;
}
#membership-forms .portlet .dropdown:last-child {
border-bottom: 1px solid #707070;
}
#membership-forms .portlet .dropdown h6 {
padding: 30px 0;
border-top: 1px solid #707070;
}
#membership-forms .portlet .dropdown .actions {
display: none;
}
#membership-forms .portlet .dropdown.open .actions {
display: block;
padding-bottom: 20px;
}
#membership-forms .portlet .dropdown.open h6 {
padding-bottom: 20px;
}
}
@media (min-width: 1024px) {
#membership-forms .portlet .dropdown {
margin-bottom: 40px;
}
}
#membership-forms .section {
margin-bottom: 60px;
}
@media (min-width: 1024px) {
#membership-forms .section {
margin-bottom: 100px;
}
}
#membership-forms .section .section-title {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
margin-bottom: 30px;
}
#membership-forms .form-group.yy-mm-dd .row {
margin-left: -10px;
margin-right: -10px;
}
#membership-forms .form-group.yy-mm-dd .row [class^=col] {
padding-left: 10px;
padding-right: 10px;
}
.agree-desc {
margin-bottom: 40px;
color: #253B44;
}
.agree-desc strong {
font-weight: 700;
}
@media (min-width: 1024px) {
.agree-desc {
max-width: 810px;
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
}
.agree-desc strong {
font-weight: 400;
}
}
.checkbox-agree-wrapper {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.checkbox-agree-wrapper {
margin-bottom: 100px;
}
}
.checkbox-agree-wrapper label {
font: normal normal 300 24px/35px Lato;
color: #0F1E2B;
}
.link-back-formlist {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
}
.entry-header .desc p {
font: normal normal normal 15px/24px Lato;
color: #253B44;
margin-bottom: 30px;
}
.entry-header .desc p strong {
font-weight: 700;
}
@media (min-width: 1024px) {
.entry-header .desc p {
max-width: 810px;
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 50px;
}
.entry-header .desc p strong {
font-weight: 400;
}
}
@media (min-width: 1024px) {
.entry-header .desc.desc1 p {
max-width: none;
}
}
.entry-header .desc ul {
list-style: disc;
font: normal normal 300 24px/42px Lato;
letter-spacing: 0px;
color: #0F1E2B;
margin-left: 25px;
}
@media (max-width: 1023px) {
.entry-header .desc ul {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.entry-header .desc ul li {
margin-bottom: 30px;
}
@media (min-width: 1024px) {
.entry-header .desc ul li {
margin-bottom: 50px;
}
}
.upload-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.upload-wrapper h6 {
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
text-transform: none;
}
@media (max-width: 1023px) {
.upload-wrapper h6 {
font: normal normal normal 15px/24px Lato;
color: #253B44;
}
}
.upload-wrapper h6 + a {
font: normal normal normal 15px/24px Lato;
text-decoration: underline;
color: #253B44;
}
.checkboxes-inline {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
padding-bottom: 4px;
}
@media (max-width: 1023px) {
.checkboxes-inline > div {
flex: 0 0 50%;
margin-bottom: 20px;
}
}
@media (min-width: 1024px) {
.checkboxes-inline > div {
margin-right: 50px;
}
.checkboxes-inline > div:last-child {
margin-right: 0;
}
}
.checkboxes-inline label {
font: normal normal 300 24px/35px Lato !important;
color: #0F1E2B;
white-space: nowrap;
}
.checkbox-special .checkbox-custom:checked + .checkbox-custom-label:after {
top: 14px;
left: 10px;
}
@media (max-width: 1023px) {
.checkbox-special {
font: normal normal 300 24px/35px Lato;
color: #0F1E2B;
}
.checkbox-special .checkbox-custom:checked + .checkbox-custom-label:after {
top: 10px;
}
}
.link-add-vehicle {
margin-top: 40px;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
text-transform: uppercase;
display: flex;
align-items: center;
}
.link-add-vehicle [class^=icon] {
margin-left: 12px;
}
.link-remove-vehicle {
margin-top: 30px;
margin-bottom: 40px;
display: inline-block;
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #53ABB2;
text-transform: uppercase;
}
.uploaded-file {
display: flex;
align-items: center;
font: normal normal normal 13px/24px Lato;
color: #A7B0B3;
}
.uploaded-file .link-remove-uploadfile {
margin-left: 8px;
}
.link-remove-uploadfile {
position: relative;
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #A7B0B3;
}
.link-remove-uploadfile:before {
position: absolute;
content: "";
width: 1px;
height: 8px;
background-color: #242424;
transform: rotate(-45deg);
top: 4px;
left: 7px;
}
.link-remove-uploadfile:after {
position: absolute;
content: "";
width: 1px;
height: 8px;
background-color: #242424;
transform: rotate(45deg);
top: 4px;
left: 7px;
}
.page-thankyou h4 {
font: normal normal 300 38px/46px Lato;
color: #53ABB2;
margin-bottom: 50px;
text-transform: none;
}
@media (max-width: 1023px) {
.page-thankyou h4 {
font: normal normal bold 20px/28px Lato;
letter-spacing: -0.21px;
color: #53ABB2;
}
}
.form-group > span {
display: none;
}
.form-group.has-error span {
display: block;
font: normal normal normal 15px/24px Lato;
color: #B25353;
}
.clone-original {
max-height: 0;
overflow: hidden;
transition: all 0.3s;
}
.clone-original .link-remove-vehicle {
display: none;
}
.clone-destination > div {
max-height: 1000px;
}
.clone-destination > div .link-remove-vehicle {
display: flex;
justify-content: space-between;
}
@media (min-width: 1024px) {
.clone-destination > div .link-remove-vehicle {
justify-content: flex-start;
}
}
.clone-destination > div .link-remove-vehicle [class^=icon] {
margin-left: 14px;
}
.rule-regulation {
background: transparent linear-gradient(43deg, #CADEE3 0%, #DBE4EA 51%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
border-radius: 4px 0px 0px 4px;
padding: 35px;
}
@media (max-width: 1023px) {
.rule-regulation {
margin-bottom: 40px;
}
}
.rule-regulation .thumbnail {
position: relative;
margin-bottom: 25px;
}
.rule-regulation .thumbnail h6 {
position: absolute;
bottom: 30px;
left: 30px;
right: 0;
font: 300 35px/42px "Lato";
text-transform: none;
}
.rule-regulation .actions {
text-align: center;
}
.download-centre-overview .title {
margin: 50px 0;
}
.download-centre .tabs-content {
padding: 60px 180px;
}
.download-centre .tabs-content > div {
display: none;
}
.download-centre .tabs-content h4 {
font: normal normal bold 28px/34px Lato;
letter-spacing: -0.3px;
color: #0F1E2B;
text-transform: none;
margin-bottom: 40px;
}
.download-centre .download-item {
display: flex;
align-items: center;
justify-content: space-between;
font: normal normal 300 24px/42px Lato;
color: #0F1E2B;
margin-bottom: 40px;
flex-wrap: wrap;
}
@media (max-width: 1023px) {
.download-centre .download-item {
font: normal normal normal 15px/24px Lato;
letter-spacing: 0px;
color: #253B44;
margin-bottom: 30px;
}
.download-centre .download-item span {
flex: 0 0 100%;
margin-bottom: 10px;
}
}
.download-centre .section {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
}
.download-centre .section h3 {
position: relative;
font: normal normal bold 20px/24px Lato;
letter-spacing: -0.21px;
color: #0F1E2B;
text-transform: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.download-centre .section h4 {
font: normal normal bold 13px/19px Lato;
letter-spacing: 0.65px;
color: #253B44;
padding: 20px 0;
border-top: 1px solid #707070;
}
.download-centre .section > div {
overflow: hidden;
height: 0;
transition: all 0.2s;
}
.download-centre .section .icon-plus {
width: 20px;
height: 20px;
}
.download-centre .section .icon-plus:before {
position: absolute;
content: "";
width: 20px;
height: 1px;
background-color: #0F1E2B;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1023px) {
.download-centre .section .icon-plus:before {
width: 14px;
}
}
.download-centre .section .icon-plus:after {
position: absolute;
content: "";
width: 20px;
height: 1px;
background-color: #0F1E2B;
top: 50%;
transform: rotate(90deg) translateY(-50%);
transition: all 0.2s;
}
@media (max-width: 1023px) {
.download-centre .section .icon-plus:after {
width: 14px;
}
}
.download-centre .section.open h3 {
margin-bottom: 35px;
}
.download-centre .section.open > div {
height: auto;
}
.download-centre .section.open .icon-plus:after {
visibility: hidden;
}
/*# sourceMappingURL=style.css.map */