@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(../fonts/poppins/poppins-v12-latin-300.eot);src:local("Poppins Light"),local("Poppins-Light"),url(../fonts/poppins/poppins-v12-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/poppins/poppins-v12-latin-300.woff2) format("woff2"),url(../fonts/poppins/poppins-v12-latin-300.woff) format("woff"),url(../fonts/poppins/poppins-v12-latin-300.ttf) format("truetype"),url(../fonts/poppins/poppins-v12-latin-300.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(../fonts/poppins/poppins-v12-latin-regular.eot);src:local("Poppins Regular"),local("Poppins-Regular"),url(../fonts/poppins/poppins-v12-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/poppins/poppins-v12-latin-regular.woff2) format("woff2"),url(../fonts/poppins/poppins-v12-latin-regular.woff) format("woff"),url(../fonts/poppins/poppins-v12-latin-regular.ttf) format("truetype"),url(../fonts/poppins/poppins-v12-latin-regular.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(../fonts/poppins/poppins-v12-latin-500.eot);src:local("Poppins Medium"),local("Poppins-Medium"),url(../fonts/poppins/poppins-v12-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/poppins/poppins-v12-latin-500.woff2) format("woff2"),url(../fonts/poppins/poppins-v12-latin-500.woff) format("woff"),url(../fonts/poppins/poppins-v12-latin-500.ttf) format("truetype"),url(../fonts/poppins/poppins-v12-latin-500.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(../fonts/poppins/poppins-v12-latin-600.eot);src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url(../fonts/poppins/poppins-v12-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/poppins/poppins-v12-latin-600.woff2) format("woff2"),url(../fonts/poppins/poppins-v12-latin-600.woff) format("woff"),url(../fonts/poppins/poppins-v12-latin-600.ttf) format("truetype"),url(../fonts/poppins/poppins-v12-latin-600.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(../fonts/poppins/poppins-v12-latin-700.eot);src:local("Poppins Bold"),local("Poppins-Bold"),url(../fonts/poppins/poppins-v12-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/poppins/poppins-v12-latin-700.woff2) format("woff2"),url(../fonts/poppins/poppins-v12-latin-700.woff) format("woff"),url(../fonts/poppins/poppins-v12-latin-700.ttf) format("truetype"),url(../fonts/poppins/poppins-v12-latin-700.svg#Poppins) format("svg")}@font-face{font-family:Cairo;font-style:normal;font-weight:400;src:url(../fonts/cairo/cairo-v9-arabic-regular.eot);src:local("Cairo Regular"),local("Cairo-Regular"),url(../fonts/cairo/cairo-v9-arabic-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/cairo/cairo-v9-arabic-regular.woff2) format("woff2"),url(../fonts/cairo/cairo-v9-arabic-regular.woff) format("woff"),url(../fonts/cairo/cairo-v9-arabic-regular.ttf) format("truetype"),url(../fonts/cairo/cairo-v9-arabic-regular.svg#Cairo) format("svg")}@font-face{font-family:Cairo;font-style:normal;font-weight:300;src:url(../fonts/cairo/cairo-v9-arabic-300.eot);src:local("Cairo Light"),local("Cairo-Light"),url(../fonts/cairo/cairo-v9-arabic-300.eot?#iefix) format("embedded-opentype"),url(../fonts/cairo/cairo-v9-arabic-300.woff2) format("woff2"),url(../fonts/cairo/cairo-v9-arabic-300.woff) format("woff"),url(../fonts/cairo/cairo-v9-arabic-300.ttf) format("truetype"),url(../fonts/cairo/cairo-v9-arabic-300.svg#Cairo) format("svg")}@font-face{font-family:Cairo;font-style:normal;font-weight:700;src:url(../fonts/cairo/cairo-v9-arabic-700.eot);src:local("Cairo Bold"),local("Cairo-Bold"),url(../fonts/cairo/cairo-v9-arabic-700.eot?#iefix) format("embedded-opentype"),url(../fonts/cairo/cairo-v9-arabic-700.woff2) format("woff2"),url(../fonts/cairo/cairo-v9-arabic-700.woff) format("woff"),url(../fonts/cairo/cairo-v9-arabic-700.ttf) format("truetype"),url(../fonts/cairo/cairo-v9-arabic-700.svg#Cairo) format("svg")}@font-face{font-family:Cairo;font-style:normal;font-weight:600;src:url(../fonts/cairo/cairo-v9-arabic-600.eot);src:local("Cairo SemiBold"),local("Cairo-SemiBold"),url(../fonts/cairo/cairo-v9-arabic-600.eot?#iefix) format("embedded-opentype"),url(../fonts/cairo/cairo-v9-arabic-600.woff2) format("woff2"),url(../fonts/cairo/cairo-v9-arabic-600.woff) format("woff"),url(../fonts/cairo/cairo-v9-arabic-600.ttf) format("truetype"),url(../fonts/cairo/cairo-v9-arabic-600.svg#Cairo) format("svg")}
:root {
--white: #FFF;
--blue: #20295C;
--blue-icon: #2D8DBC;
--orange: #F26F22;
--yellow: #FCB514;
--black: #000000;
--text-primary: #171717;
--text-dark: #4E4953;
--text-light: #A6A4A9;
--input-bg: #2B679F;
--facebook: #4267B2;
--twitter: #03A9F4;
--instagram: #912969;
--linkedin: #007BB6;
--youtube: #C03741;
--root-font: 16px;
--font-regular: 16px;
--font-small: 13px;
--font-extrasmall: 12px;
--primary-heading: 68px;
--secondary-heading: 40px;
--section-header: 24px;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--large-spacing: 100px;
--medium-spacing: 60px;
--small-spacing: 40px;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid transparent;
-webkit-text-fill-color: var(--text-dark);
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
body {
margin: 0;
padding: 0;
font-family: 'Poppins';
font-size: var(--root-font);
font-weight: 400;
letter-spacing: 0.35px;
color: var(--text-dark);
}
html:lang(ar) body {
direction: rtl;
text-align: right;
font-family: 'Cairo';
letter-spacing: 0;
}
a {
color: var(--text-dark);
border-bottom: none;
}
a:hover,
a:focus {
color: var(--text-dark);
text-decoration: none;
border-bottom: none;
}
a:focus, *:focus { outline: none; }
b,strong { font-weight: var(--font-weight-bold); }
ul,ol,
.text-formatted ul,
.text-formatted ol {
margin: 0;
padding: 0;
}
.text-blue { color: var(--blue) !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
line-height: 1.3;
font-weight: var(--font-weight-bold);
}
h5, h6 {
text-transform: none;
letter-spacing: inherit;
margin: 0;
}
p {
line-height: 1.4;
margin-bottom: 0;
}
.error {
margin-top: 3px;
font-size: 13px;
color: #e40b0b;
}
.required { color: red; }
.fix-height {
position: relative;
height: var(--large-spacing);
}
.paddingleft { padding-left: 7px; }
.paddingright { padding-right: 7px; }
.hide-product { display: none; }
.btn:focus,
button:focus {
outline: none;
box-shadow: none;
}
.btn-theme {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.btn-theme:hover,
.btn-theme:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.btn-theme-bordered {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
background: transparent;
border: 2px solid var(--orange);
}
.btn-theme-bordered:hover,
.btn-theme-bordered:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.btn-white {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
background: var(--white);
border: 2px solid var(--white);
}
.btn-white:hover,
.btn-white:focus {
color: var(--orange);
background: var(--white);
border: 2px solid var(--white);
}
.iti-mobile .iti--container {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
position: fixed;
width: calc(100% - 40px);
}
.container {
position: relative;
z-index: 1;
}
input:focus,
.form-control:focus {
outline: none;
box-shadow: none;
}
.form-control {
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
text-align: left;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
}
.form-control:focus {
outline: none;
box-shadow: none;
border-color: var(--blue);
}
.form-control.custom-select { background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px; }
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: middle;
line-height: 24px;
}
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-input:checked~.custom-control-label::before {
color: var(--white);
background: var(--orange);
border-color: var(--orange);
}
.title {
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 25px;
}
.title h3 {
font-size: var(--secondary-heading);
color: var(--blue);
line-height: normal;
}
.title h5 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-normal);
max-width: 950px;
margin-top: 5px;
}
.title a.seeall {
display: flex;
align-items: center;
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.title a.seeall i {
margin-inline-start: 3px;
vertical-align: 0px;
font-size: var(--font-extrasmall);
}
.title a.seeall:hover { color: var(--orange); }
.title .tag {
font-size: calc(var(--root-font)+8px);
font-weight: var(--font-weight-bold);
color: var(--orange);
}
.inner-banner {
display: flex;
align-items: flex-end;
position: relative;
height: 520px;
padding-bottom: 50px;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.inner-banner .container {
position: relative;
z-index: 2;
}
.inner-banner h1 {
position: relative;
font-size: var(--primary-heading);
color: var(--white);
}
.inner-banner .action-buttons .fav-flag,
.inner-banner .action-buttons .route-flag {
display: inline-block;
margin-inline-start: 7px;
width: 40px;
height: 40px;
line-height: 44px;
border-radius: 50%;
text-align: center;
cursor: pointer;
font-size: calc(var(--root-font) + 4px);
color: var(--white);
background: rgba(0, 0, 0, 0.4);
}
.inner-banner .action-buttons div:first-child { margin-inline-start: 0; }
.inner-banner .action-buttons .fav-flag.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.inner-banner .action-buttons .route-flag.blue-flag {
color: #004A8F;
background: #E5ECF4;
}
.inner-banner .inner-banner-content {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.inner-banner .rating { margin-top: 3px; }
.inner-banner .rating span { color: var(--white); }
.inner-banner .rating a,
.inner-banner .rating a:hover {
color: var(--white);
cursor: pointer;
}
.inner-banner:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 70%;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.page-node-type-vip-packs-landing .inner-banner { background-position: center right !important; }
html:lang(ar) .page-node-type-vip-packs-landing .inner-banner { background-position: center left !important; }
.slick-track {
margin-left: 0;
margin-right: auto;
}
.slick-slide img { margin: 0 auto; }
.slick-prev,
.slick-next {
font-size: 20px;
line-height: 0;
border-radius: 50%;
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
z-index: 10;
color: var(--orange);
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.slick-next:before,
.slick-prev:before { content: ""; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
color: var(--orange);
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.slick-prev { left: -60px; }
.slick-next { right: -60px; }
.slide.our-outlet-slider:focus {
outline: none;
box-shadow: none;
}
.slide.our-outlet-slider .cardbox:focus { outline: none; }
table {
font-family: inherit;
font-size: var(--root-font);
}
table tr th {
text-transform: uppercase;
padding: 7px;
color: var(--text-primary);
background: var(--white);
border-top: none;
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
table tr td,
table tr th {
vertical-align: top;
padding: 7px;
text-align: left;
background: var(--white);
border: none;
border-top: 1px solid rgba(78, 73, 83, 0.2);
}
header {
display: flex;
align-items: center;
height: 80px;
padding: 15px;
position: relative;
z-index: 15;
background: var(--blue);
}
header .header-items {
display: flex;
align-items: center;
justify-content: space-between;
}
header .header-items .left {
display: flex;
align-items: center;
}
header .header-items a#ExploreMenu {
display: block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
margin-inline-end: 10px;
}
header .header-items a.gv-logo {
display: block;
margin: 0;
}
header .header-items a.gv-logo img { width: 180px; }
header .header-items .right {
display: flex;
align-items: center;
}
header .header-items .right a {
position: relative;
margin: 0 10px;
color: var(--white);
}
header .header-items .right a img { width: 20px; }
header .header-items .right a .count {
position: absolute;
top: -10px;
right: -10px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 11px;
background: var(--orange);
}
header .header-items .right .btn {
margin-inline-start: 12px;
position: relative;
z-index: 10;
}
header .header-items .right .btn.btn-theme { min-width: 100px; }
header .header-items .right .dropdown { margin: 0 10px; }
header .header-items .right .user {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: var(--white);
cursor: pointer;
}
header .header-items .right .user img {
width: 36px;
flex: 0 0 36px;
height: 36px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
margin-inline-end: 10px;
}
header .header-items .right .user.dropdown-toggle::after {
display: inline-block;
margin-inline-start: 10px;
vertical-align: middle;
content: "\e90d";
font-family: 'icomoon';
border: none;
font-weight: normal;
font-size: 14px;
}
header .header-items .right .dropdown-menu { padding: 0 10px; }
header .header-items .right .dropdown-menu a.dropdown-item {
margin: 0;
padding: .6rem 0;
color: var(--text-dark);
font-size: 15px;
border-bottom: 1px solid #EEE;
}
header .header-items .right .dropdown-menu a.dropdown-item:last-child { border-bottom: none; }
header .header-items .right .dropdown-menu .dropdown-item:focus,
header .header-items .right .dropdown-menu .dropdown-item:hover,
header .header-items .right .dropdown-menu .dropdown-item.active,
header .header-items .right .dropdown-menu .dropdown-item:active {
color: var(--orange);
background: transparent;
}
header .header-items .right-mobile { display: none; }
header .header-items .right-mobile .buybutton {
min-width: 80px;
margin-inline-start: 10px;
}
header .header-items a.AddtoCartPopup {
position: relative;
margin: 0 10px;
color: var(--white);
}
@media (max-width: 767px) {
header .header-items a.AddtoCartPopup {
display: flex;
}
}
header .header-items a.AddtoCartPopup img { width: 20px; }
header .header-items a.AddtoCartPopup .count {
position: absolute;
top: -10px;
right: -10px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 11px;
background: var(--orange);
}
header .header-items .right .language-switcher-language-url ul.links {
font-size: 14px;
font-family: 'Cairo';
}
header .header-items .right .block-dropdown-language {
position: relative;
width: auto;
margin-inline-end: 40px;
}
header .header-items .right .block-dropdown-language .content {
position: absolute;
top: -8px;
left: 0;
z-index: 9;
}
header .header-items .right .dropbutton .dropbutton-action>* { margin-right: 0; }
header .header-items .right .dropbutton-multiple .dropbutton .dropbutton-action>* {
padding: 0;
margin: 0;
display: block;
text-align: start;
min-width: auto;
color: var(--white);
}
header .header-items .right .dropbutton-widget { color: var(--white); }
header .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton {
position: relative;
padding-right: 10px;
padding-left: 10px;
border-radius: 0 0 7px 7px;
background: var(--blue);
}
header .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton li:nth-child(3) { margin-top: 10px; }
header .header-items .right .dropbutton-widget .dropbutton-toggle {
width: 1em;
right: 12px;
color: var(--white);
}
header .header-items .right .dropbutton-arrow {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 24px;
margin: 0;
border: none;
line-height: 22px;
display: block;
overflow: hidden;
display: none;
}
header .header-items .right .dropbutton-arrow:after {
display: inline-block;
vertical-align: middle;
content: "\e90d";
font-family: 'icomoon';
border: none;
font-weight: normal;
font-size: 14px;
}
header .header-items .right .dropbutton .dropbutton-action>* { padding: 5px 0; }
header .header-items .right .dropbutton .secondary-action {
border-top-color: transparent;
margin: 0;
padding: 5px 0;
}
header .header-items .right .dropbutton-multiple.open .dropbutton-arrow {
top: 0;
border-top-color: transparent;
border-bottom: none;
}
header .header-items .right .dropbutton .dropbutton-action:hover,
header .header-items .right .dropbutton a:hover {
border-bottom: 0 none;
background: none;
color: var(--orange);
}
header .header-items .right .active-language {
background: url(../images/icons/globe.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 20px;
font-size: 0 !important;
}
.js .dropbutton-multiple .dropbutton-widget {
border: none;
background: none;
border-radius: 0;
margin: 0;
}
.js .dropbutton-toggle button { background: none; }
.dropbutton-multiple .dropbutton { border: none; }
.js .dropbutton-toggle .dropbutton-arrow:hover { background: none; }
.js-form-wrapper.form-wrapper em { display: none; }
.addtocart {
display: none;
position: absolute;
top: 75px;
right: 0;
z-index: 1050;
border-radius: 10px;
width: 500px;
background: var(--white);
}
.addtocart .content {
padding: 25px;
overflow: auto;
}
.addtocart .content h5 { margin-bottom: 15px; }
.addtocart .content h5 small {
font-size: var(--font-extrasmall);
color: var(--text-light);
margin: 0;
text-transform: none;
letter-spacing: initial;
}
.addtocart .content .remove-majlis-products {
position: relative;
top: 0;
left: 0;
font-size: 16px;
font-weight: 600;
display: inline-block;
float: right;
}
.addtocart .content .remove-majlis-products i {
font-size: 14px;
color: #f37021;
vertical-align: middle;
margin-inline-start: 3px;
}
.addtocart .content ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid #EBEBEB;
}
.addtocart .content ul li.raffle_message {
font-size: var(--font-small);
line-height: 1.2;
}
.addtocart .content ul li span {
display: block;
width: calc(100% - 240px);
flex: 0 0 calc(100% - 240px);
}
.addtocart .content ul li.raffle_message span{
width: 100%;
flex: 0 0 100%;
color: #f37021;
}
.addtocart .content ul li .quantity {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
flex: 0 0 100px;
}
.addtocart .content ul li .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.addtocart .content ul li .quantity button {
padding: 0;
width: 22px;
height: 22px;
flex: 0 0 22px;
border-radius: 50%;
line-height: 22px;
font-size: 10px;
text-align: center;
color: var(--white);
background: var(--orange);
border: 1px solid var(--orange);
}
.addtocart .content ul li .quantity button[disabled] {
color: #666;
background: #DDD;
border: 2px solid #DDD;
}
.addtocart .content ul li .quantity button#removeCabana {
margin-inline-start: 5px;
font-size: 10px;
line-height: initial;
color: transparent;
background: transparent;
border: none;
}
.addtocart .content ul li b {
display: block;
width: 100px;
flex: 0 0 100px;
margin-inline-start: 10px;
text-align: right;
}
.addtocart .content ul li:first-child { border-top: 1px solid #EBEBEB; }
.addtocart .content .total {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0;
}
.addtocart .content .total h5 { margin-bottom: 0; }
.addtocart .content .action-buttons {
display: flex;
align-items: center;
justify-content: space-between;
margin: -8px;
}
.addtocart .content .action-buttons .btn {
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
margin: 8px;
height: 44px;
line-height: 27px;
border-bottom: 2px solid var(--orange);
}
.addtocart .content:before {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid white;
content: "";
position: absolute;
top: -15px;
left: 65px;
}
.transparent-bg {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: var(--blue);
opacity: 0.5;
z-index: 12;
display: none;
}
.transparent-bg.active { display: block; }
.six-thumbnails, .five-thumbnails, .four-thumbnails, .view-press-releases .views-infinite-scroll-content-wrapper, .three-thumbnails, .two-thumbnails {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: -8px;
}
.six-thumbnails .list {
width: calc(16.66% - 16px);
flex: 0 0 calc(16.66% - 16px);
margin: 8px;
}
.five-thumbnails .cardbox, .five-thumbnails .content {
width: calc(20% - 16px);
margin: 8px;
}
.four-thumbnails .cardbox, .four-thumbnails-arrow .cardbox, .view-press-releases .views-infinite-scroll-content-wrapper .release-list {
width: calc(25% - 16px);
margin: 8px;
}
.four-thumbnails-arrow, .three-thumbnails-arrow, .view-todays-shows-and-events, .view-special-events-list .view-content, .two-thumbnails-arrow, .one-thumbnails-arrow, .view-id-vip_benefits .view-content, .features .five-thumbnails-arrow { margin: -8px; }
.three-thumbnails .cardbox, .three-thumbnails .menu-image, .three-thumbnails .offer-image, .three-thumbnails .wonderpass-image, .three-thumbnails-arrow .cardbox,
.view-todays-shows-and-events .cardbox, .view-special-events-list .view-content .cardbox {
width: calc(33.33% - 16px);
margin: 8px;
}
.two-thumbnails .list, .two-thumbnails-arrow .cardbox {
width: calc(50% - 16px);
margin: 8px;
}
.one-thumbnails-arrow .content {
width: calc(100% - 16px);
margin: 8px;
}
.two-thumbnails .list:focus { outline: none; }
.cardbox {
display: block;
position: relative;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.cardbox .tag {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
padding: 7px 15px;
border-radius: 3px;
font-size: var(--font-extrasmall);
font-weight: var(--font-weight-bold);
color: var(--blue);
background: rgba(255, 255, 255, 0.75);
}
.cardbox .cardbox-image {
position: relative;
display: block;
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.cardbox img.cardbox-image {
object-fit: cover;
object-position: center center;
}
.cardbox .cardbox-image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.cardbox .cardbox-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
max-width: none;
transition: all 0.25s ease-in-out;
}
.cardbox .cardbox-content { padding: 15px; }
.cardbox .cardbox-content small {
display: block;
margin-bottom: 3px;
font-size: calc(var(--root-font) + 1px);
color: var(--darkblue);
opacity: 0.5;
}
.cardbox .cardbox-content h4 {
width: 100%;
font-size: var(--section-header);
color: var(--text-primary);
margin-bottom: 10px;
line-height: 30px;
height: 60px;
overflow: hidden;
}
.cardbox .cardbox-content p {
/* min-height: max-content; */
min-height: 66px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.cardbox .cardbox-content .cardbox-content-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 10px;
}
.cardbox .cardbox-content .cardbox-content-header .shows-name { width: 100%; }
.cardbox .cardbox-content .cardbox-content-header .action-buttons {
max-width: 70px;
margin-inline-start: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.cardbox .cardbox-content .cardbox-content-header .action-buttons .fav-flag,
.cardbox .cardbox-content .cardbox-content-header .action-buttons .route-flag {
display: inline-block;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
cursor: pointer;
color: #DBDADC;
background: #FAFAFA;
}
.cardbox .cardbox-content .cardbox-content-header .action-buttons div:first-child { margin-inline-end: 2px; }
.cardbox .cardbox-content .cardbox-content-header .action-buttons .fav-flag.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.cardbox .cardbox-content .cardbox-content-header .action-buttons .route-flag.blue-flag {
color: #004A8F;
background: #E5ECF4;
}
.cardbox .cardbox-content .points ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0;
}
.cardbox .cardbox-content .points ul li {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
margin-top: 15px;
line-height: 15px;
color: var(--text-light);
}
.cardbox .cardbox-content .points ul li img {
width: 22px;
flex: 0 0 22px;
margin: 0 6px 0 0;
vertical-align: middle;
}
.cardbox:hover .cardbox-image img { transform: scale(1.1); }
.rating {
display: flex;
align-items: center;
}
.rating .star {
display: flex;
align-items: center;
}
.rating .star i {
vertical-align: baseline;
color: #D5D4D5;
}
.rating .star i:last-child { margin-inline-end: 0; }
.rating .star i.filled { color: var(--yellow); }
.stars {
--percent: calc(var(--rating) / 5 * 100%);
display: inline-block;
font-family: Poppins;
margin-inline-end: 5px;
}
.stars::before {
content: "\e929 \e929 \e929 \e929 \e929";
font-family: 'icomoon' !important;
background: linear-gradient(90deg, var(--yellow) var(--percent), #D5D4D5 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
vertical-align: text-top;
}
.rating span {
display: block;
font-weight: var(--font-weight-bold);
margin-inline-end: 5px;
}
.rating a, .rating a:hover {
color: var(--orange);
cursor: pointer;
}
.alert-slider {
padding: 12px 0;
position: relative;
background: #FFE6E9;
}
.alert-slider .slick-track {
display: flex;
}
.alert-slider .slick-track .slick-slide {
height: auto;
}
.alert-slider .alert-icon-image {
width: 50px;
margin: 0;
margin-inline-end: 15px;
}
.alert-slider a.closealert {
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 11;
}
.alert-slider .content {
display: flex;
align-items: flex-start;
width: calc(100% - 150px);
}
.alert-slider .content i {
margin-inline-end: 20px;
font-size: 50px;
color: #BE1525;
}
.alert-slider .content .alert_icon {
width: 50px;
flex: 0 0 50px;
margin-inline-end: 20px;
}
.alert-slider .content .alert_icon + div { flex: 1; }
.alert-slider .slide-count-wrap {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}
@media (max-width: 1024px) { .alert-slider .slick-prev, .alert-slider .slick-next, .alert-slider .slide-count-wrap { display: none !important; } }
@media (max-width: 767px) {
.alert-slider .content .alert_icon {
width: 40px;
flex: 0 0 40px;
margin-inline-end: 10px;
}
}
.alert-slider .content img {
width: 50px;
height: auto;
}
@media (max-width: 767px) { .alert-slider .content img { width: 40px; } }
.alert-slider .content h5 {
margin-bottom: 3px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.alert-slider .content .alert_description { color: var(--text-dark); }
.alert-slider .content p {
margin-bottom: 0;
display: inline-block;
font-size: 14px;
line-height: 1.3;
}
.alert-slider .content span {
font-size: var(--font-extrasmall);
color: var(--text-dark);
display: block;
margin-top: 3px;
}
.alert-slider .content a {
color: var(--orange);
text-decoration: underline;
}
.alert-slider .slick-prev, .alert-slider .slick-next {
font-size: 14px;
line-height: 32px;
border-radius: 50%;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
z-index: 10;
color: var(--white);
background: var(--orange);
box-shadow: none;
}
.alert-slider .slick-prev {
right: 90px;
left: auto;
}
.alert-slider .slick-next { right: 0px; }
.main-banner {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-attachment: fixed !important;
height: 100%;
width: 100%;
max-height: 1850px;
position: relative;
z-index: 1;
}
.main-banner .action-links { margin: 0; }
.main-banner .node__content {
margin-top: 0;
font-size: initial;
}
.main-banner .container {
position: relative;
z-index: 1;
}
.main-banner .main-banner-top {
display: flex;
align-items: center;
color: var(--white);
padding-top: 20px;
position: absolute;
top: 0;
left: 15px;
}
.main-banner .main-banner-top {
display: flex;
align-items: center;
color: var(--white);
padding-top: 20px;
}
.main-banner .main-banner-hours {
display: flex;
align-items: center;
color: var(--blue);
padding-top: 50px;
}
.main-banner .main-banner-top .weather {
display: flex;
align-items: center;
}
.main-banner .main-banner-top .weather .left {
display: flex;
align-items: center;
flex-direction: column;
margin-inline-end: 5px;
}
.main-banner .main-banner-top .weather .left img { width: 46px; }
.main-banner .main-banner-top .weather .left i {
font-size: 44px;
margin-inline-end: 3px;
vertical-align: 0;
color: var(--yellow);
}
.main-banner .main-banner-top .weather .right {
display: flex;
align-items: center;
flex-direction: column;
}
.main-banner .main-banner-top .weather .right h3 {
font-size: 44px;
line-height: 44px;
}
.main-banner .main-banner-top .opening-hours {
padding-inline-start: 15px;
margin-inline-start: 15px;
border-left: 1px solid var(--white);
}
.main-banner .main-banner-top .opening-hours h5 {
display: flex;
align-items: center;
position: relative;
line-height: normal;
margin-bottom: 4px;
}
.main-banner .main-banner-top .opening-hours h5 i {
margin-inline-end: 5px;
vertical-align: -3px;
font-size: 22px;
color: var(--yellow);
}
.main-banner .main-banner-top .opening-hours h5 img {
margin-inline-end: 5px;
vertical-align: -3px;
width: 24px;
}
.main-banner .main-banner-top .opening-hours .items { font-weight: var(--font-weight-semibold); }
.main-banner .carousel .carousel-item {
width: 100%;
height: auto;
overflow: hidden;
}
.main-banner .main-banner-text {
position: relative;
padding-top: 100px;
color: var(--white);
}
.main-banner .main-banner-text .text-top {
max-width: 645px;
color: #20295C;
}
@media (max-width: 576px) {
.main-banner .main-banner-text .text-top {
width: 100%;
}
}
.main-banner .main-banner-text .text-top h1 {
font-size: 4.25rem;
color: #20295C;
}
@media (max-width: 991px) {
.main-banner .main-banner-text .text-top h1 {
font-size: 2.5rem;
}
}
@media (max-width: 576px) {
.main-banner .main-banner-text .text-top h1 {
font-size: 1.5rem;
}
}
.main-banner .main-banner-text .text-top p {
font-size: 1rem;
color: #20295C;
line-height: 1.375rem;
}
.main-banner .carousel .carousel-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.main-banner .carousel .carousel-item img.responsive-image { display: none; }
@media (max-width: 575px) {
.main-banner .carousel .carousel-item img { display: none; }
.main-banner .carousel .carousel-item img.responsive-image { display: block; }
}
.main-banner .carousel .carousel-item video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
position: relative;
z-index: 14;
}
.main-banner .carousel .carousel-caption {
position: absolute;
right: 0;
bottom: 12%;
left: 0;
z-index: 10;
padding-top: 0;
padding-bottom: 0;
text-align: start;
color: var(--white);
}
.main-banner .carousel .carousel-indicators { margin-bottom: 10px; }
.main-banner .carousel .carousel-indicators li {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
opacity: 1;
border-top: none;
border-bottom: none;
}
.main-banner .carousel .carousel-indicators li.active {
background-color: #fff;
width: 14px;
background-color: var(--orange);
list-style-type: none;
-moz-border-radius: 7px;
-webkit-border-radius: 5px;
border: 1px solid var(--orange);
}
@media (max-width: 767px) {
.main-banner .carousel .carousel-indicators li {
width: 4px;
height: 4px;
}
.main-banner .carousel .carousel-indicators li.active { width: 12px; }
}
/* .main-banner .carousel-item:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
} */
.main-banner .carousel .carousel-caption .caption-content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.main-banner .carousel .carousel-caption h1 {
font-size: 54px;
margin-bottom: 20px;
color: var(--white);
max-width: 500px;
}
.main-banner .carousel .carousel-caption h4 {
font-size: 24px;
max-width: 550px;
}
.main-banner .carousel .carousel-caption h3 {
font-size: 2.875rem;
font-weight: var(--font-weight-semibold);
margin-top: 0.5rem;
}
.main-banner .carousel .carousel-caption h5 {
font-size: 1.625rem;
margin-top: 0.5rem;
font-weight: var(--font-weight-medium);
}
@media (max-width: 767px) {
.main-banner .carousel .carousel-caption h3 {
font-size: 1.125rem;
max-width: 100%;
font-weight: var(--font-weight-semibold);
}
.main-banner .carousel .carousel-caption h5 {
font-size: 1rem;
max-width: 100%;
font-weight: var(--font-weight-medium);
}
.main-banner .carousel .carousel-caption h5 span {
font-size: 0.75rem;
}
}
.main-banner .carousel .carousel-caption .btn-theme { margin-top: 1rem; }
.main-banner .carousel-control-prev, .main-banner .carousel-control-next { display: none; }
.main-banner .carousel-indicators { bottom: 15px; }
.features {
padding-top: var(--medium-spacing);
position: relative;
}
.features img.pattern1, .features img.pattern1-mobile {
position: absolute;
top: -275px;
left: -30px;
opacity: 0.2;
width: 800px;
}
@media (max-width: 991px) {
.features img.pattern1{
display: none;
}
.features img.pattern1-mobile{
top: -50px;
right: 0;
left: auto;
width: 100%;
z-index: 0;
}
}
@media (min-width: 992px) {
.features .pattern1-mobile{
display: none;
}
}
.features .cardbox {
cursor: pointer;
margin: 8px;
}
.features .cardbox .features-image {
height: max-content;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.features .cardbox .features-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.features .cardbox .features-name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 60px;
padding: 10px;
border-radius: 0 0 5px 5px;
line-height: 18px;
font-weight: var(--font-weight-semibold);
color: var(--white);
}
.features .cardbox .colorstyle1 { background: #2D8DBC; }
.features .cardbox .colorstyle2 { background: #61995A; }
.features .cardbox .colorstyle3 { background: #F26F22; }
.features .cardbox .colorstyle4 { background: #C03741; }
.features .cardbox .colorstyle5 { background: #20295C; }
.features .cardbox .colorstyle6 { background: #5bAACF; }
.features .cardbox:hover .features-image img { transform: scale(1.1); }
.top-features .cardbox .cardbox-content, .todays-shows .cardbox .cardbox-content, .similer-outlets .view-similar-outlets .cardbox .cardbox-content { min-height: 175px; }
.todays-shows .cardbox .cardbox-image .countdown-timer {
position: absolute;
bottom: 12px;
right: 12px;
padding: 10px 15px;
background: rgba(0, 0, 0, 0.75);
color: #FFF;
border-radius: 20px;
display: flex;
align-items: center;
}
.todays-shows .cardbox .cardbox-image .countdown-timer b { margin-inline-start: 3px; }
.todays-shows .cardbox .cardbox-image .countdown-timer i {
font-size: 20px;
margin-inline-end: 3px;
vertical-align: middle;
}
.plan-your-visit .cardbox .cardbox-content { min-height: 242px; }
.top-features {
padding-top: var(--medium-spacing);
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.view-special-events-list .view-content .cardbox-content { min-height: auto; }
.view-todays-shows-and-events .cardbox .cardbox-content .points ul li { display: none; }
.view-todays-shows-and-events .cardbox .cardbox-content .points ul li:first-child { display: flex; }
.similer-outlets .cardbox .cardbox-content .points ul li:first-child { display: flex; }
.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li:first-child {
display: flex;
width: 100%;
flex: 0 0 100%;
}
@media (max-width: 767px) {
.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li:first-child {
flex-direction: column;
align-items: flex-start;
}
}
.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-location {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
@media (max-width: 767px) {
.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-location {
margin-bottom: 7px;
width: 100%;
flex: 0 0 100%;
}
}
.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-time {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
@media (max-width: 767px) {
.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-time {
width: 100%;
flex: 0 0 100%;
}
}
.top-features img.pattern2, .top-features img.pattern2-mobile {
position: absolute;
top: 0;
right: 0px;
z-index: 1;
width: 375px;
}
@media (max-width: 1399px) {
.top-features img.pattern2 { width: 320px; }
}
@media (max-width: 1199px) {
.top-features img.pattern2{ width: 350px; }
}
@media (max-width: 1199px) {
.top-features img.pattern2{ width: 230px; }
}
@media (min-width: 992px) {
.top-features .pattern2-mobile{
display: none;
}
}
@media (max-width: 991px) {
.top-features img.pattern2{
display: none;
}
.top-features img.pattern2-mobile{
top: -55px;
width: 150px;
}
}
@media (max-width: 576px) {
.top-features img.pattern2-mobile { display: none; }
}
.top-features img.pattern3, .top-features img.pattern3-mobile {
position: absolute;
width: 100%;
top: 50%;
left: 0;
z-index: 0;
}
@media (min-width: 992px) {
.top-features .pattern3-mobile{
display: none;
}
}
@media (max-width: 991px) {
.top-features img.pattern3{
display: none;
}
}
.top-features .cardbox .cardbox-content h4 { color: var(--blue); }
.top-features .cardbox .cardbox-content .points ul li {
width: 100%;
flex: 0 0 100%;
}
.top-features .cardbox .cardbox-content .points ul li .venue-location {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
.top-features .cardbox .cardbox-content .points ul li .venue-time {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
.todays-shows {
padding-top: var(--medium-spacing);
position: relative;
}
.todays-shows .cardbox .cardbox-content h4 { color: var(--blue); }
.todays-shows .cardbox .cardbox-content .points ul li {
width: 100%;
flex: 0 0 100%;
}
.todays-shows .cardbox .cardbox-content .points ul li .venue-location {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
.todays-shows .cardbox .cardbox-content .points ul li .venue-time {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
justify-content: end;
}
.gv-wonders {
position: relative;
margin-top: var(--medium-spacing);
}
.gv-wonders img {
width: 100%;
height: auto;
}
.gv-wonders a {
min-width: 220px;
height: 50px;
background: transparent;
padding: 0.5rem 2.5rem;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
border-radius: 0.25rem;
line-height: 30px;
text-align: center;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.interactive-map img.pattern4 {
position: absolute;
top: 40px;
left: 0;
width: 160px;
}
@media (max-width: 1399px) {
.interactive-map img.pattern4{
top: 30px;
width: 120px;
}
}
@media (max-width: 991px) {
.interactive-map img.pattern4{
display: none;
}
}
.interactive-map {
padding-top: var(--large-spacing);
position: relative;
}
.interactive-map.home-spacing { padding-top: var(--large-spacing); }
.interactive-map .interactive-map-content {
background: #F9F9F9;
padding: 60px 0;
}
.interactive-map .interactive-map-content #africa:hover #angola,
.interactive-map .interactive-map-content #africa:hover #benin,
.interactive-map .interactive-map-content #africa:hover #burkina-faso,
.interactive-map .interactive-map-content #africa:hover #central-african,
.interactive-map .interactive-map-content #africa:hover #cote-dIvoire,
.interactive-map .interactive-map-content #africa:hover #cameroon,
.interactive-map .interactive-map-content #africa:hover #dem-congo,
.interactive-map .interactive-map-content #africa:hover #algeria,
.interactive-map .interactive-map-content #africa:hover #egypt,
.interactive-map .interactive-map-content #africa:hover #ethiopia,
.interactive-map .interactive-map-content #africa:hover #gabon,
.interactive-map .interactive-map-content #africa:hover #ghana,
.interactive-map .interactive-map-content #africa:hover #guinea,
.interactive-map .interactive-map-content #africa:hover #kenya,
.interactive-map .interactive-map-content #africa:hover #liberia,
.interactive-map .interactive-map-content #africa:hover #libya,
.interactive-map .interactive-map-content #africa:hover #morocco,
.interactive-map .interactive-map-content #africa:hover #madagascar,
.interactive-map .interactive-map-content #africa:hover #mali,
.interactive-map .interactive-map-content #africa:hover #mauritania,
.interactive-map .interactive-map-content #africa:hover #namibia,
.interactive-map .interactive-map-content #africa:hover #niger,
.interactive-map .interactive-map-content #africa:hover #nigeria,
.interactive-map .interactive-map-content #africa:hover #sudan,
.interactive-map .interactive-map-content #africa:hover #senegal,
.interactive-map .interactive-map-content #africa:hover #sierra-leone,
.interactive-map .interactive-map-content #africa:hover #chad,
.interactive-map .interactive-map-content #africa:hover #tunisia,
.interactive-map .interactive-map-content #africa:hover #tanzania,
.interactive-map .interactive-map-content #africa:hover #south-africa,
.interactive-map .interactive-map-content #africa:hover #somalia,
.interactive-map .interactive-map-content #africa:hover #botswana,
.interactive-map .interactive-map-content #africa:hover #ssudan,
.interactive-map .interactive-map-content #africa:hover #uganda,
.interactive-map .interactive-map-content #africa:hover #zambia,
.interactive-map .interactive-map-content #africa:hover #mozambique,
.interactive-map .interactive-map-content #africa:hover #zimbabwe,
.interactive-map .interactive-map-content #africa:hover #congo,
.interactive-map .interactive-map-content #africa:hover #djibouti,
.interactive-map .interactive-map-content #africa:hover #eritrea,
.interactive-map .interactive-map-content #africa:hover #gambia,
.interactive-map .interactive-map-content #africa:hover #guinea-bissau,
.interactive-map .interactive-map-content #africa:hover #guinea,
.interactive-map .interactive-map-content #africa:hover #lesotho,
.interactive-map .interactive-map-content #africa:hover #malawi,
.interactive-map .interactive-map-content #africa:hover #wsahara,
.interactive-map .interactive-map-content #africa:hover #swaziland,
.interactive-map .interactive-map-content #africa:hover #togo,
.interactive-map .interactive-map-content #africa.active #angola,
.interactive-map .interactive-map-content #africa.active #benin,
.interactive-map .interactive-map-content #africa.active #burkina-faso,
.interactive-map .interactive-map-content #africa.active #central-african,
.interactive-map .interactive-map-content #africa.active #cote-dIvoire,
.interactive-map .interactive-map-content #africa.active #cameroon,
.interactive-map .interactive-map-content #africa.active #dem-congo,
.interactive-map .interactive-map-content #africa.active #algeria,
.interactive-map .interactive-map-content #africa.active #egypt,
.interactive-map .interactive-map-content #africa.active #ethiopia,
.interactive-map .interactive-map-content #africa.active #gabon,
.interactive-map .interactive-map-content #africa.active #ghana,
.interactive-map .interactive-map-content #africa.active #guinea,
.interactive-map .interactive-map-content #africa.active #kenya,
.interactive-map .interactive-map-content #africa.active #liberia,
.interactive-map .interactive-map-content #africa.active #libya,
.interactive-map .interactive-map-content #africa.active #morocco,
.interactive-map .interactive-map-content #africa.active #madagascar,
.interactive-map .interactive-map-content #africa.active #mali,
.interactive-map .interactive-map-content #africa.active #mauritania,
.interactive-map .interactive-map-content #africa.active #namibia,
.interactive-map .interactive-map-content #africa.active #niger,
.interactive-map .interactive-map-content #africa.active #nigeria,
.interactive-map .interactive-map-content #africa.active #sudan,
.interactive-map .interactive-map-content #africa.active #senegal,
.interactive-map .interactive-map-content #africa.active #sierra-leone,
.interactive-map .interactive-map-content #africa.active #chad,
.interactive-map .interactive-map-content #africa.active #tunisia,
.interactive-map .interactive-map-content #africa.active #tanzania,
.interactive-map .interactive-map-content #africa.active #south-africa,
.interactive-map .interactive-map-content #africa.active #somalia,
.interactive-map .interactive-map-content #africa.active #botswana,
.interactive-map .interactive-map-content #africa.active #ssudan,
.interactive-map .interactive-map-content #africa.active #uganda,
.interactive-map .interactive-map-content #africa.active #zambia,
.interactive-map .interactive-map-content #africa.active #mozambique,
.interactive-map .interactive-map-content #africa.active #zimbabwe,
.interactive-map .interactive-map-content #africa.active #congo,
.interactive-map .interactive-map-content #africa.active #djibouti,
.interactive-map .interactive-map-content #africa.active #eritrea,
.interactive-map .interactive-map-content #africa.active #gambia,
.interactive-map .interactive-map-content #africa.active #guinea-bissau,
.interactive-map .interactive-map-content #africa.active #guinea,
.interactive-map .interactive-map-content #africa.active #lesotho,
.interactive-map .interactive-map-content #africa.active #malawi,
.interactive-map .interactive-map-content #africa.active #wsahara,
.interactive-map .interactive-map-content #africa.active #swaziland,
.interactive-map .interactive-map-content #africa.active #togo {
fill: #2D8DBC !important;
}
.interactive-map .interactive-map-content #america:hover #united-states,
.interactive-map .interactive-map-content #america:hover #mexico,
.interactive-map .interactive-map-content #america:hover #canada,
.interactive-map .interactive-map-content #america:hover #argentina,
.interactive-map .interactive-map-content #america:hover #bolivia,
.interactive-map .interactive-map-content #america:hover #brazil,
.interactive-map .interactive-map-content #america:hover #chile,
.interactive-map .interactive-map-content #america:hover #colombia,
.interactive-map .interactive-map-content #america:hover #ecuador,
.interactive-map .interactive-map-content #america:hover #guyana,
.interactive-map .interactive-map-content #america:hover #peru,
.interactive-map .interactive-map-content #america:hover #paraguay,
.interactive-map .interactive-map-content #america:hover #suriname,
.interactive-map .interactive-map-content #america:hover #uruguay,
.interactive-map .interactive-map-content #america:hover #venezuela,
.interactive-map .interactive-map-content #america:hover #french-guiana,
.interactive-map .interactive-map-content #america:hover #costa-rica,
.interactive-map .interactive-map-content #america:hover #cuba,
.interactive-map .interactive-map-content #america:hover #dominican,
.interactive-map .interactive-map-content #america:hover #guatemala,
.interactive-map .interactive-map-content #america:hover #honduras,
.interactive-map .interactive-map-content #america:hover #haiti,
.interactive-map .interactive-map-content #america:hover #jamaica,
.interactive-map .interactive-map-content #america:hover #nicaragua,
.interactive-map .interactive-map-content #america:hover #panama,
.interactive-map .interactive-map-content #america:hover #el-salvador,
.interactive-map .interactive-map-content #america:hover #bahamas,
.interactive-map .interactive-map-content #america.active #united-states,
.interactive-map .interactive-map-content #america.active #mexico,
.interactive-map .interactive-map-content #america.active #canada,
.interactive-map .interactive-map-content #america.active #argentina,
.interactive-map .interactive-map-content #america.active #bolivia,
.interactive-map .interactive-map-content #america.active #brazil,
.interactive-map .interactive-map-content #america.active #chile,
.interactive-map .interactive-map-content #america.active #colombia,
.interactive-map .interactive-map-content #america.active #ecuador,
.interactive-map .interactive-map-content #america.active #guyana,
.interactive-map .interactive-map-content #america.active #peru,
.interactive-map .interactive-map-content #america.active #paraguay,
.interactive-map .interactive-map-content #america.active #suriname,
.interactive-map .interactive-map-content #america.active #uruguay,
.interactive-map .interactive-map-content #america.active #venezuela,
.interactive-map .interactive-map-content #america.active #french-guiana,
.interactive-map .interactive-map-content #america.active #costa-rica,
.interactive-map .interactive-map-content #america.active #cuba,
.interactive-map .interactive-map-content #america.active #dominican,
.interactive-map .interactive-map-content #america.active #guatemala,
.interactive-map .interactive-map-content #america.active #honduras,
.interactive-map .interactive-map-content #america.active #haiti,
.interactive-map .interactive-map-content #america.active #jamaica,
.interactive-map .interactive-map-content #america.active #nicaragua,
.interactive-map .interactive-map-content #america.active #panama,
.interactive-map .interactive-map-content #america.active #el-salvador,
.interactive-map .interactive-map-content #america.active #bahamas {
fill: #2D8DBC !important;
}
.interactive-map .interactive-map-content #asia:hover #afghanistan,
.interactive-map .interactive-map-content #asia:hover #china,
.interactive-map .interactive-map-content #asia:hover #india,
.interactive-map .interactive-map-content #asia:hover #japan,
.interactive-map .interactive-map-content #asia:hover #korea,
.interactive-map .interactive-map-content #asia:hover #pakistan,
.interactive-map .interactive-map-content #asia:hover #thailand,
.interactive-map .interactive-map-content #asia:hover #vietnam,
.interactive-map .interactive-map-content #asia.active #afghanistan,
.interactive-map .interactive-map-content #asia.active #china,
.interactive-map .interactive-map-content #asia.active #india,
.interactive-map .interactive-map-content #asia.active #japan,
.interactive-map .interactive-map-content #asia.active #korea,
.interactive-map .interactive-map-content #asia.active #pakistan,
.interactive-map .interactive-map-content #asia.active #thailand,
.interactive-map .interactive-map-content #asia.active #vietnam {
fill: #2D8DBC !important;
}
.interactive-map .interactive-map-content #europe:hover #azerbaijan,
.interactive-map .interactive-map-content #europe:hover #russia,
.interactive-map .interactive-map-content #europe:hover #turkey,
.interactive-map .interactive-map-content #europe:hover #germany,
.interactive-map .interactive-map-content #europe:hover #france,
.interactive-map .interactive-map-content #europe:hover #azerbaijan,
.interactive-map .interactive-map-content #europe:hover #turkey,
.interactive-map .interactive-map-content #europe:hover #france,
.interactive-map .interactive-map-content #europe:hover #albania,
.interactive-map .interactive-map-content #europe:hover #austria,
.interactive-map .interactive-map-content #europe:hover #bulgaria,
.interactive-map .interactive-map-content #europe:hover #bosnia-herz,
.interactive-map .interactive-map-content #europe:hover #belarus,
.interactive-map .interactive-map-content #europe:hover #czech-rep,
.interactive-map .interactive-map-content #europe:hover #denmark,
.interactive-map .interactive-map-content #europe:hover #finland,
.interactive-map .interactive-map-content #europe:hover #greece,
.interactive-map .interactive-map-content #europe:hover #ireland,
.interactive-map .interactive-map-content #europe:hover #italy,
.interactive-map .interactive-map-content #europe:hover #lithuania,
.interactive-map .interactive-map-content #europe:hover #latvia,
.interactive-map .interactive-map-content #europe:hover #moldova,
.interactive-map .interactive-map-content #europe:hover #macedonia,
.interactive-map .interactive-map-content #europe:hover #montenegro,
.interactive-map .interactive-map-content #europe:hover #norway,
.interactive-map .interactive-map-content #europe:hover #poland,
.interactive-map .interactive-map-content #europe:hover #romania,
.interactive-map .interactive-map-content #europe:hover #serbia,
.interactive-map .interactive-map-content #europe:hover #slovakia,
.interactive-map .interactive-map-content #europe:hover #sweden,
.interactive-map .interactive-map-content #europe:hover #ukraine,
.interactive-map .interactive-map-content #europe:hover #russia,
.interactive-map .interactive-map-content #europe:hover #germany,
.interactive-map .interactive-map-content #europe:hover #belgium,
.interactive-map .interactive-map-content #europe:hover #switzerland,
.interactive-map .interactive-map-content #europe:hover #estonia,
.interactive-map .interactive-map-content #europe:hover #united-kingdom,
.interactive-map .interactive-map-content #europe:hover #croatia,
.interactive-map .interactive-map-content #europe:hover #hungary,
.interactive-map .interactive-map-content #europe:hover #luxembourg,
.interactive-map .interactive-map-content #europe:hover #netherlands,
.interactive-map .interactive-map-content #europe.active #azerbaijan,
.interactive-map .interactive-map-content #europe.active #turkey,
.interactive-map .interactive-map-content #europe.active #france,
.interactive-map .interactive-map-content #europe.active #albania,
.interactive-map .interactive-map-content #europe.active #austria,
.interactive-map .interactive-map-content #europe.active #bulgaria,
.interactive-map .interactive-map-content #europe.active #bosnia-herz,
.interactive-map .interactive-map-content #europe.active #belarus,
.interactive-map .interactive-map-content #europe.active #czech-rep,
.interactive-map .interactive-map-content #europe.active #denmark,
.interactive-map .interactive-map-content #europe.active #finland,
.interactive-map .interactive-map-content #europe.active #greece,
.interactive-map .interactive-map-content #europe.active #ireland,
.interactive-map .interactive-map-content #europe.active #italy,
.interactive-map .interactive-map-content #europe.active #lithuania,
.interactive-map .interactive-map-content #europe.active #latvia,
.interactive-map .interactive-map-content #europe.active #moldova,
.interactive-map .interactive-map-content #europe.active #macedonia,
.interactive-map .interactive-map-content #europe.active #montenegro,
.interactive-map .interactive-map-content #europe.active #norway,
.interactive-map .interactive-map-content #europe.active #poland,
.interactive-map .interactive-map-content #europe.active #romania,
.interactive-map .interactive-map-content #europe.active #serbia,
.interactive-map .interactive-map-content #europe.active #slovakia,
.interactive-map .interactive-map-content #europe.active #sweden,
.interactive-map .interactive-map-content #europe.active #ukraine,
.interactive-map .interactive-map-content #europe.active #russia,
.interactive-map .interactive-map-content #europe.active #germany,
.interactive-map .interactive-map-content #europe.active #belgium,
.interactive-map .interactive-map-content #europe.active #switzerland,
.interactive-map .interactive-map-content #europe.active #estonia,
.interactive-map .interactive-map-content #europe.active #united-kingdom,
.interactive-map .interactive-map-content #europe.active #croatia,
.interactive-map .interactive-map-content #europe.active #hungary,
.interactive-map .interactive-map-content #europe.active #luxembourg,
.interactive-map .interactive-map-content #europe.active #netherlands {
fill: #2D8DBC !important;
}
.interactive-map .interactive-map-content #middleeast:hover #united-arab-emirates,
.interactive-map .interactive-map-content #middleeast:hover #iran,
.interactive-map .interactive-map-content #middleeast:hover #kuwait,
.interactive-map .interactive-map-content #middleeast:hover #syria,
.interactive-map .interactive-map-content #middleeast:hover #yemen,
.interactive-map .interactive-map-content #middleeast:hover #lebanon,
.interactive-map .interactive-map-content #middleeast:hover #jordan,
.interactive-map .interactive-map-content #middleeast:hover #saudi-arabia,
.interactive-map .interactive-map-content #middleeast:hover #oman,
.interactive-map .interactive-map-content #middleeast:hover #iraq,
.interactive-map .interactive-map-content #middleeast.active #united-arab-emirates,
.interactive-map .interactive-map-content #middleeast.active #iran,
.interactive-map .interactive-map-content #middleeast.active #kuwait,
.interactive-map .interactive-map-content #middleeast.active #syria,
.interactive-map .interactive-map-content #middleeast.active #yemen,
.interactive-map .interactive-map-content #middleeast.active #lebanon,
.interactive-map .interactive-map-content #middleeast.active #jordan,
.interactive-map .interactive-map-content #middleeast.active #saudi-arabia,
.interactive-map .interactive-map-content #middleeast.active #oman,
.interactive-map .interactive-map-content #middleeast.active #iraq {
fill: #2D8DBC !important;
}
.interactive-map .interactive-map-content .pavilion-list {
margin-top: 30px;
position: relative;
text-align: center;
}
.interactive-map .interactive-map-content .pavilion-list ul {
width: 90%;
margin: 0 auto;
}
.interactive-map .interactive-map-content .pavilion-list ul .slick-track {
margin-left: auto;
margin-right: auto;
}
.interactive-map .interactive-map-content .pavilion-list ul li {
display: block;
text-align: center;
width: 20%;
}
.interactive-map .interactive-map-content .pavilion-list ul li a {
display: block;
color: var(--orange);
}
.interactive-map .interactive-map-content .pavilion-list ul li a .image {
height: 60px;
width: 60px;
border-radius: 50%;
margin: 0 auto;
}
.interactive-map .interactive-map-content .pavilion-list ul li a .image img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
}
.interactive-map .interactive-map-content .pavilion-list ul li a p {
margin-top: 12px;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
line-height: 18px;
}
.interactive-map .interactive-map-content .pavilion-list .slick-prev,
.interactive-map .interactive-map-content .pavilion-list .slick-next {
top: 7px;
transform: none;
color: var(--white);
background: var(--orange);
box-shadow: none;
}
.interactive-map .interactive-map-content .pavilion-list .slick-prev { left: -70px; }
.interactive-map .interactive-map-content .pavilion-list .slick-next { right: -70px; }
.interactive-map .interactive-map-content .pavilion-list:after {
content: "";
position: absolute;
width: 100%;
height: 4px;
top: 28px;
left: 0;
background: rgba(78, 73, 83, 0.1);
}
.interactive-map span {
display: block;
margin-top: 30px;
text-align: center;
}
.plan-your-visit img.pattern5 {
position: absolute;
top: -50px;
left: 0;
width: 450px;
}
@media (max-width: 1399px) {
.plan-your-visit img.pattern5{
width: 350px;
}
}
@media (max-width: 991px) {
.plan-your-visit img.pattern5{
display: none;
}
}
.plan-your-visit img.pattern6 {
position: absolute;
bottom: -200px;
right: 0;
width: 210px;
}
@media (max-width: 1199px) {
.plan-your-visit img.pattern6{
bottom: -120px;
}
}
@media (max-width: 1399px) {
.plan-your-visit img.pattern6{
width: 120px;
}
}
@media (max-width: 991px) {
.plan-your-visit img.pattern6 {
top: 0;
width: 100px;
}
}
@media (max-width: 576px) {
.plan-your-visit img.pattern6 {
top: 0;
width: 70px;
}
}
.slider>div:focus,
.slick-slide:focus { outline: none; }
.plan-your-visit {
padding-top: var(--medium-spacing);
position: relative;
}
.wonderpass-promotion {
margin-top: var(--large-spacing);
position: relative;
overflow: hidden;
}
.wonderpass-promotion.home-spacing { margin-top: var(--medium-spacing); }
.wonderpass-promotion .one-thumbnails-arrow { margin: 0; }
.wonderpass-promotion .one-thumbnails-arrow .content {
width: 100%;
flex: 0 0 100%;
margin: 0;
}
.wonderpass-promotion .content {
text-align: center;
color: var(--white);
height: 550px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
padding: 40px 0;
}
.wonderpass-promotion .content .field--type-text-with-summary { width: 100%; }
.wonderpass-promotion .content img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
}
.wonderpass-promotion .content .container {
position: relative;
z-index: 1;
}
.wonderpass-promotion .content h3 {
font-size: var(--primary-heading);
color: var(--yellow);
}
.wonderpass-promotion .content p {
font-size: calc(var(--root-font) + 4px);
line-height: 26px;
margin-top: 15px;
max-width: 750px;
margin: 0 auto;
}
.wonderpass-promotion .content .btn,
.wonderpass-promotion .content a {
display: block;
margin: 40px auto 0;
min-width: 220px;
max-width: max-content;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
padding: .5rem 2.5rem;
border-radius: 0.25rem;
color: var(--white);
background: transparent;
border: 2px solid var(--white);
}
.wonderpass-promotion .content .btn:hover,
.wonderpass-promotion .content a:hover {
color: var(--text-primary);
background: var(--white);
border: 2px solid var(--white);
}
.wonderpass-promotion .content .btn.btn-theme {
margin-top: 40px;
width: 220px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
padding: .5rem 2.5rem;
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.wonderpass-promotion .content:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(32, 41, 92, 0.6);
}
.wonderpass-promotion .slick-dotted.slick-slider { margin-bottom: 0; }
.wonderpass-promotion .slick-prev { left: 30px; }
.wonderpass-promotion .slick-next { right: 30px; }
.wonderpass-promotion .slick-dots { bottom: 10px; }
.wonderpass-promotion .slick-dots li { margin: 0; }
.wonderpass-promotion .slick-dots li button { padding: 0; }
.wonderpass-promotion .slick-dots li button:before {
font-size: 10px;
color: var(--white);
}
.wonderpass-promotion .slick-dots li.slick-active button:before { color: var(--white); }
.wonderpass-promotion.slick-dotted.slick-slider, .wonderpass-promotion.slick-dotted.slick-slider .view-content.slick-dotted.slick-slider { margin-bottom: 0; }
.vip-exclusive {
position: relative;
padding-top: var(--medium-spacing);
}
.vip-exclusive .five-thumbnails { justify-content: center; }
.vip-exclusive .cardbox .list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
min-height: 215px;
}
.vip-exclusive .cardbox .list img {
width: 120px;
margin-bottom: 10px;
}
.vip-exclusive .cardbox .list p {
font-weight: var(--font-weight-bold);
color: var(--text-dark);
}
.vip-exclusive .btn { margin-top: 30px; }
.learn-more-action {
padding-top: var(--small-spacing);
text-align: center;
}
.vip-exclusive img.pattern7 {
position: absolute;
bottom: -25%;
left: 0;
width: 250px;
}
@media (max-width: 1399px) {
.vip-exclusive img.pattern7{
width: 200px;
}
}
@media (max-width: 991px) {
.vip-exclusive img.pattern7 {
top : 130px;
bottom: 0;
width: 100px;
}
}
.learn-more-action a {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
border-radius: 0.25rem;
display: inline-block;
}
.tripadvisor {
padding-top: var(--medium-spacing);
position: relative;
}
.tripadvisor img.pattern8, .tripadvisor img.pattern8-mobile {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media (min-width: 992px) {
.tripadvisor img.pattern8-mobile{
display: none;
}
}
@media (max-width: 991px) {
.tripadvisor img.pattern8{
display: none;
}
.tripadvisor img.pattern8-mobile{
top: 50%;
}
}
.tripadvisor .content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 15px;
padding-inline-end: 30px;
border-radius: 15px;
background: #F6F6F7;
}
.tripadvisor .content .left {
width: 420px;
margin-inline-end: 30px;
}
.tripadvisor .content .left img.logo {
width: 280px;
margin-bottom: 5px;
}
.tripadvisor .content .left .tripadvisor-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/*Trip advisor rating*/
.tripadvisor-rating .trip-rating {
direction: ltr;
display: block;
position: relative;
width: 149px;
height: 35px;
background-size: 30px 30px;
background-repeat: repeat-x;
background-position: 0 0;
border-radius: 0;
background-image: url("data:image/svg+xml;utf8,");
}
.tripadvisor-rating .trip-rating:-moz-meter-optimum::-moz-meter-bar {
background-size: 30px 30px;
background-repeat: repeat-x;
background-position: 0 0;
background-image: url("data:image/svg+xml;utf8,");
}
.tripadvisor-rating .trip-rating::-webkit-meter-bar {
background: transparent;
border-radius: 0;
border: 0;
height: 35px;
}
.tripadvisor-rating .trip-rating::-webkit-meter-optimum-value {
background-color: transparent;
height: 100%;
background-size: 30px 30px;
background-repeat: repeat-x;
background-position: 0 0;
background-image: url("data:image/svg+xml;utf8,");
}
.tripadvisor .content .left .tripadvisor-rating h4 {
font-size: 40px;
margin-inline-end: 7px;
color: #00AF87;
}
.tripadvisor .content .left .tripadvisor-rating meter { margin-inline-end: 7px; }
.tripadvisor .content .left .tripadvisor-rating img {
margin-inline-end: 10px;
width: 150px;
}
.tripadvisor .content .left .tripadvisor-rating span {
padding: 0;
color: var(--text-primary);
}
.tripadvisor .content .left small {
display: block;
margin-bottom: 5px;
font-size: 100%;
color: var(--light-grey);
}
.tripadvisor .content .left a {
font-size: var(--root-font);
color: #00AF87;
}
.tripadvisor .content .right {
width: calc(100% - 480px);
padding: 20px;
border-radius: 12px;
background: var(--white);
}
.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description { }
.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description p {
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.tripadvisor .content .right .field--type-datetime {
margin-bottom: 3px;
color: var(--text-light);
font-size: 80%;
font-weight: var(--font-weight-normal);
}
.tripadvisor .content .right .field--name-field-gallery-images img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: center center;
}
.tripadvisor .content .right .user-details {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 15px;
}
.tripadvisor .content .right .user-details .user-name {
display: flex;
align-items: center;
justify-content: space-between;
}
.tripadvisor .content .right .user-details .userpic {
width: 50px;
flex: 0 0 50px;
border-radius: 50%;
overflow: hidden;
margin-inline-end: 10px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 50px;
margin-inline-end: 12px;
}
.tripadvisor .content .right .user-details h6 {
font-weight: var(--font-weight-normal);
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tripadvisor .content .right .user-details small {
display: block;
color: var(--text-light);
margin-top: 3px;
}
.tripadvisor .content .right .slick-prev {
background: none;
box-shadow: none;
width: auto;
height: auto;
left: -45px;
color: #00af87;
}
.tripadvisor .content .right .slick-next {
background: none;
box-shadow: none;
width: auto;
height: auto;
right: -45px;
color: #00af87;
}
.travelaward { padding-top: var(--medium-spacing); }
.travelaward .content {
display: flex;
align-items: center;
padding: 20px;
background: #F6F6F7;
}
.travelaward .content .left {
width: 45%;
margin-inline-end: 5%;
}
.travelaward .content .right { width: 50%; }
.travelaward .content .right h5 {
font-size: 18px;
margin-bottom: 10px;
color: var(--blue);
}
.sponsors {
padding-top: var(--medium-spacing);
position: relative;
}
.sponsors img.pattern9 {
position: absolute;
bottom: -95px;
right: 0;
width: 200px;
z-index: 1;
}
@media (max-width: 991px) {
.sponsors img.pattern9 {
width : 100px;
bottom: -40px;
}
}
.sponsors .cardbox {
padding: 10px;
text-align: center;
background: #F6F6F7;
box-shadow: none;
min-height: 200px;
}
.client-testimonial {
position: relative;
padding-top: var(--large-spacing);
}
.client-testimonial .testimonial { margin: -8px; }
.client-testimonial .testimonial .list {
margin: 8px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.client-testimonial .testimonial .list .content {
overflow: hidden;
min-height: 248px;
margin-bottom: 15px;
}
.client-testimonial .testimonial .list .content .image {
height: 200px;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.client-testimonial .testimonial .list .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.client-testimonial .testimonial .list .content p {
padding: 8px 8px 0;
font-size: var(--root-font);
min-height: 120px;
max-height: 120px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
@media (max-width: 1439px) {
.client-testimonial .testimonial .list .content p {
min-height: 109px;
max-height: 109px;
}
}
.client-testimonial .testimonial .list .user-details {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
}
.client-testimonial .testimonial .list .user-details .user-name {
display: flex;
align-items: center;
width: calc(100% - 40px);
flex: 0 0 calc(100% - 40px);
}
.client-testimonial .testimonial .list .user-details .userpic {
width: 40px;
flex: 0 0 40px;
border-radius: 50%;
overflow: hidden;
margin-inline-end: 10px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 40px;
}
.client-testimonial .testimonial .list .user-details h6 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: var(--font-weight-medium);
}
.client-testimonial .testimonial .list .user-details small {
display: block;
color: var(--text-light);
margin-top: 3px;
}
.client-testimonial .testimonial .list .user-details .social img { width: 30px; }
.client-testimonial .testimonial .list .user-details .social {
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
margin-inline-start: 10px;
color: var(--white);
}
.client-testimonial .testimonial .list .user-details .social.facebook { background: var(--facebook); }
.client-testimonial .testimonial .list .user-details .social.twitter { background: var(--twitter); }
.client-testimonial .testimonial .list .user-details .social.instagram { background: var(--instagram); }
.client-testimonial .testimonial .list .user-details .social.linkedin { background: var(--linkedin); }
.client-testimonial .testimonial .list .user-details .social.youtube { background: var(--youtube); }
.download-app {
margin-top: var(--large-spacing);
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 300px;
}
.download-app .container {
position: relative;
z-index: 1;
}
.download-app .content {
display: flex;
align-items: center;
height: 300px;
}
.download-app .content .title h5 {
max-width: none;
margin: 10px 0 7px;
}
.download-app .content img.mobileapp {
width: 270px;
flex: 0 0 270px;
margin-top: 160px;
margin-inline-start: 50px;
margin-inline-end: 50px;
}
.download-app .content>div {
flex: 1;
width: 100%;
}
.download-app .content .store-icon a { display: inline-block; }
.download-app .content .store-icon a img { width: 150px; }
.download-app .content .store-icon a:nth-child(1) { margin-inline-end: 10px; }
.download-app:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(45, 141, 188, 0.85);
}
.block .content { margin-top: 0; }
footer {
position: relative;
background: var(--blue);
}
footer .footer-top {
color: var(--white);
background: rgba(255, 255, 255, 0.1);
padding: 15px 0;
}
footer .footer-top .container { position: static; }
footer .footer-top .footer-top-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
footer .footer-top .footer-top-content .opening-hours>div {
display: flex;
align-items: flex-start;
flex: 1;
}
footer .footer-top .footer-top-content .opening-hours h6 {
display: flex;
align-items: center;
position: relative;
line-height: normal;
font-size: calc(var(--root-font) + 2px);
white-space: nowrap;
margin-inline-end: 12px;
min-width: 120px;
}
footer .footer-top .footer-top-content .opening-hours h6 img {
width: 22px;
margin-inline-end: 5px;
vertical-align: middle;
}
footer .footer-top .footer-top-content .opening-hours p span {
font-weight: var(--font-weight-semibold);
color: var(--yellow);
}
footer .footer-top .footer-top-content .opening-hours:last-child p { margin-bottom: 0 !important }
footer .footer-top .footer-top-content .accessibility {
font-weight: var(--font-weight-semibold);
white-space: nowrap;
width: 130px;
flex: 0 0 130px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
margin-inline-start: 20px;
position: relative;
}
footer .footer-top .footer-top-content .accessibility img {
width: 24px;
margin-inline-end: 5px;
vertical-align: middle;
}
footer .footer-top .footer-top-content .accessibility a {
display: inline-block;
color: var(--white);
}
footer .footer-top .footer-top-content .accessibility h6 {
font-size: calc(var(--root-font) + 1px);
text-align: start;
}
footer .footer-top .footer-top-content .accessibility .accessibility-icons {
position: absolute;
right: 0;
bottom: 40px;
border-radius: 5px;
min-width: 270px;
padding: 9px;
text-align: left;
background: rgba(0, 0, 0, .75);
display: none;
z-index: 1;
}
footer .footer-top .footer-top-content .accessibility .accessibility-icons:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0, 0, 0, .75);
content: "";
position: absolute;
bottom: -10px;
right: 45px;
}
footer .footer-top .footer-top-content .accessibility .accessibility-icons p { margin-bottom: 10px; }
footer .footer-top .footer-top-content .accessibility .accessibility-icons a {
display: inline-block;
margin: 0 5px;
cursor: pointer;
}
footer .footer-top .footer-top-content .accessibility .accessibility-icons a img {
margin-inline-end: 0;
width: 30px;
}
footer .footer-top .accessibility .accessibility-icons .resizeText{
margin: 20px 0;
width: 100%;
display: inline-flex;
list-style-type: none;
}
footer .footer-top .accessibility .accessibility-icons .resizeText li {
margin-inline-end: 15px;
cursor: pointer;
}
footer .footer-top .accessibility .accessibility-icons .resizeText li:last-child { margin-inline-end: 0; }
footer .footer-top .accessibility .resizeText li span {
padding: 5px 10px 5px 5px;
border-radius: 50%;
font-size: 18px;
color: var(--orange);
background: transparent;
border: 1px solid var(--orange);
}
footer .footer-top .accessibility .accessibility-icons .resizeText li:nth-child(2) span { padding: 5px 11px; }
footer .footer-top .accessibility .accessibility-icons .contrast-switch {
margin-top: 10px;
list-style-type: none;
}
footer .footer-top .accessibility .accessibility-icons .contrast-switch li {
margin: 5px 0;
text-align: start;
font-weight: var(--font-weight-normal);
}
footer .footer-top .accessibility .accessibility-icons .contrast-switch li .form-check-input{
position: absolute;
right: 20px;
}
footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio'] {
-webkit-appearance:none;
width:15px;
height:15px;
border:1px solid var(--orange);
border-radius:50%;
outline:none;
cursor: pointer;
}
footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio']:hover { box-shadow:0 0 1px 0px var(--orange) inset; }
footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio']:before {
content:'';
display:block;
width:60%;
height:60%;
margin: 20% auto;
border-radius:50%;
}
footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio']:checked:before { background:var(--orange); }
footer .footer-bottom {
padding: 50px 0 20px;
color: var(--white);
overflow: hidden;
position: relative;
}
footer .footer-bottom .container { position: static;}
footer .footer-bottom .footer-logo { text-align: center;}
footer .footer-bottom .footer-logo img { width: 160px; }
footer .footer-bottom .footer-title {
font-weight: var(--font-weight-semibold);
color: rgba(255, 255, 255, 0.5);
margin: 0 0 20px;
letter-spacing: initial;
text-transform: none;
}
footer .footer-bottom .quick-links li {
display: block;
padding: 0;
margin-bottom: 12px;
}
footer .footer-bottom .quick-links li:last-child { margin-bottom: 0; }
footer .footer-bottom .quick-links a { color: var(--white); }
footer .footer-bottom .contact-us p { margin-bottom: 15px; }
footer .footer-bottom .contact-us a {
font-weight: var(--font-weight-medium);
color: var(--white);
text-decoration: underline;
}
footer .footer-bottom .contact-us .btn {
padding: .4rem 2.5rem;
font-size: var(--font-regular);
font-weight: var(--font-weight-medium);
color: var(--white);
background: transparent;
border: 2px solid var(--white);
text-decoration: none;
}
footer .footer-bottom .news-letter form { position: relative; }
footer .footer-bottom .news-letter { margin-bottom: 30px; }
/* Change Autocomplete styles in Chrome*/
footer .footer-bottom .news-letter input:-webkit-autofill,
footer .footer-bottom .news-letter input:-webkit-autofill:hover,
footer .footer-bottom .news-letter input:-webkit-autofill:focus,
footer .footer-bottom .news-letter textarea:-webkit-autofill,
footer .footer-bottom .news-letter textarea:-webkit-autofill:hover,
footer .footer-bottom .news-letter textarea:-webkit-autofill:focus,
footer .footer-bottom .news-letter select:-webkit-autofill,
footer .footer-bottom .news-letter select:-webkit-autofill:hover,
footer .footer-bottom .news-letter select:-webkit-autofill:focus {
-webkit-text-fill-color: var(--white);
}
footer .footer-bottom .news-letter label {
font-weight: 500;
margin-bottom: 3px;
display: block;
}
footer .footer-bottom .news-letter .form-required:after { display: none; }
footer .footer-bottom .news-letter input,
footer .footer-bottom .newsletter-email {
height: 38px;
width: 100%;
border: none;
padding: 5px 100px 5px 6px;
letter-spacing: 0.35px;
border-radius: 3px;
color: var(--white);
background: rgba(255, 255, 255, 0.2);
margin: 0;
}
footer .footer-bottom .newsletter-email {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 28px;
}
footer .footer-bottom .news-letter .form-email::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
footer .footer-bottom .news-letter .form-email::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
footer .footer-bottom .news-letter .form-email::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
footer .footer-bottom .news-letter .form-email::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
footer .footer-bottom .news-letter .form-email::placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
footer .footer-bottom .news-letter .form-actions {
margin: 0;
padding: 0;
}
footer .footer-bottom .news-letter .form-actions .btn {
width: auto;
position: relative;
float: right;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
line-height: 26px;
padding: 5px 10px;
margin: 0;
border-radius: 0 3px 3px 0;
color: var(--white);
background: var(--orange);
font-family: inherit;
margin-top: -54px;
}
footer .footer-bottom .social ul {
display: flex;
align-items: center;
}
footer .footer-bottom .social ul li { display: block; }
footer .footer-bottom .social ul li a {
display: block;
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
font-size: calc(var(--root-font) + 4px);
color: var(--white);
}
footer .footer-bottom .social ul li a:hover { color: var(--orange); }
footer .footer-bottom .social ul li a svg {
width: 18px;
height: 18px;
vertical-align: 0;
}
footer .footer-bottom .social ul li a:hover svg path { fill: var(--orange); }
footer .footer-bottom .footer-links { margin-top: 80px; }
footer .footer-bottom .footer-links ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
footer .footer-bottom .footer-links ul li {
display: block;
padding: 0;
}
footer .footer-bottom .footer-links ul li:last-child { margin-inline-end: 0; }
footer .footer-bottom .footer-links a {
display: inline-block;
margin-inline-end: 30px;
color: var(--white);
}
footer .footer-bottom:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/resources/footer-bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.live-chat {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 11;
}
.live-chat a { display: block; }
.live-chat a img { width: 50px; }
.live-chat a.chat-image { display: block; }
.live-chat a.cart-image { display: none; }
#engt-container.engt-acquire .engt-launcher-buttons {
background-image: url(../images/icons/live-chat.svg) !important;
background-size: 50px 50px !important;
}
#engt-container .engt-launcher-button {
width: 50px;
height: 50px;
}
.login-section { padding: 60px 0; }
.login-section h4,
.login-section h1 {
font-size: var(--secondary-heading);
margin-bottom: 30px;
}
.login-section h5 {
font-size: calc(var(--root-font) + 4px);
margin-bottom: 10px;
}
.login-section p {
margin-bottom: 7px;
font-size: var(--font-small);
}
.login-section .form-item {
margin-top: 0;
margin-bottom: 20px;
}
.login-section .form-item label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--font-regular);
font-weight: var(--font-weight-regular);
cursor: auto;
}
.login-section .form-item input.form-text {
display: block;
width: 100%;
height: 44px;
margin: 0;
padding: 5px 12px;
font-size: var(--font-regular);
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.35px;
border-radius: 0.25rem;
color: var(--text-primary);
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(78, 73, 83, 0.15);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.login-section .form-item input.form-text:focus {
outline: none;
box-shadow: none;
border: 1px solid var(--blue);
}
.login-section .form-actions {
padding-top: 0;
margin: 0;
}
.login-section .btn,
.login-section input.form-submit {
min-width: 180px;
height: 44px;
margin-top: 40px;
line-height: 26px;
font-family: inherit;
margin-right: 0 !important;
}
.login-section input.form-submit:hover,
.login-section input.form-submit:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.login-section span.or, .create-account span.or {
display: block;
position: relative;
text-align: center;
margin: 25px 0;
}
.create-account span.or, .create-account .uae.pass, .create-account .sign-in {
max-width: 300px;
text-align: center;
}
.create-account .sign-in { margin-top: 1rem;}
@media (max-width: 576px) {
.create-account span.or, .create-account .uae.pass, .create-account .sign-in {
max-width: 100%;
}
}
.login-section span.or:before, .create-account span.or:before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 45%;
height: 1px;
background: rgba(0, 0, 0, 0.3);
}
.login-section span.or:after, .create-account span.or:after {
content: "";
position: absolute;
top: 12px;
right: 0;
width: 45%;
height: 1px;
background: rgba(0, 0, 0, 0.3);
}
.login-section .uae-pass { text-align: center; }
.login-section .uae-pass a { display: inline-block; }
.create-account .social-login {
max-width: 300px;
}
.create-account .social-login h5{
margin-bottom: 10px;
}
.login-section .social-login, .create-account .social-login {
margin-top: 40px;
text-align: center;
}
.login-section .social-login ul, .create-account .social-login ul {
display: flex;
align-items: center;
margin: -4px;
justify-content: center;
}
.login-section .social-login ul li, .create-account .social-login ul li {
display: block;
margin: 4px;
}
.login-section .social-login ul li a,
.create-account .social-login ul li a{ display: block; }
.login-section .social-login ul li a img,
.create-account .social-login ul li a img{ width: 46px; }
.login-section .js-form-item-forgot { margin: 0; }
.login-section a.forgot-password {
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
text-decoration: underline;
}
.login-section .signup-text { display: none; }
.login-section .not-account ul {
margin-bottom: 15px;
margin-top: 7px;
}
.login-section .not-account ul li {
display: flex;
align-items: baseline;
margin-bottom: 7px;
font-size: var(--font-small);
}
.login-section .not-account ul li:last-child { margin-bottom: 0; }
.login-section .not-account ul li i {
vertical-align: -3px;
width: 16px;
flex: 0 0 16px;
margin-inline-end: 10px;
color: #9C0;
}
.login-section .not-account ul li:last-child {
margin-top: 20px;
margin-bottom: 0;
}
.login-section .not-account ul li:last-child i { opacity: 0; }
.login-section hr {
border-top: 1px solid rgba(0, 0, 0, 0.3);
margin-top: 40px;
margin-bottom: 0;
}
.login-section .vip-pack { margin-top: 30px; }
.create-account { padding: var(--medium-spacing) 0 var(--large-spacing); }
.create-account .create-account-content { max-width: 1000px; }
.create-account .create-account-content h1 {
font-size: var(--secondary-heading);
margin-bottom: 30px;
color: var(--blue);
}
.create-account .create-account-content .user-register-form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 -15px;
}
.create-account .create-account-content .user-register-form .form-wrapper {
width: 50%;
flex: 0 0 50%;
padding: 0 15px;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.create-account .create-account-content .user-register-form .form-wrapper {
width: 100%;
flex: 0 0 100%;
}
}
.create-account .create-account-content .user-register-form .form-wrapper:nth-child(1) {
width: 130px;
flex: 0 0 130px;
margin-top: 30px;
padding-inline-end: 0;
padding-inline-start: 15px;
}
.create-account .create-account-content .user-register-form .form-wrapper:nth-child(4) {
width: calc(50% - 130px);
flex: 0 0 calc(50% - 130px);
padding-inline-start: 10px;
}
@media (max-width: 767px) {
.create-account .create-account-content .user-register-form .form-wrapper:nth-child(4) {
width: calc(100% - 130px);
flex: 0 0 calc(100% - 130px);
padding-inline-start: 10px;
}
}
.create-account .create-account-content .user-register-form .form-wrapper:nth-child(4) .form-item label { margin-inline-start: -125px; }
.create-account .create-account-content .user-register-form .form-wrapper:nth-child(7) { display: none; }
.create-account .create-account-content .user-register-form .form-wrapper .form-item { margin: 0; }
.create-account .create-account-content .user-register-form .form-wrapper .form-item label,
.create-account .create-account-content .user-register-form .form-wrapper h4.label {
display: block;
cursor: auto;
margin-bottom: 7px;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.create-account .create-account-content .user-register-form .field--name-field-gender-title label { display: none !important; }
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-text,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-select,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-date,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-email {
display: block;
width: 100%;
height: 44px;
margin: 0;
padding: 5px 12px;
font-size: var(--font-regular);
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.35px;
border-radius: 0.25rem;
color: var(--text-primary);
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(78, 73, 83, 0.15);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-text:focus,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-select:focus,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-date:focus {
outline: none;
box-shadow: none;
border: 1px solid var(--blue);
}
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}
.create-account .create-account-content .user-register-form .form-date {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.create-account .create-account-content .user-register-form .form-item-register-city {
width: 50%;
flex: 0 0 50%;
padding: 0 15px;
margin: 0;
margin-bottom: 25px;
}
.create-account .create-account-content .user-register-form .form-item-register-city .select2-container {
display: block;
width: 100% !important;
}
.create-account .create-account-content .user-register-form .form-item-register-city .select2-container .select2-selection--single {
disable: block;
width: 100%;
height: 44px;
padding: 5px 12px;
margin: 0;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.create-account .create-account-content .user-register-form .form-item-register-city .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 5px;
padding-right: 20px;
line-height: 34px;
color: #444;
}
.create-account .create-account-content .user-register-form .form-item-register-city .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
width: 34px;
line-height: 44px;
text-align: center;
}
.create-account .create-account-content .user-register-form .form-item-register-city .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: url(../images/icons/dropdown-orange.svg); }
.create-account .create-account-content .user-register-form .form-item-register-city .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.create-account .create-account-content .user-register-form #edit-account {
display: flex;
flex-wrap: wrap;
width: 100%;
flex: 0 0 100%;
padding: 0;
margin-bottom: 0;
}
.create-account .create-account-content .user-register-form #edit-account .js-form-item {
width: 50%;
flex: 0 0 50%;
padding: 0 15px;
margin-bottom: 25px;
}
.create-account .create-account-content .user-register-form #edit-account .js-form-item.js-form-item-pass {
position: relative;
}
.create-account .create-account-content .user-register-form #edit-account .js-form-item.js-form-item-pass .eye-icon {
position: absolute;
top: 38px;
right: 25px;
}
@media (max-width: 767px) {
.create-account .create-account-content .user-register-form #edit-account .js-form-item {
width: 100%;
flex: 0 0 100%;
}
}
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use,
.create-account .create-account-content .user-register-form #edit-simplenews--2 {
width: 100%;
flex: 0 0 100%;
padding: 0 15px;
margin: 0;
margin-bottom: 15px;
}
.create-account .create-account-content .user-register-form #edit-simplenews--2 legend { display: none; }
.create-account .create-account-content .user-register-form .form-item-submit-otp {
width: 50%;
flex: 0 0 50%;
margin: 0;
padding: 0 15px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.create-account .create-account-content .user-register-form .form-item-submit-otp {
width: 100%;
flex: 0 0 100%;
}
}
.create-account .create-account-content .user-register-form .form-item-submit-otp label {
display: block;
cursor: auto;
margin-bottom: 7px;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.create-account .create-account-content .user-register-form .form-item-submit-otp input {
display: block;
width: 100%;
height: 44px;
margin: 0;
padding: 5px 12px;
font-size: var(--font-regular);
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.35px;
border-radius: 0.25rem;
color: var(--text-primary);
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(78, 73, 83, 0.15);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item input,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item label,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer label {
position: relative;
cursor: pointer;
line-height: 20px;
margin: 0;
padding-inline-start: 30px;
font-weight: var(--font-weight-normal) !important;
}
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item label a,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer label a {
display: inline-block;
margin: 0 4px;
color: var(--orange);
}
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item label:before,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
position: absolute;
left: 0;
}
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item input:checked+label:before,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer input:checked+label:before { background-color: var(--orange); }
.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item input:checked+label:after,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.create-account .create-account-content .user-register-form .description .required {
color: #f23f3f;
margin-inline-end: 2px;
}
.create-account .create-account-content .user-register-form .description .icon-rightmark,
#password_rules .icon-rightmark {
display: none;
padding: 4px;
background: #008000;
border-radius: 50%;
color: #ffffff;
margin-inline-start: 5px;
font-size: 10px;
}
.create-account .create-account-content .user-register-form .description .icon-rightmark.active,
#password_rules.complete .icon-rightmark { display: inline-block; }
.create-account .create-account-content .user-register-form #edit-actions {
width: 100%;
flex: 0 0 100%;
padding: 0 15px;
margin: 0;
margin-top: 25px;
margin-bottom: 25px;
}
.create-account .create-account-content .user-register-form #edit-actions input {
margin: 0;
min-width: 150px;
height: 44px;
width: 300px !important;
font-family: Poppins;
color: var(--white);
background: var(--orange);
border: 1px solid var(--orange);
}
@media (max-width: 576px) {
.create-account .create-account-content .user-register-form #edit-actions input { width: 100% !important; }
}
.user-register-form #edit-simplenews--2--description {
display: none;
}
.create-account .create-account-content .sign-in a { color: var(--orange); }
.create-account .create-account-content .sign-in a strong { font-weight: var(--font-weight-semibold); }
.your-interest { padding: var(--medium-spacing) 0 var(--large-spacing); }
.your-interest .your-interest-content .back-arrow { margin-bottom: 40px; }
.your-interest .your-interest-content .back-arrow a {
display: flex;
align-items: center;
width: max-content;
color: var(--orange);
}
.your-interest .your-interest-content .back-arrow a svg {
width: 18px;
height: 18px;
margin-inline-end: 15px;
vertical-align: middle;
}
.your-interest .your-interest-content .back-arrow span {
font-size: 20px;
font-weight: var(--font-weight-semibold);
}
.your-interest .your-interest-content h3 {
font-size: 28px;
font-weight: var(--font-weight-semibold);
margin-bottom: 50px;
}
.your-interest .your-interest-content .interest-list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin: -12px;
}
.your-interest .your-interest-content .interest-list .card {
display: inline;
width: calc(20% - 24px);
flex: 0 0 calc(20% - 24px);
margin: 12px;
border-radius: 8px;
background: var(--white);
border: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.your-interest .your-interest-content .interest-list .card {
width: calc(33.3% - 24px);
flex: 0 0 calc(33.3% - 24px);
display: inline;
}
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card {
display: block;
width: calc(100% - 24px);
flex: 0 0 calc(100% - 24px);
}
}
.your-interest .your-interest-content .interest-list .card .card-header {
min-height: 150px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
border-radius: 8px 8px 0 0;
color: var(--white);
border-bottom: none;
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-header {
min-height: auto;
flex-direction: row;
justify-content: flex-start;
padding: 10px;
padding-inline-end: 15px;
border-radius: 8px;
}
.your-interest .your-interest-content .interest-list .card .card-header.show { border-radius: 8px 8px 0 0; }
}
.your-interest .your-interest-content .interest-list .card .card-header.card-yellow { background-color: #FCB514; }
.your-interest .your-interest-content .interest-list .card .card-header.card-blue { background-color: #004A8F; }
.your-interest .your-interest-content .interest-list .card .card-header.card-red { background-color: #C45243; }
.your-interest .your-interest-content .interest-list .card .card-header.card-light-blue { background-color: #127DB0; }
.your-interest .your-interest-content .interest-list .card .card-header.card-orange { background-color: #F26F22; }
.your-interest .your-interest-content .interest-list .card .card-header .card-title {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 0;
width: 100%;
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-header .card-title { justify-content: space-between; }
}
.your-interest .your-interest-content .interest-list .card .card-header .card-type {
width: 74px;
height: 74px;
margin: 0 auto;
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-header .card-type {
width: 40px;
height: 40px;
margin: 0;
margin-inline-end: 10px;
}
}
.your-interest .your-interest-content .interest-list .card .card-header .card-title h4 {
font-size: 18px;
font-weight: var(--font-weight-medium);
margin-top: 12px;
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-header .card-title h4 { font-size: 16px; }
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-header .card-title h4 { margin-top: 0; }
}
.your-interest .your-interest-content .interest-list .card .card-header .card-title img { display: none; }
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-header .card-title img {
width: 14px;
height: auto;
display: block;
margin-inline-start: 10px;
}
}
.your-interest .your-interest-content .interest-list .card .card-body {
padding: 0;
margin: 12px 0;
}
.your-interest .your-interest-content .interest-list .card .card-body ul {
padding: 0;
margin: 0;
}
.your-interest .your-interest-content .interest-list .card .card-body ul li {
display: block;
padding: 7px 12px;
}
@media (max-width: 767px) {
.your-interest .your-interest-content .interest-list .card .card-body ul li {
padding: 16px;
border-bottom: 1px solid #DDD;
}
.your-interest .your-interest-content .interest-list .card .card-body ul li:last-child { border-bottom: 0; }
}
.your-interest .your-interest-content .interest-list .card .card-body ul li input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.your-interest .your-interest-content .interest-list .card .card-body ul li label {
display: inline-block;
position: relative;
cursor: pointer;
line-height: 20px;
margin: 0;
font-size: 14px;
font-weight: var(--font-weight-normal);
}
.your-interest .your-interest-content .interest-list .card .card-body ul li label:before {
content: '';
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
}
.your-interest .your-interest-content .interest-list .card .card-body ul li input:checked+label:before { background-color: var(--orange); }
.your-interest .your-interest-content .interest-list .card .card-body ul li input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.your-interest .your-interest-content .save-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}
@media (max-width: 576px) {
.your-interest .your-interest-content .save-button { flex-direction: column-reverse; }
}
.your-interest .your-interest-content .save-button .skip-link {
font-size: var(--root-font);
font-weight: var(--medium-font);
color: var(--orange);
z-index: 50;
left: 0;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border-bottom-width: 0;
border-radius: 0;
outline: 0;
line-height: initial;
color: var(--orange);
background: transparent;
font-family: 'Poppins';
}
.your-interest .your-interest-content .save-button .btn-theme {
min-width: 140px;
height: 2.75rem;
letter-spacing: 0.35px;
font-weight: var(--font-weight-semibold);
}
@media (max-width: 576px) {
.your-interest .your-interest-content .save-button .btn-theme { margin-bottom: 20px; }
}
.your-interest .your-interest-content .save-button .btn-theme:hover {
background: var(--blue);
border: 2px solid var(--blue);
}
@media (max-width: 576px) {
.your-interest .your-interest-content .save-button .btn-theme { min-width: 100%; }
}
.forgotpassword-section, .resetpassword-section { padding: 40px 0; }
.forgotpassword-section h4, .resetpassword-section h4 { font-size: var(--secondary-heading); }
.forgotpassword-section p {
margin-top: 10px;
margin-bottom: 30px;
}
.resetpassword-section h4 { margin-bottom: 30px; }
.resetpassword-section p {
font-size: 14px;
margin-top: 5px;
}
.forgotpassword-section .form-item, .resetpassword-section .form-item {
margin-top: 0;
margin-bottom: 0;
}
.forgotpassword-section .form-item,
.resetpassword-section .form-item.js-form-item-pass-pass1,
.resetpassword-section .form-item.js-form-item-pass-pass2 {
margin-bottom: 15px;
position: relative;
}
.resetpassword-section .form-item.js-form-item-pass-pass1 .eye-icon,
.resetpassword-section .form-item.js-form-item-pass-pass2 .eye-icon {
position: absolute;
top: 35px;
right: 15px;
}
.forgotpassword-section .form-item label, .resetpassword-section .form-item label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--font-regular);
font-weight: var(--font-weight-regular);
cursor: auto;
}
.forgotpassword-section .form-item input.form-text, .resetpassword-section .form-item input.form-text {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
margin: 0;
}
.forgotpassword-section .form-actions, .resetpassword-section .form-actions {
padding-top: 0;
margin: 0;
}
.forgotpassword-section .form-actions input.form-submit, .resetpassword-section .form-actions input.form-submit {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
height: 44px;
width: 100%;
line-height: 26px;
font-family: inherit;
border-radius: 0.25rem;
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.resetpassword-section .form-actions input.form-submit { margin-top: 30px; }
.forgotpassword-section .form-actions input.form-submit:hover,
.forgotpassword-section .form-actions input.form-submit:focus,
.resetpassword-section .form-actions input.form-submit:hover,
.resetpassword-section .form-actions input.form-submit:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.resetpassword-section .password-strength__meter { height: 6px; }
.resetpassword-section .password-strength__title, .resetpassword-section .password-strength__text, .resetpassword-section .password-confirm { font-size: 14px; }
.resetpassword-section .js-password-confirm { margin-bottom: 15px; }
.change-password-section { padding: 60px 0; }
.change-password-section h4 {
font-size: var(--secondary-heading);
margin-bottom: 30px;
}
.change-password-section .form-item {
margin-top: 0;
margin-bottom: 0;
}
.change-password-section .form-item.form-item-gv-old-password,
.change-password-section .form-item.form-item-gv-new-password {
position: relative;
}
.change-password-section .form-item.form-item-gv-old-password .eye-icon,
.change-password-section .form-item.form-item-gv-new-password .eye-icon {
position: absolute;
top: 35px;
right: 20px;
}
.change-password-section .form-item label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--font-regular);
font-weight: var(--font-weight-regular);
cursor: auto;
}
.change-password-section .form-item .form-text {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
margin: 0;
}
.change-password-section input.form-submit {
margin-right: 0;
height: 44px;
width: 100%;
line-height: 26px;
font-family: inherit;
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
border-radius: 0.25rem;
margin-top: 20px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
}
.change-password-section input.form-submit:hover,
.change-password-section input.form-submit:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
/* Update Profile */
.profile .my-profile .update-profile .padding-right { padding-right: 30px; }
@media (max-width: 767px) {
.profile .my-profile .update-profile .padding-right { padding-right: 15px; }
}
.profile .my-profile .update-profile .padding-left { padding-left: 30px; }
@media (max-width: 767px) {
.profile .my-profile .update-profile .padding-left { padding-left: 15px; }
}
.profile .my-profile .update-profile .form-group { margin-bottom: 25px; }
.profile .my-profile .update-profile .required { color: red; }
.profile .my-profile .update-profile .form-group label {
display: inline-block;
margin-bottom: 7px;
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.profile .my-profile .update-profile .form-group input {
height: 44px;
padding: 5px 12px;
margin: 0;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.profile .my-profile .update-profile .form-group .nameprefix {
display: flex;
align-items: center;
}
.profile .my-profile .update-profile .form-group .nameprefix select { width: 120px; }
.profile .my-profile .update-profile .form-group .nameprefix input {
width: calc(100% - 130px);
margin-inline-start: 10px;
}
.profile .my-profile .update-profile .form-group select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}
.profile .my-profile .update-profile .form-group #edit-field-user-date-of-birth-0,
.profile .my-profile .update-profile .form-group #edit-field-user-date-of-birth-0-value-date {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.profile .my-profile .update-profile .form-group .select2-container {
display: block;
width: 100% !important;
}
.profile .my-profile .update-profile .form-group .select2-container .select2-selection--single {
disable: block;
width: 100%;
height: 44px;
padding: 5px 12px;
margin: 0;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.profile .my-profile .update-profile .form-group .select2-container .select2-selection--single .select2-selection__clear span {
display: none;
}
.profile .my-profile .update-profile .form-group .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 5px;
padding-right: 20px;
line-height: 34px;
color: #444;
}
.profile .my-profile .update-profile .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
width: 34px;
line-height: 44px;
text-align: center;
}
.profile .my-profile .update-profile .form-group .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: url(../images/icons/dropdown-orange.svg); }
.profile .my-profile .update-profile .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.profile .my-profile .update-profile .update-profile-button {
margin-top: 40px;
text-align: end;
}
.profile .my-profile .update-profile .update-profile-button .form-actions {
margin: 0;
padding: 0;
}
.profile .my-profile .update-profile .update-profile-button .btn-theme {
min-width: 180px;
height: 44px;
margin: 0 !important;
font-family: 'Poppins';
}
.profile .my-profile .update-profile .update-profile-button .btn-theme:hover,
.profile .my-profile .update-profile .update-profile-button .btn-theme:focus {
background: var(--blue);
border: 2px solid var(--blue);
}
.profile .my-profile .update-profile .js-form-type-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.profile .my-profile .update-profile .js-form-type-checkbox label {
position: relative;
cursor: pointer;
line-height: 20px;
}
.profile .my-profile .update-profile .js-form-type-checkbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
}
.profile .my-profile .update-profile .js-form-type-checkbox input:checked+label:before { background-color: var(--orange); }
.profile .my-profile .update-profile .js-form-type-checkbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 2.6px;
left: 6.4px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.profile .my-profile .update-profile .js-form-type-checkbox label a {
color: #FF6000;
}
@media (max-width: 576px) {
.profile .profile-section {
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
}
.region.region-popup-blocks {
position: relative;
z-index: 1050;
}
.menu {
display: none;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1050;
padding: 60px 0;
background: url(../images/resources/popup-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: left bottom;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
overflow: auto;
}
.menu a.CloseMenu {
position: fixed;
top: 25px;
right: 25px;
font-size: 26px;
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
z-index: 10;
color: var(--white);
}
.menu.active {
display: flex;
flex-direction: column;
}
.menu-content {
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.menu-content .mobile-menu {
display: none;
margin-bottom: 40px;
}
.menu-content .mobile-menu a {
color: var(--white);
font-size: calc(var(--root-font) + 2px) !important;
font-weight: var(--font-weight-semibold);
}
.menu-content h3 {
margin-bottom: 40px;
font-size: var(--secondary-heading);
color: var(--white);
}
.menu-content .searchbox {
position: relative;
width: 600px;
margin-bottom: 40px;
}
.menu-content .searchbox i.icon-search {
position: absolute;
top: 5px;
left: 0;
color: var(--yellow);
}
.menu-content .searchbox .form-item {
margin-top: 0;
margin-bottom: 0;
}
.menu-content .searchbox label { display: none; }
.menu-content .searchbox input {
width: 100%;
padding: 0 25px 10px;
margin: 0;
color: var(--white);
border: none;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.menu-content .searchbox a {
position: absolute;
top: 0;
right: 0;
color: var(--white);
}
.menu-content .searchbox a img { width: 14px; }
.menu-content .searchtype { display: none; }
.menu-content ul li {
display: block;
padding: 0;
margin-bottom: 15px;
font-size: calc(var(--root-font) + 10px) !important;
font-weight: var(--font-weight-semibold);
}
.menu-content ul li a {
color: var(--white);
font-size: inherit !important;
}
.menu-content ul li a:hover { color: var(--orange); }
.menu-content ul li:last-child { margin-bottom: 0; }
.menu-content .btn.btn-theme { display: none; }
.menu-content .dropdown { margin: 0 10px; }
.menu-content .user {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: var(--white);
cursor: pointer;
}
.menu-content .user img {
width: 36px;
flex: 0 0 36px;
height: 36px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
margin-inline-end: 10px;
}
.menu-content .user.dropdown-toggle::after {
display: inline-block;
margin-inline-start: 10px;
vertical-align: middle;
content: "\e90d";
font-family: 'icomoon';
border: none;
font-weight: normal;
font-size: 14px;
}
.menu-content .dropdown-menu { padding: 0 10px; }
.menu-content .dropdown-menu a.dropdown-item {
margin: 0;
padding: .6rem 0;
color: var(--text-dark);
font-size: var(--root-font) !important;
font-weight: var(--font-weight-regular);
border-bottom: 1px solid #EEE;
}
.menu-content .dropdown-menu a.dropdown-item:last-child { border-bottom: none; }
.menu-content .dropdown-menu .dropdown-item:focus,
.menu-content .dropdown-menu .dropdown-item:hover,
.menu-content .dropdown-menu .dropdown-item.active,
.menu-content .dropdown-menu .dropdown-item:active {
color: var(--orange);
background: transparent;
}
.microsite {
width: 100%;
position: relative;
margin-top: auto;
}
.microsite a {
margin-inline-end: 10px;
display: inline-flex;
align-items: center;
}
.microsite a:last-child { margin-inline-end: 0; }
.microsite a i { vertical-align: middle; }
.menu-content .block-dropdown-language {
position: relative;
width: 95px;
}
.menu-content .block-dropdown-language .content {
position: absolute;
top: 0;
left: 0;
}
.menu-content .dropbutton .dropbutton-action>* { margin-right: 0; }
.menu-content .dropbutton-multiple .dropbutton .dropbutton-action>* {
padding: 0;
margin: 0;
display: block;
text-align: start;
min-width: 70px;
color: var(--white);
}
.menu-content .dropbutton-widget { color: var(--white); }
.menu-content .dropbutton-multiple .dropbutton-widget .dropbutton {
position: relative;
padding-right: 1rem;
padding-inline-start: 15px;
}
.menu-content .dropbutton-widget .dropbutton-toggle {
color: var(--white);
width: 1em;
}
.menu-content .dropbutton-arrow { right: 10%; }
.menu-content .dropbutton .dropbutton-action>* { padding: 5px 0; }
.menu-content .dropbutton .secondary-action {
border-top-color: transparent;
margin: 0;
padding: 5px 0;
}
.menu-content .dropbutton-multiple.open .dropbutton-arrow {
top: 0.5em;
border-top-color: transparent;
border-bottom: 0.3333em solid;
}
.menu-content .dropbutton .dropbutton-action:hover,
.menu-content .dropbutton a:hover {
border-bottom: 0 none;
background: none;
color: var(--orange);
}
.menu-content .dropbutton li {
font-size: var(--root-font) !important;
margin-bottom: 0;
}
.menu-content .mobile-menu .block-dropdown-language {
position: relative;
width: auto;
margin-inline-end: 25px;
}
.menu-content .mobile-menu .block-dropdown-language .content {
position: absolute;
top: 2px;
left: 0;
z-index: 9;
}
.menu-content .mobile-menu .dropbutton .dropbutton-action>* { margin-right: 0; }
.menu-content .mobile-menu .dropbutton-multiple .dropbutton .dropbutton-action>* {
padding: 0;
margin: 0;
display: block;
text-align: start;
min-width: auto;
color: var(--white);
}
.menu-content .mobile-menu .dropbutton-widget { color: var(--white); }
.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton {
position: relative;
padding: 0;
}
.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li {
padding-right: 10px;
padding-left: 10px;
background: var(--blue);
}
.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li:nth-child(1),
.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li:nth-child(2) {
padding-right: 0;
padding-left: 0;
background: transparent;
}
.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li:last-child { border-radius: 0 0 7px 7px; }
.menu-content .mobile-menu .dropbutton-widget .dropbutton-toggle {
color: var(--white);
width: 1em;
}
.menu-content .mobile-menu .dropbutton-arrow {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 24px;
margin: 0;
border: none;
line-height: 22px;
display: block;
overflow: hidden;
display: none;
}
.menu-content .mobile-menu .dropbutton-arrow:after {
display: inline-block;
vertical-align: middle;
content: "\e90d";
font-family: 'icomoon';
border: none;
font-weight: normal;
font-size: 14px;
}
.menu-content .mobile-menu .dropbutton .dropbutton-action>* { padding: 5px 0; }
.menu-content .mobile-menu .dropbutton .secondary-action {
border-top-color: transparent;
margin: 0;
padding: 5px 0;
}
.menu-content .mobile-menu .dropbutton-multiple.open .dropbutton-arrow {
top: 0;
border-top-color: transparent;
border-bottom: none;
}
.menu-content .mobile-menu .dropbutton .dropbutton-action:hover,
.menu-content .mobile-menu .dropbutton a:hover {
border-bottom: 0 none;
background: none;
color: var(--orange);
}
.menu-content .mobile-menu .active-language {
background: url(../images/icons/globe.svg);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
width: 22px;
height: 22px;
font-size: 0;
}
@media (max-width: 767px) {
.microsite { margin: -5px; }
.microsite a { margin: 5px; }
}
.gallerypopup {
display: none;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1050;
padding: 15px 0;
background: var(--blue);
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.gallerypopup a.CloseGallery {
position: fixed;
top: 25px;
right: 25px;
font-size: 26px;
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
z-index: 10;
color: var(--white);
}
.gallerypopup .gallery-content {
max-width: 1000px;
margin: 0 auto;
height: calc(100vh - 220px);
display: flex;
flex-direction: column;
justify-content: center;
}
.gallerypopup .gallery-content h3 {
margin-bottom: 20px;
font-size: var(--secondary-heading);
color: var(--white);
}
.gallerypopup .gallery-content .carousel { position: relative; }
.gallerypopup .gallery-content .carousel-item {
width: 100%;
overflow: hidden;
background-size: cover !important;
background-position: center center !important;
height: 600px;
border-radius: 10px;
}
.gallerypopup .carousel-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.gallerypopup .gallery-content .carousel-item .video-gallery { height: 600px; }
.gallerypopup .gallery-content .carousel-control-next,
.gallerypopup .gallery-content .carousel-control-prev {
opacity: 1;
width: auto;
max-height: 600px;
}
.gallerypopup .gallery-content .carousel-control-next .carousel-control-prev-icon,
.gallerypopup .gallery-content .carousel-control-prev .carousel-control-prev-icon {
width: 44px;
height: 44px;
padding: 0;
border-radius: 50%;
background: var(--white);
text-align: center;
background-image: url(../images/icons/dropdown-orange.svg);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
transform: rotate(90deg);
}
.gallerypopup .gallery-content .carousel-control-next .carousel-control-next-icon,
.gallerypopup .gallery-content .carousel-control-prev .carousel-control-next-icon {
width: 44px;
height: 44px;
padding: 0;
border-radius: 50%;
background: var(--white);
text-align: center;
background-image: url(../images/icons/dropdown-orange.svg);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
transform: rotate(-90deg);
}
.gallerypopup .gallery-content .carousel-control-prev { left: -170px; }
.gallerypopup .gallery-content .carousel-control-next { right: -170px; }
.gallerypopup .gallery-content .carousel-indicators {
position: relative;
bottom: -10px;
margin: 0 -10px;
justify-content: flex-start;
overflow: auto;
}
.gallerypopup .gallery-content .carousel-indicators::-webkit-scrollbar-thumb { background: var(--orange); }
.gallerypopup .gallery-content .carousel-indicators li {
width: 180px;
flex: 0 0 180px;
height: 100px;
overflow: hidden;
margin: 8px;
border-radius: 5px;
border: none;
opacity: 1;
}
.gallerypopup .gallery-content .carousel-indicators li span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.gallerypopup.active { display: flex; }
.gallerypopup .gallery-view {
margin-bottom: 1rem;
}
.gallerypopup .gallery-view .item {
width: 100%;
height: 450px;
border-radius: 1.375rem;
overflow: hidden;
position: relative;
}
@media (max-width: 1199px) {
.gallerypopup .gallery-view .item { height: 450px; }
}
@media (max-width: 991px) {
.gallerypopup .gallery-view .item { height: 400px; }
}
@media (max-width: 767px) {
.gallerypopup .gallery-view .item { height: 350px; }
}
.gallerypopup .gallery-view .item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.gallerypopup .arrow-left,
.gallerypopup .arrow-right {
position: absolute;
width: 44px;
height: 44px;
padding: 0;
border-radius: 50%;
background: var(--white);
text-align: center;
background-image: url(../images/icons/dropdown-orange.svg);
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
top: calc(50% - 46px);
border: none;
}
.gallerypopup .arrow-left {
left: 20px;
transform: translateY(-50%) rotate(90deg);
}
.gallerypopup .arrow-right {
right: 20px;
transform: translateY(-50%) rotate(-90deg);
}
.gallerypopup .gallery-thumbnails {
margin: 0;
}
.gallerypopup .gallery-thumbnails .item {
height: 100px;
width: 160px;
margin: 8px;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
border: none;
}
@media (max-width: 1399px) {
.gallerypopup .gallery-thumbnails .item { height: 80px; }
}
.gallerypopup .gallery-thumbnails .item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.gallerypopup .gallery-thumbnails .slick-prev,
.gallerypopup .gallery-thumbnails .slick-next {
box-shadow: 0 0 10px rgb(0 0 0 / 15%);
top: 50%;
width: 1.5rem;
height: 85%;
color: var(--orange);
background: var(--white);
border: none;
border-radius: 0;
display: none !important;
}
.gallerypopup .gallery-thumbnails:hover .slick-prev,
.gallerypopup .gallery-thumbnails:hover .slick-next {
display: inline-block !important;
}
.gallerypopup .gallery-thumbnails .slick-prev {
left: -15px;
}
.gallerypopup .gallery-thumbnails .slick-next {
right: -15px;
}
/* ===== //Gallery ===== */
.gallerypopup .gallery-content .carousel-item a {
position: absolute;
right: 15px;
bottom: 15px;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.75);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.gallerypopup .gallery-content .carousel-item a img {
height: 30px !important;
width: auto !important;
}
.park-timing {
padding-top: var(--small-spacing);
position: relative;
}
.park-timing .content {
background: url(../images/resources/parktiming-bg.jpg);
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
padding: 40px;
border-radius: 15px;
}
.park-timing .content .opening-hours { margin-bottom: 30px; }
.park-timing .content .opening-hours h5 {
display: flex;
align-items: center;
position: relative;
width: max-content;
line-height: normal;
margin-bottom: 4px;
font-size: calc(var(--root-font) + 6px);
color: var(--white);
}
.park-timing .content .opening-hours h5 i {
font-size: calc(var(--root-font) + 6px);
margin-inline-end: 5px;
vertical-align: middle;
color: var(--yellow);
}
.park-timing .park-timing-list p {
margin-bottom: 5px;
color: var(--white);
}
.park-timing .park-timing-list p strong { color: var(--yellow); }
.park-timing .park-timing-list.border-right { border-right: 1px solid var(--white) !important; }
.health-safety { padding-top: var(--large-spacing); }
.health-safety .col-lg-6 { margin-bottom: 15px; }
.health-safety .content {
display: flex;
align-items: flex-start;
padding: 30px;
border-radius: 15px;
height: 100%;
background: #F5F9FB;
}
.health-safety .content img {
width: 60px;
flex: 0 0 60px;
margin-inline-end: 20px;
}
.health-safety .content h4 {
font-size: calc(var(--root-font) + 10px);
padding-bottom: 10px;
color: var(--blue);
}
.health-safety .content a {
color: var(--orange);
font-weight: var(--font-weight-bold);
text-decoration: underline;
}
.explore-map {
padding-top: var(--large-spacing);
position: relative;
}
.explore-map .park-map { position: relative; }
.explore-map .park-map img { border-radius: 10px; }
.explore-map .park-map .area-list {
display: flex;
align-items: center;
flex-wrap: wrap;
position: absolute;
top: 30px;
left: 30px;
}
.explore-map .park-map a.area-name {
display: inline-block;
text-align: center;
padding: 10px 20px;
height: 40px;
line-height: 22px;
border-radius: 20px;
margin-inline-end: 10px;
background: var(--white);
font-weight: var(--font-weight-medium);
}
.explore-map .park-map a.area-name i { line-height: 23px; }
.explore-map .park-map a.area-name:hover {
color: var(--orange);
background: #FEF2E8;
}
.explore-map .park-map .btn {
display: inline-block;
text-align: center;
padding: 10px 20px;
height: 40px;
line-height: 20px;
border-radius: 20px;
margin-inline-end: 10px;
font-size: var(--root-font);
background: var(--white);
font-weight: var(--font-weight-medium);
}
.explore-map .park-map .dropdown-toggle::after { display: none; }
.explore-map .park-map .dropdown-menu {
font-size: var(--font-extrasmall);
min-width: 140px;
padding: 0 12px;
border: none;
border-radius: 10px;
}
.explore-map .park-map .dropdown-menu .dropdown-item {
padding: 12px 0;
font-weight: var(--font-weight-medium);
border-bottom: 1px solid #DDD;
}
.explore-map .park-map .btn:hover {
color: var(--orange);
background: #FEF2E8;
}
.services-foryou { padding-top: var(--large-spacing); }
.services-foryou .title p { width: 1000px; }
.services-foryou .cardbox { position: relative; }
.services-foryou .cardbox .list {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 25px;
min-height: 200px;
}
.services-foryou .cardbox .list img {
width: 80px;
margin-bottom: 20px;
}
.services-foryou .cardbox .list p {
font-weight: var(--font-weight-bold);
color: var(--light-grey);
}
.howto-reach { padding-top: var(--large-spacing); }
.howto-reach .content {
display: flex;
align-items: flex-start;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 8px;
}
.howto-reach .content .map {
width: 100%;
height: 320px;
margin-inline-end: 10px;
}
.howto-reach .content .map iframe { border-radius: 10px; }
.howto-reach .content .getting-text {
width: 300px;
flex: 0 0 300px;
}
.howto-reach .content .getting-text .btn { margin-top: 40px; }
.fellow-guest { padding-top: var(--large-spacing); }
.fellow-guest .title { padding-bottom: var(--medium-spacing); }
.fellow-guest .list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 25px;
min-height: 200px;
}
.fellow-guest .list img {
width: 80px;
margin-bottom: 15px;
}
.fellow-guest .list p {
font-weight: var(--font-weight-bold);
color: var(--text-dark);
}
.buy-section {
padding-top: var(--large-spacing);
position: relative;
}
.buy-section .nav-tabs.buy-tabs {
margin: -7px;
border-bottom: none;
}
.buy-section .nav-tabs.buy-tabs li {
width: calc(25% - 14px);
margin: 7px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link {
padding: 0.6rem;
border-radius: 6px;
color: var(--white);
background: var(--blue);
border: 1px solid transparent;
min-height: 75px;
display: flex;
}
.buy-section .nav-tabs.buy-tabs li .nav-link i {
margin-inline-end: 7px;
width: 40px;
flex: 0 0 40px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link svg {
margin-inline-end: 7px;
width: 30px;
flex: 0 0 30px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link i { font-size: 40px; }
.buy-section .nav-tabs.buy-tabs li .nav-link svg { margin-bottom: 5px; }
.buy-section .nav-tabs.buy-tabs li .nav-link h5 {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 7px 0 5px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link span {
display: block;
opacity: 0.7;
line-height: 16px;
margin-top: 3px;
font-size: 10px;
min-height: 32px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active {
color: var(--text-primary);
background: var(--white);
border: 1px solid transparent;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active i { color: var(--blue); }
.buy-section .nav-tabs.buy-tabs li .nav-link.active svg path {
fill: var(--blue);
stroke: var(--blue);
}
.buy-section .tab-pane {
padding: 20px;
margin-top: 15px;
border-radius: 10px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.buy-section #park-entry {
padding: 0;
margin-top: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.park-entry-list .views-element-container {
padding: 20px;
margin-top: 15px;
border-radius: 10px;
background: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
max-width: calc(50% - 8px);
}
@media (max-width: 1199px) {
.park-entry-list .views-element-container {
max-width: 536px;
}
}
.buy-section .tab-content .form-group label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 0;
font-size: var(--font-regular);
font-weight: var(--font-weight-medium);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.buy-section .tab-content .btn {
width: 200px;
flex: 0 0 auto;
height: 40px;
font-size: 14px;
font-weight: var(--font-weight-semibold);
margin-top: 30px;
}
.buy-section .tab-content .park-entry-list .btn {
margin-left: auto;
margin-right: auto;
}
.buy-section .tab-content .listing .content {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
.buy-section .tab-content .special_offer-list p { margin-bottom: 20px; }
.buy-section .tab-content .views-element-container .views-row {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
.buy-section .tab-content .views-element-container .views-row:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.buy-section .tab-content .views-element-container .views-row .content .details h5 { margin-top: 10px; }
.buy-section .tab-content .views-element-container .views-row .quantity { margin-bottom: 10px; }
.buy-section .tab-content .listing .content .image {
width: 300px;
flex: 0 0 300px;
height: 190px;
overflow: hidden;
border-radius: 10px;
margin-inline-end: 20px;
}
.buy-section .tab-content .listing .content.attraction-list-products>a {
display: block;
width: 300px;
flex: 0 0 300px;
height: 190px;
overflow: hidden;
border-radius: 10px;
margin-inline-end: 20px;
}
.buy-section .tab-content .listing .content.attraction-list-products>a .image {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 0;
margin-inline-end: 0;
}
.buy-section .tab-content .listing .content .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.buy-section .tab-content .listing .content .image:hover span { transform: scale(1.1); }
.buy-section .tab-content .listing .content .details {
width: calc(100% - 320px);
flex: 0 0 calc(100% - 320px);
}
.buy-section .tab-content .park-entry-list .listing .content .details {
width: 100%;
flex: 0 0 100%;
}
.buy-section .tab-content .listing .content .details a.btn { width: fit-content; }
.buy-section .tab-content .listing .content .details .ticket-name {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.buy-section .tab-content .listing .content .details h4 {
font-size: calc(var(--root-font) + 8px);
color: var(--blue);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .listing .content .details h5 {
font-size: calc(var(--root-font) + 4px);
color: var(--text-primary);
margin: 0;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .listing .content .details h5 small {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: rgba(78, 73, 83, 0.5);
margin: 0;
text-transform: none;
letter-spacing: initial;
}
.buy-section .tab-content .listing .content .details p { margin-bottom: 10px; }
.buy-section .tab-content .listing .content .details a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
font-size: 12px;
}
.buy-section .tab-content .listing .content .details .starting-message {
font-size: 1rem;
font-weight: var(--font-weight-medium);
color: var(--text-primary);
}
@media (max-width: 991px) {
.buy-section .tab-content .listing .content .details .starting-message { font-size: 14px; }
}
.buy-section .tab-content .listing .content .details ul {
padding-inline-start: 20px;
margin-bottom: 10px;
}
.buy-section .tab-content .listing .content .details a.btn { width: fit-content; }
.buy-section .tab-content .listing .content .details a i {
display: inline-block;
margin-inline-start: 1px;
vertical-align: 0;
font-size: var(--font-extrasmall);
}
.buy-section .tab-content .listing .content .details a.btn,
.buy-section .tab-content .listing .content .details a.btn:hover,
.buy-section .tab-content .listing .content .details a.btn:focus { color: var(--white); }
.buy-section .tab-content .listing .content .details .bottom { margin-top: 15px; }
.buy-section .tab-content .listing .content .details .bottom .form-group {
margin-bottom: 0;
margin-inline-end: 10px;
width: 210px;
flex: 0 0 210px;
}
.buy-section .tab-content .listing .content:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.buy-section .tab-content .quantity {
display: flex;
align-items: center;
}
.buy-section .tab-content .quantity input {
width: 30px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.buy-section .tab-content .select-packs {
margin: 10px -20px 0;
padding: 20px 20px 30px;
background: rgba(243, 112, 33, 0.07);
}
.buy-section .tab-content .select-packs .slick-track { margin-left: 0; }
.buy-section .tab-content .select-packs .pack-list {
width: calc(210px - 12px);
flex: 0 0 calc(210px - 12px);
border-radius: 5px;
padding: 12px 10px;
margin: 6px;
text-align: center;
background: var(--white);
border: 2px solid var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
position: relative;
min-height: 93px;
font-size: calc(var(--root-font) - 3px);
line-height: 15px;
}
.buy-section .tab-content .select-packs .pack-list img {
position: absolute;
top: 3px;
right: 10px;
}
.buy-section .tab-content .select-packs .pack-list .price {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-semibold);
margin-bottom: 7px;
line-height: normal;
}
.buy-section .tab-content .select-packs .pack-list .price span {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .select-packs .pack-list p {
font-size: calc(var(--root-font) - 3px);
line-height: 15px;
margin-bottom: 0;
}
.buy-section .tab-content .select-packs .pack-list.current { border: 2px solid var(--orange); }
.buy-section .tab-content .and-or {
text-align: center;
margin: 25px 0;
color: var(--text-light);
}
.buy-section .tab-content .select-offers {
margin: 0 -20px;
padding: 20px 20px 30px;
background: rgba(243, 112, 33, 0.07);
}
.buy-section .tab-content .select-offers .slick-track {
margin-left: 0;
margin-right: auto;
}
.buy-section .tab-content .select-offers .offer-list {
position: relative;
width: calc(270px - 12px) !important;
flex: 0 0 calc(270px - 12px);
border-radius: 5px;
padding: 12px 10px;
margin: 6px;
background: var(--white);
border: 2px solid var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.buy-section .tab-content .select-offers .offer-list h6 {
width: calc(100% - 80px);
font-size: 15px;
}
.buy-section .tab-content .select-offers .offer-list .save {
padding: 3px 12px;
border-radius: 5px;
position: absolute;
top: -2px;
right: -2px;
text-align: center;
font-size: calc(var(--root-font) - 2px);
line-height: 15px;
color: #D7182A;
background: #FDB6BD;
width: 80px;
}
.buy-section .tab-content .select-offers .offer-list .save b {
display: block;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .select-offers .offer-list .you-get {
display: flex;
align-items: flex-start;
margin-top: 15px;
}
.buy-section .tab-content .select-offers .offer-list .you-get .get-label {
white-space: nowrap;
margin-inline-end: 10px;
margin-bottom: 0;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .select-offers .offer-list .you-get span { font-size: calc(var(--root-font) - 2px); }
.buy-section .tab-content .select-offers .offer-list hr {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.buy-section .tab-content .select-offers .offer-list .bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.buy-section .tab-content .select-offers .offer-list .bottom .price {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-semibold);
text-align: right;
line-height: 16px;
}
.buy-section .tab-content .select-offers .offer-list .bottom .price span {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .select-offers .offer-list .bottom .price small {
display: block;
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .select-offers .offer-list.current { border: 2px solid var(--orange); }
.buy-section .tab-content .alert-danger {
display: flex;
align-items: center;
padding: 20px;
background: rgba(255, 39, 56, 0.05);
border: none;
}
.buy-section .tab-content .alert-danger i {
margin-inline-end: 20px;
font-size: 50px;
color: #BE1525;
}
.buy-section .tab-content .alert-danger h5 {
font-size: calc(var(--root-font) + 8px);
color: var(--text-primary);
margin-bottom: 7px;
}
.buy-section .tab-content .alert-danger p { color: var(--text-dark); }
.buy-section .tab-content .park-entry-list .listing .content .bottom {
display: flex;
align-items: flex-start;
flex-direction: column;
position: relative;
margin-top: 15px;
}
.buy-section .tab-content .park-entry-list .listing .content .bottom .ajax-progress {
position: absolute;
bottom: 5px;
right: 40px;
}
@media (max-width: 1599px) {
.buy-section .tab-content .park-entry-list .listing .content .bottom .ajax-progress {
position: relative;
bottom: -10px;
right: 0;
text-align: center;
margin: 0 auto;
}
}
.buy-section .tab-content .park-entry-list .listing .content .bottom ul {
padding-inline-start: 0;
margin-bottom: 0;
}
.buy-section .tab-content .attraction-list p { margin-bottom: 20px; }
.buy-section .tab-content .attraction-list .listing .content .bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox {
position: relative;
margin-top: 15px;
}
.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
}
.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox label {
position: relative;
display: block;
margin: 0;
padding-inline-start: 1.875rem;
font-weight: var(--font-weight-regular);
}
.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
position: absolute;
left: 0;
top: 3px;
}
.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox input:checked + label:before { background-color: var(--orange); }
.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.buy-section .tab-content .wonderpass-plans { margin-top: 30px; }
.buy-section .tab-content .wonderpass-plans h5 {
font-size: calc(var(--root-font) + 2px);
color: var(--blue);
margin-bottom: 5px;
}
.buy-section .tab-content .wonderpass-plans a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
display: flex;
align-items: flex-start;
width: max-content;
}
.buy-section .tab-content .wonderpass-plans a i {
font-size: 18px;
vertical-align: -3px;
margin-inline-end: 5px;
}
.buy-section .tab-content .custom-amount {
margin: 10px -20px 0;
padding: 20px 20px 30px;
background: rgba(243, 112, 33, 0.07);
}
.buy-section .tab-content .custom-amount h6 {
color: var(--blue);
margin-bottom: 15px;
}
.buy-section .tab-content .custom-amount .form-group { position: relative; }
.buy-section .tab-content .custom-amount .form-group span {
position: absolute;
top: 11px;
right: 11px;
font-weight: 600;
font-size: 16px;
}
.payment-icons {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
z-index: -1;
}
.payment-icons h6 {
margin-bottom: 12px;
font-weight: var(--font-weight-semibold);
color: var(--text-light);
}
.payment-icons ul {
display: flex;
align-items: center;
}
.payment-icons ul li {
display: block;
margin: 0 3px;
}
.addthis-card { position: relative; }
.addthis-card .addthis-card-list {
display: none;
position: absolute;
top: 20px;
left: 0;
max-width: 370px;
padding: .5rem 0 0;
margin: 0.25rem 0 0;
font-size: var(--root-font);
border-radius: 0.25rem;
color: var(--text-primary);
background: var(--white);
border: 1px solid rgba(78, 73, 83, 0.15);
z-index: 1;
max-height: 400px;
overflow: auto;
}
.addthis-card .addthis-card-list .top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 15px;
margin-bottom: 5px;
}
.addthis-card .addthis-card-list .top span {
display: block;
text-align: center;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
}
.addthis-card .addthis-card-list .top a {
color: var(--orange);
font-weight: var(--font-weight-bold);
}
.addthis-card .addthis-card-list p.points-needed {
text-align: end;
margin-inline-end: 15px;
}
.addthis-card .addthis-card-list ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}
.addthis-card .addthis-card-list ul li label {
margin-bottom: 0;
line-height: 18px;
}
.addthis-card .addthis-card-list ul li label small {
display: block;
margin-top: 3px;
color: var(--text-light);
font-size: calc(var(--root-font) - 2px);
}
.addthis-card .addthis-card-list ul li:last-child { border-bottom: none; }
.addthis-card .addthis-card-list ul .quantity {
width: 140px;
flex: 0 0 140px;
margin-inline-start: 20px;
}
.addthis-card .addthis-card-list ul .quantity .points_count {
margin-inline-start: 10px;
width: 40px;
}
.addthis-card .totalprice {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
}
.addthis-card .totalprice label {
font-size: 18px;
font-weight: 800;
color: var(--blue);
}
.addthis-card .totalprice h4 small { font-size: 13px; }
.buy-section .tab-content .addthis-card .closebutton-group {
padding: 0 15px 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.buy-section .tab-content .addthis-card .closebutton-group a {
width: 100%;
flex: none;
margin-bottom: 10px;
text-align: center;
display: block;
}
.buy-section .tab-content .addthis-card .closebutton-group .btn:hover,
.buy-section .tab-content .addthis-card .closebutton-group .btn:focus { color: #FFF; }
.buy-section .tab-content .choose-card a.addnew {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.buy-section .tab-content .choose-card a.addnew i {
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
display: inline-block;
font-size: 12px;
margin-inline-end: 4px;
background: var(--orange);
color: var(--white);
}
.buy-section .tab-content .total { margin-top: 20px; }
.buy-section .tab-content .total .sub-price ul li {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 7px;
}
.buy-section .tab-content .total .sub-price ul li span {
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .total .sub-price ul li .price {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .total .sub-price ul li .price small {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .total .sub-price ul li:last-child { margin-bottom: 0; }
.buy-section .tab-content .total hr {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.buy-section .tab-content .total .total-price {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 15px;
}
.buy-section .tab-content .total .total-price b { color: var(--blue); }
.buy-section .tab-content .total .total-price .price {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .total .total-price .price span {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .exclusive-packs .listing { margin-top: 40px; }
.buy-section .tab-content .exclusive-packs .listing .content .details p { margin-bottom: 10px; }
.buy-section .tab-content .exclusive-packs .listing .bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.buy-section .tab-content .exclusive-packs .listing .bottom .buy {
display: flex;
align-items: center;
}
.buy-section .tab-content .exclusive-packs .listing .bottom .buy .sold-at b { color: #888; }
.buy-section .tab-content .exclusive-packs .listing .bottom .buy .sold-at img { width: 50px; }
.buy-section .tab-content .exclusive-packs .listing:first-child { margin-top: 20px; }
.buy-section .tab-content .guest-services-list .accordion .card {
margin-bottom: 10px;
border: none;
}
.buy-section .tab-content .guest-services-list .accordion .card .card-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
margin-bottom: 0;
background-color: rgba(58, 142, 178, 0.05);
border-bottom: none;
font-size: calc(var(--root-font) + 4px);
border-radius: 5px;
font-weight: var(--font-weight-bold);
color: var(--text-primary);
}
.buy-section .tab-content .guest-services-list .accordion .card .card-header[aria-expanded="true"]:after {
font-family: 'icomoon';
content: "\e938";
font-size: var(--root-font);
color: var(--blue);
}
.buy-section .tab-content .guest-services-list .accordion .card .card-header[aria-expanded="false"]:after {
font-family: 'icomoon';
content: "\e90d";
font-size: var(--root-font);
color: var(--blue);
}
.buy-section .tab-content .guest-services-list .accordion .card .card-body {
padding: 0;
margin: 20px 0;
}
.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section { margin-inline-end: 20px; }
.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section .image { margin-inline-end: 0; }
.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section h6 {
text-align: center;
margin-top: 10px;
font-weight: 500;
}
.buy-section .tab-content .guest-services-list .accordion .card:last-child { margin-bottom: 0; }
.buy-section .tab-content .guest-services-list .listing .content { align-items: flex-start; }
.buy-section .tab-content .guest-services-list .listing .bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
}
.buy-section .tab-content .guest-services-list .listing .bottom>div {
display: flex;
align-items: center;
}
.buy-section .tab-content .guest-services-list .listing .bottom>div .form-group { margin-inline-end: 10px; }
.buy-section .tab-content .guest-services-list .listing .bottom>div .form-group:nth-child(2) { margin-inline-end: 0; }
.buy-section .tab-content .paid-parking { padding-top: 20px; }
.buy-section .tab-content .paid-parking .card .card-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 25px 20px;
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
border-radius: 5px;
color: var(--blue);
background-color: rgba(0, 117, 190, 0.05);
border-bottom: none;
}
.buy-section .tab-content .paid-parking p { margin-bottom: 20px; }
.buy-section .tab-content .paid-parking p b {
color: var(--blue);
font-size: calc(var(--root-font) + 6px);
}
.buy-section .tab-content .paid-parking span {
display: block;
width: 25%;
text-align: center;
color: #888;
margin: 20px 0;
}
.buy-section .tab-content .paid-parking input.parking-number { width: 25%; }
.buy-section .tab-content .paid-parking .parking-submit-btn { display: flex;}
.buy-section .tab-content .paid-parking .plate-cart-btn { margin-top: 30px; }
.buy-section .tab-content .paid-parking .car-selection {
position: relative;
display: flex;
align-items: center;
}
.buy-section .tab-content .paid-parking .car-selection div:first-child { margin-inline-end: 15px; }
.buy-section .tab-content .paid-parking .car-selection label {
width: 80px;
height: 80px;
text-align: center;
padding: 5px;
line-height: 70px;
border-radius: 5px;
position: relative;
cursor: pointer;
margin-bottom: 0;
background: var(--white);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.buy-section .tab-content .paid-parking .car-selection img {
width: 75px;
height: 75px;
}
.buy-section .tab-content .paid-parking .car-selection input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
cursor: pointer;
}
.buy-section .tab-content .paid-parking .car-selection input:checked+label {
background: #FFF;
border: 1px solid var(--orange);
}
.buy-section .tab-content .paid-parking .car-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 10px -10px -10px;
}
.buy-section .tab-content .paid-parking .car-list .slick-dots {
position: relative;
bottom: 0;
}
.buy-section .tab-content .paid-parking .car-list .slick-dots li { margin: 0; }
.buy-section .tab-content .paid-parking .car-list .slick-dots li button:before {
color: var(--blue);
font-size: 10px;
}
.buy-section .tab-content .paid-parking .car-list .slick-dots li.slick-active button:before {
color: var(--blue);
}
.buy-section .tab-content .paid-parking .car-list .list {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: calc(33.33% - 20px);
flex: 0 0 calc(33.33% - 20px);
margin: 10px;
}
.buy-section .tab-content .paid-parking .car-list .list input[type=checkbox] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.buy-section .tab-content .paid-parking .car-list .list .left {
display: flex;
align-items: center;
width: 100%;
padding: 15px;
border-radius: 10px;
background: var(--white);
border: 2px solid #DDDDDD;
box-shadow: none;
}
.buy-section .tab-content .paid-parking .car-list .list input[type=checkbox]:checked + .left { border: 1px solid var(--orange); }
.buy-section .tab-content .paid-parking .car-list .list .left img {
width: 50px;
height: 50px;
margin-inline-end: 20px;
}
.buy-section .tab-content .paid-parking .car-list .list .left div {
width: calc(100% - 70px);
flex: 0 0 calc(100% - 70px);
}
.buy-section .tab-content .paid-parking .car-list .list .left span {
display: block;
width: 100%;
text-align: start;
margin: 0;
margin-bottom: 5px;
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .paid-parking .car-list .list .left h4 {
font-size: 20px;
font-weight: var(--font-weight-semibold);
margin-bottom: 0;
}
.buy-section .tab-content .parking-checkbox-group { display: block; }
.buy-section .tab-content .parking-checkbox-group .form-group label {
overflow: auto;
white-space: initial;
text-overflow: inherit;
position: relative;
display: block;
line-height: normal;
font-weight: var(--font-weight-normal);
}
.buy-section .tab-content .parking-checkbox-group .form-group label a { color: var(--orange); }
.modal-content {
border: none;
padding: 50px;
position: relative;
background: var(--blue);
}
.modal-content a {
position: absolute;
top: 15px;
right: 15px;
display: block;
width: 30px;
height: 30px;
font-size: 20px;
color: var(--white);
text-align: center;
line-height: 33px;
z-index: 1;
}
.modal-content .modal-body {
padding: 0;
color: var(--white);
}
.modal-content .modal-body h3 {
font-size: 40px;
margin-bottom: 30px;
}
.modal-content .modal-body .form-group label {
color: rgba(255, 255, 255, 0.7);
font-size: var(--font-regular);
margin-bottom: 4px;
font-weight: 500;
}
.modal-content .modal-body .form-group .form-control {
border: none;
height: 44px;
padding: 5px 12px;
font-size: var(--font-regular);
color: var(--white) !important;
background-color: var(--input-bg);
}
.modal-content .modal-body .form-group .form-control:focus {
color: var(--white);
background: var(--input-bg);
}
.modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.modal-content .modal-body .form-group .form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.modal-content .modal-body .form-group .form-control::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.modal-content .modal-body .form-group .form-control::placeholder {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.modal-content .modal-body .cart-items { margin-top: 40px; }
.modal-content .modal-body .cart-items ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.modal-content .modal-body .cart-items ul li p {
font-size: calc(var(--root-font) + 1px);
font-weight: var(--font-weight-medium);
margin-bottom: 0;
}
.modal-content .modal-body .cart-items ul li span { opacity: 0.7; }
.modal-content .modal-body .cart-items ul li .price {
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
.modal-content .modal-body .cart-items ul li .price small { font-size: var(--font-extrasmall); }
.modal-content .modal-body .cart-items .total-amount {
display: flex;
align-items: center;
justify-content: space-between;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
.modal-content .modal-body .cart-items .total-amount .price small { font-size: var(--font-extrasmall); }
.modal-content .modal-body .cart-items .btn {
min-width: 160px;
height: 44px;
}
.modal-content .modal-body .btn { margin-top: 40px; }
.media-partners-popup.modal-content .modal-body .btn {
float: left;
margin: 0 10px;
margin-top: 40px;
min-width: calc(50% - 20px) !important;
}
#LoginNow .modal-content .modal-body p,
#DeleteCard .modal-content .modal-body p,
#LoginNowRaffle .modal-content .modal-body p {
font-size: 20px;
font-weight: 600;
}
#LoginNow .modal-content .modal-body .btn,
#LoginNowRaffle .modal-content .modal-body .btn {
position: relative;
min-width: 180px;
height: 44px;
margin: 40px auto 0;
top: 0;
right: 0;
font-size: 1rem;
width: fit-content;
line-height: initial;
}
#DeleteCard .modal-content .modal-body .btn {
float: left;
margin: 40px 10px 0;
min-width: calc(50% - 20px) !important;
height: 44px;
}
#cardValidPopup .modal-content .modal-body { text-align: center; }
#cardValidPopup .modal-content .modal-body h5 { text-align: start; }
#cardValidPopup .btn {
min-width: 140px;
height: 44px;
}
#Addcar .add-car-form h5,
#EditCar .edit-car-form h5 { margin-bottom: 20px; }
.ticket-dropdown { position: relative; }
.ticket-dropdown .ticket-label {
display: none;
width: 220px;
height: 44px;
line-height: 30px;
padding: 5px 12px;
margin-right: 10px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
cursor: pointer;
}
.ticket-dropdown .ticket-label::after {
display: inline-block;
margin-inline-start: 10px;
vertical-align: middle;
content: "\e90d";
font-family: 'icomoon';
border: none;
font-weight: normal;
font-size: 14px;
color: var(--orange);
float: right;
}
.ticket-dropdown .ticket-list { display: block; }
/* Toggle switch */
.ticket-dropdown .ticket-list .cm-toggle {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
position: relative;
border: 0;
outline: 0;
cursor: pointer;
margin-top:5px;
margin-inline-start: 10px;
width: 35px;
flex: 0 0 35px;
order: 1;
}
@media (max-width: 991px) {
.ticket-dropdown .ticket-list .cm-toggle {
order: 0;
margin-inline-start: 0px;
margin-inline-end: 10px;
}
}
.ticket-dropdown .ticket-list .cm-toggle:after {
content: '';
width: 36px;
height: 20px;
display: inline-block;
background: #d3d3d3;
border-radius: 18px;
clear: both;
}
.ticket-dropdown .ticket-list .cm-toggle:before {
content: '';
width: 18px;
height: 18px;
display: block;
position: absolute;
left: 1px;
top: 1px;
border-radius: 50%;
background: rgb(255, 255, 255);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.ticket-dropdown .ticket-list .cm-toggle:checked:before {
left: 18px;
}
.ticket-dropdown .ticket-list .cm-toggle:checked:after {
background: var(--orange);
}
.ticket-dropdown .ticket-list .cm-toggle,
.ticket-dropdown .ticket-list .cm-toggle:before,
.ticket-dropdown .ticket-list .cm-toggle:after,
.ticket-dropdown .ticket-list .cm-toggle:checked:before,
.ticket-dropdown .ticket-list .cm-toggle:checked:after {
transition: ease .3s;
-webkit-transition: ease .3s;
-moz-transition: ease .3s;
-o-transition: ease .3s;
}
.ticket-dropdown .ticket-list .value-ticket-wrapper {
display: flex;
}
.ticket-dropdown .ticket-list .value-ticket-wrapper label{
font-weight: var(--font-weight-normal);
color: var(--text-primary);
}
@media (max-width: 991px) {
.ticket-dropdown .ticket-list .value-ticket-wrapper label{ font-size: 12px; }
}
.ticket-dropdown .ticket-list .top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0;
}
@media (max-width: 991px) {
.ticket-dropdown .ticket-list .top { padding: 5px 0; }
}
.ticket-dropdown .ticket-list .top span {
display: block;
text-align: center;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.ticket-dropdown .ticket-list .top a {
display: none;
color: var(--orange);
font-weight: var(--font-weight-bold);
}
.ticket-dropdown .ticket-list ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}
@media (max-width: 575px) {
.ticket-dropdown .ticket-list ul li { padding: 15px 0; }
.ticket-dropdown .ticket-list ul li .pack-details {
min-width: 160px;
}
}
.ticket-dropdown .ticket-list ul li .pack-details label {
margin-bottom: 0;
line-height: 18px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
font-size: 1rem;
}
@media (max-width: 991px) {
.ticket-dropdown .ticket-list ul li .pack-details label { font-size: 14px; }
}
.ticket-dropdown .ticket-list ul li .pack-details .price {
display: flex;
align-items: center;
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
font-size: 14px;
}
.ticket-dropdown .ticket-list ul li .pack-details .price small {
display: inline-block;
margin-inline-start: 10px;
margin-top: 0;
font-size: 10px;
color: #A7A4A9;
}
.ticket-dropdown .ticket-list ul li .pack-details small {
display: block;
margin-top: 3px;
color: var(--text-light);
font-size: calc(var(--root-font) - 2px);
}
.ticket-dropdown .ticket-list ul li:last-child { border-bottom: none; }
.checkout .cart-items ul li .product-details { width: 50%; }
.checkout .cart-items ul li .quantity {
display: flex;
align-items: center;
width: 100px;
flex: 0 0 100px;
margin-inline-start: 20px;
justify-content: center;
}
.ticket-dropdown .ticket-list ul li .quantity {
display: flex;
align-items: center;
width: 90px;
flex: 0 0 90px;
margin-inline-start: 20px;
justify-content: center;
}
.ticket-dropdown .ticket-list ul li .quantity input,
.checkout .cart-items ul li .quantity input {
width: 30px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.checkout .cart-items ul li .quantity button {
padding: 0;
width: 35px;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.ticket-dropdown .ticket-list ul li .quantity button {
padding: 0;
width: 28px;
height: 28px;
border-radius: 50%;
line-height: 28px;
text-align: center;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.checkout .cart-items ul li .quantity button:disabled {
color: var(--text-light);
border: 1px solid var(--text-light);
}
.checkout .cart-items ul li .quantity button.checkoutRemoveBtn {
border: none;
min-width: auto;
margin-top: 0;
}
.checkout .cart-items ul li .quantity button.checkoutRemoveBtn img {
width: 30px;
height: auto;
}
.ticket-dropdown .ticket-list ul li:last-child,
.checkout .cart-items ul li:last-child { border-bottom: none; }
.checkout .cart-items ul li .price {
width: 25%;
text-align: right;
margin-inline-start: 10px;
}
.checkout { padding-top: var(--medium-spacing); }
.checkout #msform {
position: relative;
margin-top: 20px;
}
.checkout #msform fieldset:not(:first-of-type) { display: none; }
.checkout #msform .form-group { margin-bottom: 25px; }
.checkout #msform .form-group iframe { border: 1px solid rgba(78, 73, 83, 0.15) !important; }
.checkout #msform label {
display: block;
font-size: var(--font-small);
font-weight: var(--font-weight-semibold);
margin-bottom: 3px;
}
.checkout #msform .custom-control-label {
font-size: var(--root-font);
font-weight: var(--font-weight-normal);
margin-bottom: 0;
padding-inline-start: 30px;
}
.checkout #msform .custom-control-label a { color: var(--orange); }
.checkout #msform .custom-checkbox.term-checkbox-wrapper {
padding-left: 5rem;
margin-top: 1rem;
}
@media (max-width: 1199px) {
.checkout #msform .custom-checkbox.term-checkbox-wrapper {
padding-left: 1.5rem;
}
}
.checkout #msform .custom-checkbox.term-checkbox-wrapper .custom-control-label {
color: #FFF;
}
.checkout .fs-title { margin-bottom: 30px; }
.checkout .fs-title h3 {
font-size: 26px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.checkout .cart-items .free-ticket-count-checkout {
font-size: 1.25rem;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.checkout .cart-items .free-ticket-description {
font-size: 12px;
padding: 0.5rem 0;
max-width: 550px;
display: block;
}
.checkout .cart-items .free-ticket-count-checkout + ul { margin-top: 30px; }
.checkout .fs-title p { margin-top: 5px; }
.checkout #progressbar {
margin-bottom: 50px;
overflow: hidden;
color: #AEC9E0;
display: flex;
justify-content: center;
}
.checkout #progressbar .active { color: var(--text-dark); }
.checkout #progressbar li {
list-style-type: none;
font-size: 14px;
font-weight: 500;
width: 25%;
float: left;
position: relative;
text-align: center;
}
.checkout #progressbar #guest:before {
font-family: 'icomoon';
content: "\e93a";
}
.checkout #progressbar #cart:before {
font-family: 'icomoon';
content: "\e906";
}
.checkout #progressbar #payment:before {
content: url(../images/resources/payment-method_blue.png);
line-height: 62px;
}
.checkout #progressbar #payment.active:before { content: url(../images/resources/payment-method_white.png); }
.checkout #progressbar #confirm:before {
font-family: 'icomoon';
content: "\e92b";
}
.checkout #progressbar li:before {
width: 50px;
height: 50px;
line-height: 46px;
display: block;
font-size: 20px;
color: var(--blue);
background: #AEC9E0;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px;
}
.checkout #progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #AEC9E0;
position: absolute;
left: 0;
top: 25px;
z-index: -1;
}
.checkout #progressbar li.active:before,
.checkout #progressbar li.active:after {
background: var(--blue);
color: var(--white);
}
.checkout .signin-text {
margin-top: 30px;
text-align: center;
}
.checkout .signin-text a {
color: var(--orange);
font-weight: var(--font-weight-medium);
}
.checkout .guest-details .padding-right { padding-right: 30px; }
@media (max-width: 767px) {
.checkout .guest-details .padding-right { padding-right: 15px; }
}
.checkout .guest-details .padding-left { padding-left: 30px; }
@media (max-width: 767px) {
.checkout .guest-details .padding-left { padding-left: 15px; }
}
.checkout .guest-details .form-group { margin-bottom: 25px; }
.checkout .guest-details .form-group label {
display: inline-block;
margin-bottom: 7px;
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.checkout .guest-details .form-group .nameprefix {
display: flex;
align-items: center;
}
.checkout .guest-details .form-group .nameprefix select { width: 100px; }
.checkout .guest-details .form-group .nameprefix input {
width: calc(100% - 110px);
margin-inline-start: 10px;
}
.checkout .guest-details .form-group select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}
.checkout .raffle-dob {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.checkout .guest-details .checkbox-group {
display: block;
margin-bottom: 0;
margin-top: 25px;
}
.checkout .guest-details .profile {
margin-top: 0px;
max-width: 100%;
}
.checkout .guest-details .form-group .select2-container {
display: block;
width: 100% !important;
}
.checkout .guest-details .form-group .select2-container .select2-selection--single {
disable: block;
width: 100%;
height: 44px;
padding: 5px 12px;
margin: 0;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.checkout .guest-details .form-group .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 5px;
padding-right: 20px;
line-height: 34px;
color: #444;
}
.checkout .guest-details .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
width: 34px;
line-height: 44px;
text-align: center;
}
.checkout .guest-details .form-group .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: url(../images/icons/dropdown-orange.svg); }
.checkout .guest-details .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.checkout .guest-details .select2-container--default .select2-selection--single .select2-selection__clear { display: none; }
.checkout .account-confirmation {
margin-top: 40px;
padding: 30px;
text-align: center;
background: #F5F8FB;
}
.checkout .account-confirmation p {
font-size: 16px;
max-width: 480px;
margin: 0 auto 15px;
}
.checkout .account-confirmation h5 {
font-size: 18px;
font-weight: var(--font-weight-semibold);
}
.checkout .account-confirmation h6 {
line-height: 24px;
font-weight: var(--font-weight-medium);
}
.checkout .cart-items ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.checkout .cart-items ul li p {
font-size: calc(var(--root-font) + 1px);
font-weight: var(--font-weight-medium);
}
.checkout .cart-items ul li span { opacity: 0.7; }
.checkout .cart-items ul li .price {
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
.checkout .cart-items ul li .price small { font-size: var(--font-extrasmall); }
.checkout .cart-items .total-amount {
display: flex;
align-items: center;
justify-content: space-between;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
.checkout .cart-items .total-amount .price small { font-size: var(--font-extrasmall); }
.checkout .promocode {
margin-top: 40px;
padding: 30px;
background: #F5F8FB;
}
.checkout .promocode h6 { font-weight: var(--font-weight-medium); }
.checkout .promocode .code {
margin-top: 7px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
.checkout .promocode .code a {
color: var(--ornage);
font-size: calc(var(--root-font) + 6px);
margin-inline-start: 5px;
}
.checkout .promocode .btn {
position: absolute;
top: 0;
right: 0;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
line-height: 22px;
padding: 8px 10px;
border-radius: 0 3px 3px 0;
color: var(--white);
background: var(--orange);
width: 100px;
margin-top: 0;
height: 44px;
}
.checkout .promocode a {
margin-top: 5px;
position: relative;
display: block;
color: var(--orange);
}
.checkout p.email-info {
text-align: center;
line-height: 26px;
margin-top: 30px;
}
.checkout .savedcard-list ul {
display: flex;
align-items: center;
margin: -8px;
}
.checkout .savedcard-list ul li {
display: block;
border-radius: 6px;
margin: 8px;
width: 150px;
height: 150px;
border: 1px solid #DDD;
}
.checkout .savedcard-list ul li a {
display: flex;
padding: 10px 15px;
line-height: 30px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-medium);
color: var(--text-dark);
height: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.checkout .savedcard-list ul li a img {
width: 40px;
flex: 0 0 40px;
margin-bottom: 10px;
}
.checkout .savedcard-list ul li a .ccard {
background: url(../images/icons/credit-card-dark.svg);
background-repeat: no-repeat;
background-size: cover;
height: 30px;
background-position: center center;
display: block;
width: 41px;
border-radius: 0;
margin-bottom: 12px;
}
.checkout .savedcard-list ul li.current { background: var(--input-bg); }
.checkout .savedcard-list ul li.current a { color: var(--white); }
.checkout .savedcard-list ul li.current a .ccard {
background: url(../images/icons/credit-card.svg);
background-repeat: no-repeat;
background-size: cover;
height: 30px;
background-position: center center;
display: block;
width: 41px;
border-radius: 0;
margin-bottom: 12px;
}
.checkout .addnew { margin-top: 20px; }
.checkout .addnew a {
font-weight: 600;
color: var(--orange);
}
.checkout .addnew a i {
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
background: var(--orange);
color: var(--white);
display: inline-block;
font-size: 12px;
margin-inline-end: 4px;
}
.checkout .addnewcard { margin-top: 30px; }
.checkout .btn {
margin-top: 50px;
text-align: center;
min-width: 120px;
float: left;
}
.checkout .addnewcard #payButtonParking{
float: right;
}
@media (max-width: 576px) {
.checkout .addnewcard #payButtonParking{
float: none;
width: 100%;
}
}
.checkout .action-button { float: right; }
.checkout .action-button-previous { float: left; }
.parkentry-ticket {
position: relative;
}
@media (min-width: 768px) {
.parkentry-ticket-combo .row {
flex-direction: row-reverse;
}
}
.parkentry-ticket .combo-content {
padding-top: var(--small-spacing);
}
.parkentry-ticket .combo-content:nth-child(1) {
position: sticky;
position: -webkit-sticky;
top: 80px;
z-index: 1;
background: var(--white);
}
.parkentry-ticket .content p { font-size: var(--root-font); }
.parkentry-ticket .content h5 {
margin: 10px 0 20px;
font-size: calc(var(--root-font) + 6px);
color: var(--blue);
}
.parkentry-ticket .content ul li {
display: block;
position: relative;
padding-inline-start: 20px;
font-size: calc(var(--root-font) + 2px);
margin-bottom: 3px;
}
.parkentry-ticket .content ul li:last-child { margin-bottom: 0; }
.parkentry-ticket .content ul li:after {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #00AB4E;
}
.parkentry-ticket p.ticket-terms {
margin-top: 20px;
font-weight: var(--font-weight-semibold);
}
.parkentry-ticket p.ticket-terms a {
color: var(--orange);
text-decoration: underline;
}
.parkentry-ticket .addto-cart {
padding: 15px;
border-radius: 5px;
border: 1px solid #DDD;
}
.parkentry-ticket .addto-cart .upgread-checkbox {
position: relative;
margin-top: 15px;
}
.parkentry-ticket .addto-cart .upgread-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
}
.parkentry-ticket .addto-cart .upgread-checkbox label {
position: relative;
display: block;
margin: 0;
padding-inline-start: 1.875rem;
font-weight: var(--font-weight-regular);
}
.parkentry-ticket .addto-cart .upgread-checkbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
position: absolute;
left: 0;
top: 3px;
}
.parkentry-ticket .addto-cart .upgread-checkbox input:checked + label:before { background-color: var(--orange); }
.parkentry-ticket .addto-cart .upgread-checkbox input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.parkentry-ticket .addto-cart .form-group { margin: 0; }
.parkentry-ticket .addto-cart label {
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
margin-bottom: 3px;
}
.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list li {
align-items: start;
}
.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list label {
margin-top: 0.5rem;
font-size: calc( var(--font-small) + 1);
}
.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list label #currentPrice {
font-size: 1.5rem;
}
.parkentry-ticket .addto-cart .container { padding: 0; }
.parkentry-ticket .addto-cart .special_offer_page { margin-top: 20px; }
.parkentry-ticket .addto-cart .special_offer_page .content { position: relative; }
.parkentry-ticket .addto-cart .special_offer_page .content .total-price {
position: absolute;
top: 7px;
right: 0;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-bold);
}
.parkentry-ticket .addto-cart .special_offer_page .content button {
width: 100%;
height: 44px;
}
.parkentry-ticket .addto-cart .special_offer_page .content .total-price span {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
}
.parkentry-ticket .addto-cart .bottom .quantity {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
flex: 0 0 100%;
}
.parkentry-ticket .addto-cart .bottom .quantity input {
width: 40px;
text-align: center;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
border: none;
}
.parkentry-ticket .addto-cart .bottom .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
font-size: 10px;
text-align: center;
color: var(--white);
background: var(--orange);
border: 1px solid var(--orange);
}
.parkentry-ticket .addto-cart .bottom .quantity button[disabled] {
color: #666;
background: #DDD;
border: 2px solid #DDD;
}
.parkentry-ticket .addto-cart .total { margin-top: 10px; }
.parkentry-ticket .addto-cart .general-ticket {
display: flex;
align-items: center;
justify-content: space-between;
}
.parkentry-ticket .addto-cart .general-ticket b { font-size: calc(var(--root-font) + 4px); }
.parkentry-ticket .addto-cart h6 {
font-size: calc(var(--root-font) + 2px);
color: var(--blue);
}
.parkentry-ticket .addto-cart .sold-pass {
display: flex;
align-items: center;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
line-height: 22px;
margin-bottom: 15px;
}
.parkentry-ticket .addto-cart .sold-pass img {
width: 70px;
flex: 0 0 70px;
margin-inline-end: 12px;
}
.parkentry-ticket .addto-cart .btn { margin-top: 10px; }
.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list {
position: relative;
top: 0;
}
.add-ons { padding-top: var(--large-spacing); }
.add-ons .cardbox .cardbox-content h4 {
white-space: normal;
overflow: unset;
text-overflow: unset;
}
.services-offered { padding-top: var(--large-spacing); }
.services-offered .nav-tabs.offer-tab {
margin: -8px;
border-bottom: none;
}
.services-offered .nav-tabs.offer-tab li {
width: calc(20% - 16px);
flex: 0 0 calc(20% - 16px);
margin: 8px;
position: relative;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.services-offered .nav-tabs.offer-tab li a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
min-height: 160px;
}
.services-offered .nav-tabs.offer-tab li a img {
width: 80px;
margin-bottom: 15px;
}
.services-offered .nav-tabs.offer-tab li a p {
font-weight: var(--font-weight-bold);
color: var(--text-dark);
}
.services-offered .nav-tabs .nav-item.show .nav-link,
.services-offered .nav-tabs .nav-link.active {
color: var(--text-primary);
background-color: var(--white);
border-color: transparent;
}
.services-offered .tab-content {
padding: 20px;
margin-top: 15px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.services-offered .tab-content .all-list p {
font-size: calc(var(--root-font) + 2px);
margin-bottom: 20px;
}
.services-offered .tab-content .all-list .four-thumbnails .cardbox { box-shadow: none; }
.services-offered .tab-content .all-list .four-thumbnails .cardbox .cardbox-image { height: 180px; }
.services-offered .tab-content .all-list .four-thumbnails .cardbox .name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 40px;
padding: 10px;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
color: var(--text-primary);
}
.services-offered .tab-content .all-list .pager { text-align: center; }
.services-offered .tab-content .all-list .pager .pager__item {
padding: 0;
display: block;
font-size: initial;
}
.parkentry-ticket { padding-top: var(--small-spacing); }
.parkentry-ticket .have-vippack {
padding: 15px;
border-radius: 5px;
border: 1px solid #DDD;
margin-bottom: 15px;
}
.parkentry-ticket .have-vippack h6 {
font-size: calc(var(--root-font) + 2px);
color: var(--blue);
}
.parkentry-ticket .have-vippack p {
margin-top: 10px;
margin-bottom: 6px;
}
.parkentry-ticket .have-vippack a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.parkentry-ticket .have-vippack a i {
margin-inline-start: 3px;
vertical-align: -1px;
}
.parkentry-ticket .have-vippack a.btn-theme-bordered:hover,
.parkentry-ticket .have-vippack a.btn-theme-bordered:focus { color: var(--white); }
.parkentry-ticket .have-vippack .sold-pass {
display: flex;
align-items: center;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
line-height: 22px;
margin-bottom: 15px;
}
.parkentry-ticket .have-vippack .sold-pass img {
width: 70px;
flex: 0 0 70px;
margin-inline-end: 12px;
}
.parkentry-ticket .have-vippack .btn { margin-top: 20px; }
.starting-text {
padding-top: var(--medium-spacing);
position: relative;
}
.starting-text h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
}
.starting-text p {
margin-bottom: 15px;
font-size: calc(var(--root-font) + 2px);
}
.starting-text ul {
display: flex;
align-items: center;
margin-top: 12px;
color: var(--text-light);
}
.starting-text ul li {
display: block;
margin-inline-end: 30px;
}
.starting-text ul li img {
margin-inline-end: 5px;
width: 22px;
vertical-align: middle;
}
.starting-text ul li:last-child { margin-inline-end: 0; }
.starting-text a {
display: flex;
align-items: center;
margin-top: 12px;
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.starting-text a i {
margin-inline-start: 3px;
vertical-align: 0px;
font-size: var(--font-extrasmall);
}
.starting-text a.btn {
display: block;
min-width: 140px;
width: max-content;
margin: 0 auto;
color: var(--white) !important;
font-weight: var(--font-weight-semibold);
}
.starting-text a:hover { color: var(--orange); }
.starting-text p a {
display: inline-block;
margin-top: 0;
}
.starting-text.media-starting-text a {
padding: 10px 20px;
margin: 40px auto 0;
min-width: 240px;
max-width: max-content;
display: block;
text-align: center;
font-size: var(--font-regular);
color: var(--white);
background: var(--orange);
border-radius: 0.25rem;
}
.breadcrumb-section { padding-top: var(--small-spacing); }
.breadcrumb-section .breadcrumb {
width: 100%;
padding: 0;
margin-bottom: 0;
border-radius: 0;
line-height: 18px;
background: transparent;
font-family: 'Poppins';
}
.breadcrumb-section .breadcrumb-item a {
color: var(--text-dark);
text-decoration: underline;
}
.breadcrumb-section .breadcrumb-item+.breadcrumb-item::before {
color: var(--text-dark);
content: ">";
}
.breadcrumb-section .breadcrumb-item.active { color: var(--text-dark); }
.page-name {
padding-top: var(--small-spacing);
position: relative;
}
.page-name img.map-pattern {
position: absolute;
top: 40px;
left: -20px;
z-index: 0;
width: 680px;
}
.page-node-type-retailer-list .page-name { padding-bottom: var(--small-spacing); }
.page-name .page-name-content {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.page-name .page-name-content .left {
display: flex;
align-items: center;
}
.page-name .page-name-content .left .image {
width: 90px;
height: 90px;
flex: 0 0 90px;
border-radius: 50%;
margin-inline-end: 20px;
}
.page-name .page-name-content .left .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
border-radius: 50%;
}
.page-name .page-name-content .left h1 {
font-size: var(--primary-heading);
color: var(--blue);
margin-bottom: 7px;
}
.page-name .page-name-content.media-page-name-content .left h1 { font-size: 40px; }
.page-name .page-name-content .fav-flag,
.page-name .page-name-content .route-flag {
display: inline-block;
margin-inline-start: 7px;
width: 40px;
height: 40px;
line-height: 44px;
border-radius: 50%;
text-align: center;
cursor: pointer;
font-size: calc(var(--root-font) + 4px);
color: #DBDADC;
background: #FAFAFA;
}
.page-name .page-name-content .action-buttons div:first-child { margin-inline-start: 0; }
.page-name .page-name-content .action-buttons .fav-flag.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.page-name .page-name-content .action-buttons .route-flag.blue-flag {
color: #004A8F;
background: #E5ECF4;
}
.our-highlights {
padding-top: var(--large-spacing);
position: relative;
}
.our-highlights .shows-vector-2 {
position: absolute;
top: 30px;
left: 0;
z-index: 0;
}
.our-highlights.show-featured { padding-bottom: var(--large-spacing); }
.our-highlights .cardbox .cardbox-image.extra-hight { height: 260px; }
.our-highlights .cardbox .name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 60px;
padding: 10px;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
color: var(--text-primary);
line-height: 20px;
}
.our-highlights.store-heighlight .name { max-height: 110px; }
.our-highlights.show-featured .cardbox .name {
text-transform: uppercase;
color: var(--blue);
}
.our-outlets {
padding-top: var(--large-spacing);
position: relative;
}
.our-outlets .our-outlet-slider .view-content,
.our-outlets .pavilion-product-list {
position: relative;
display: grid;
grid-auto-flow: column;
grid-template-columns: 2fr 1fr 1fr;
margin: -8px;
}
@media (max-width: 991px) {
.our-outlets .our-outlet-slider .view-content,
.our-outlets .pavilion-product-list {
display: block;
grid-auto-flow: column;
grid-template-columns: auto;
}
}
.our-outlets .our-outlet-slider>div { display: none; }
.our-outlets .our-outlet-slider>div:nth-child(1),
.our-outlets .our-outlet-slider>div:nth-child(2),
.our-outlets .our-outlet-slider>div:nth-child(3),
.our-outlets .our-outlet-slider>div:nth-child(4),
.our-outlets .our-outlet-slider>div:nth-child(5) { display: block; }
.our-outlets .our-outlet-slider>div:nth-child(1) {
grid-row-start: 1;
grid-row-end: 3;
}
.our-outlets .our-outlet-slider .cardbox.big-cell,
.our-outlets .our-outlet-slider .cardbox.small-cell {
width: calc(100% - 16px);
margin: 8px;
}
.our-outlets .our-outlet-slider .cardbox.big-cell .image {
height: 486px;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.our-outlets .our-outlet-slider .cardbox.big-cell .image img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.our-outlets .our-outlet-slider .cardbox.big-cell:hover .image img { transform: scale(1.1); }
.our-outlets .our-outlet-slider .cardbox.small-cell .image {
height: 205px;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.our-outlets .our-outlet-slider .cardbox.small-cell .image img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.our-outlets .our-outlet-slider .cardbox.small-cell:hover .image img { transform: scale(1.1); }
.our-outlets .our-outlet-slider .outlet-content {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
padding: 15px;
z-index: 2;
margin-bottom: 0;
font-size: var(--root-font);
color: var(--white);
background: rgba(32, 41, 92, 0.9);
transition: all 0.25s ease-in-out;
}
.our-outlets .our-outlet-slider .outlet-content .outlet-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.our-outlets .our-outlet-slider .outlet-content .outlet-header .fav-flag {
font-size: 16px;
display: block;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
color: var(--white);
background: rgba(255, 255, 255, 0.5);
}
.our-outlets .our-outlet-slider .outlet-content .outlet-header .fav-flag.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.our-outlets .our-outlet-slider .outlet-content .outlet-header h5 {
font-weight: var(--font-weight-semibold);
width: calc(100% - 40px);
flex: 0 0 calc(100% - 40px);
}
.our-outlets .our-outlet-slider .outlet-content .outlet-header h5 a { color: var(--white); }
.our-outlets .our-outlet-slider .outlet-content .rating {
margin-bottom: 15px;
font-size: var(--font-regular);
}
.our-outlets .our-outlet-slider .outlet-content p { margin-top: 15px; }
.our-outlets .our-outlet-slider .outlet-content p b { font-weight: var(--font-weight-semibold); }
.our-outlets .our-outlet-slider .outlet-content p span {
display: flex;
align-items: center;
flex-direction: row;
margin-top: 5px;
}
.our-outlets .our-outlet-slider .outlet-content p span i {
vertical-align: middle;
margin-inline-end: 5px;
}
.our-outlets .our-outlet-slider .cardbox:hover .outlet-content { display: block; }
.our-outlets .name {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 10px;
text-align: center;
line-height: normal;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
color: var(--text-primary);
}
.our-outlets .our-outlet-slider .view-content > div:nth-child(1) {
grid-row-start: 1;
grid-row-end: 3;
}
.shows-events-offseason .show-events-content {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
padding: 15px;
z-index: 2;
margin-bottom: 0;
font-size: var(--root-font);
color: var(--white);
background: rgba(32, 41, 92, 0.9);
transition: all 0.25s ease-in-out;
}
.shows-events-offseason .show-events-content h5 {
font-weight: var(--font-weight-semibold);
text-align: center;
margin-bottom: 15px;
}
.shows-events-offseason .cardbox:hover .show-events-content { display: block; }
.all-outlets {
position: relative;
padding-top: var(--large-spacing);
}
.all-outlets .all-list .view-similar-rides-games-website-listing .view-content,
.all-outlets .all-list .views-infinite-scroll-content-wrapper,
.store-heighlight .view-store-highlights .view-content,
.view-retailer-shopping-list .views-infinite-scroll-content-wrapper,
.view-carnaval-skip-queues .view-content {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin: -15px -8px;
}
.all-outlets .all-list .view-similar-rides-games-website-listing .view-content .cardbox,
.all-outlets .all-list .views-infinite-scroll-content-wrapper .cardbox {
width: calc(33.33% - 16px);
margin: 15px 8px;
}
.all-outlets .all-list .view-similar-products,
.store-heighlight .view-store-highlights .view-content,
.view-carnaval-skip-queues .view-content { margin: -8px; }
.all-outlets .all-list .view-all-shoppings .views-infinite-scroll-content-wrapper .cardbox,
.all-outlets .all-list .view-similar-products .views-infinite-scroll-content-wrapper .cardbox,
.store-heighlight .view-store-highlights .view-content .cardbox,
.view-retailer-shopping-list .views-infinite-scroll-content-wrapper .cardbox,
.view-carnaval-skip-queues .cardbox {
width: calc(25% - 16px);
margin: 8px;
}
.all-outlets .all-list .four-thumbnails .cardbox .name,
.all-outlets .all-list .view-all-shoppings .cardbox .name,
.all-outlets .all-list .view-similar-products .cardbox .name,
.all-outlets .store-heighlight .view-store-highlights .view-content .cardbox .name,
.all-outlets .view-retailer-shopping-list .views-infinite-scroll-content-wrapper .cardbox .name,
.view-carnaval-skip-queues .cardbox .name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 60px;
max-height: 60px;
padding: 10px;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
color: var(--text-primary);
}
.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li {
width: 100%;
flex: 0 0 100%;
}
.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li { display: none; }
.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li:first-child { display: flex; }
.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li .venue-location {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li .venue-time {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
}
.all-outlets .btn { margin-top: 30px; }
.all-outlets .outlet-content {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
padding: 15px;
z-index: 2;
margin-bottom: 0;
font-size: var(--root-font);
color: var(--white);
background: rgba(32, 41, 92, .9);
transition: all .25s ease-in-out;
}
.all-outlets .outlet-content .outlet-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.all-outlets .outlet-content .outlet-header .fav-flag {
font-size: 16px;
display: block;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
color: var(--white);
background: rgba(255, 255, 255, .5);
}
.all-outlets .outlet-content .outlet-header .fav-flag.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.all-outlets .outlet-content .outlet-header h5 {
font-weight: var(--font-weight-semibold);
width: calc(100% - 40px);
flex: 0 0 calc(100% - 40px);
}
.all-outlets .outlet-content .outlet-header h5 a { color: var(--white); }
.all-outlets .outlet-content .rating {
margin-bottom: 15px;
font-size: var(--font-regular);
}
.all-outlets .outlet-content p { margin-top: 15px; }
.all-outlets .outlet-content p b { font-weight: var(--font-weight-semibold); }
.all-outlets .outlet-content p span {
display: flex;
align-items: center;
flex-direction: row;
margin-top: 5px;
}
.all-outlets .outlet-content p span i {
vertical-align: middle;
margin-inline-end: 5px;
}
.all-outlets .cardbox:hover .outlet-content { display: block; }
.all-outlets .all-list .view-content .cardbox-image .countdown-timer {
position: absolute;
bottom: 12px;
right: 12px;
padding: 10px 15px;
background: rgba(0, 0, 0, 0.75);
color: #FFF;
border-radius: 20px;
display: flex;
align-items: center;
}
.todays-shows .cardbox .cardbox-image .countdown-timer b { margin-inline-start: 3px; }
.all-outlets .all-list .view-content .cardbox-image .countdown-timer i {
font-size: 20px;
margin-inline-end: 3px;
vertical-align: middle;
}
.all-outlets .view-all-shows-and-concerts .view-content .cardbox { margin: 8px; }
.gallery {
padding-top: var(--small-spacing);
padding-bottom: var(--small-spacing);
position: relative;
overflow: hidden;
}
.gallery.off-season { padding-bottom: var(--large-spacing); }
.gallery .product-gallery {
position: relative;
display: grid;
grid-auto-flow: column;
grid-template-columns: 2fr 1fr;
margin: -5px;
}
@media (max-width: 991px) {
.gallery .product-gallery {
display: block;
grid-auto-flow: column;
grid-template-columns: auto;
}
}
.gallery .product-gallery>div:nth-child(1) {
grid-row-start: 1;
grid-row-end: 3;
}
.gallery .product-gallery>div { display: none; }
.gallery .product-gallery>div:nth-child(1),
.gallery .product-gallery>div:nth-child(2),
.gallery .product-gallery>div:nth-child(3) { display: block; }
.gallery .product-gallery .big-image {
position: relative;
width: calc(100% - 10px);
margin: 5px;
}
.gallery .product-gallery .big-image .image {
height: 490px;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.gallery .product-gallery .big-image .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.gallery .product-gallery .big-image .countdown-timer {
position: absolute;
bottom: 15px;
left: 15px;
padding: 10px 15px;
background: rgba(0, 0, 0, 0.75);
color: #FFF;
border-radius: 20px;
display: flex;
align-items: center;
}
.gallery .product-gallery .big-image .countdown-timer b { margin-inline-start: 3px; }
.gallery .product-gallery .big-image .countdown-timer i {
font-size: 20px;
margin-inline-end: 3px;
vertical-align: middle;
}
.gallery .product-gallery .big-image i.icon-gallery {
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
font-size: 36px;
color: var(--white);
display: none;
}
.gallery .product-gallery .big-image .btn {
position: absolute;
right: 15px;
bottom: 15px;
z-index: 1;
}
@media (max-width: 991px) {
.gallery .product-gallery .big-image .btn {
display: none;
}
.gallery .btn-mobile {
position: absolute;
z-index: 1;
bottom: 20px;
right: 40px;
}
}
@media (min-width: 992px) {
.gallery .btn-mobile { display: none; }
}
.gallery .product-gallery .big-image:hover .image span { transform: scale(1.1); }
.gallery .product-gallery .small-image {
width: 440px;
height: 240px;
margin: 5px;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.gallery .product-gallery .small-image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.gallery .product-gallery .image:hover span,
.gallery .product-gallery .small-image:hover span { transform: scale(1.1); }
.gallery .product-gallery .small-image .btn {
position: absolute;
right: 15px;
bottom: 15px;
z-index: 1;
}
.btngallery-mob { display: none; }
.review { padding-top: var(--large-spacing); }
.review .title .ajax-progress-throbber { display: none }
.review .cardbox {
margin: 8px;
padding: 15px;
min-height: 140px;
max-height: 160px;
}
.review .cardbox p {
max-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width: calc(100% - 52px);
}
.review .cardbox a {
display: block;
position: absolute;
right: 15px;
bottom: 15px;
width: 42px;
text-align: right;
margin-inline-start: 10px;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.review .user-details {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 15px;
}
.review .user-details .user-name {
display: flex;
align-items: center;
}
.review .user-details .user-name .userpic {
width: 40px;
flex: 0 0 40px;
border-radius: 50%;
overflow: hidden;
margin-inline-end: 10px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 40px;
}
.review .user-details h6 {
color: var(--text-primary);
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.review .user-details h6 small {
display: block;
color: var(--text-light);
margin-top: 3px;
letter-spacing: 0;
}
.review .user-details .rating span { color: var(--blue); }
.filter {
display: flex;
align-items: center;
position: relative;
padding: 15px;
border-radius: 5px;
margin-bottom: 20px;
background: var(--white);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.filter .mobile-filter {
display: none;
position: relative;
font-size: 18px;
font-weight: 600;
cursor: pointer;
width: 100%;
}
.filter .mobile-filter:after {
content: "\e939";
font-family: 'icomoon';
position: absolute;
right: 175px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
}
.filter .filter-items {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.filter .filter-items .form-group {
position: relative;
width: 200px;
flex: 0 0 200px;
margin-bottom: 0;
padding: 0 15px;
border-right: 1px solid #DDD;
}
.filter.shopping-filter .filter-items .form-group {
width: 175px;
flex: 0 0 175px;
}
.filter .filter-items .form-group .form-item { margin: 0; }
.filter .filter-items .form-group:nth-child(1) { padding-inline-start: 0; }
.filter .filter-items .form-group:nth-child(5) {
width: 150px;
flex: 0 0 150px;
}
.filter .filter-items label {
display: block;
font-size: 12px;
margin-bottom: 0;
font-weight: var(--font-weight-medium);
}
.filter .filter-items select {
padding: 0 16px 0 10px;
margin: 0 -10px;
height: auto;
width: calc(100% + 10px);
font-weight: var(--font-weight-bold);
background: #FFF url(../images/icons/updownarrow.svg) no-repeat right 0 center/15px 15px;
border: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
font-family: 'Poppins';
}
.filter .filter-items select:focus {
outline: none;
border: none;
box-shadow: none;
}
.filter .filter-items input.form-date {
padding: 0;
margin: 0;
height: auto;
width: 100%;
font-weight: var(--font-weight-bold);
border: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
font-family: 'Poppins';
}
.filter .filter-items .form--inline .form-actions {
clear: left;
margin: 0 0 0 15px;
padding: 0;
}
.filter .filter-items input.form-submit {
padding: 6px 20px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
background: transparent;
border: 2px solid var(--orange);
border-radius: 0.25rem;
font-family: inherit;
}
.filter .search-form a#OpenSearch {
width: 40px;
height: 40px;
line-height: 40px;
text-align: right;
font-size: 20px;
}
.filter .search-form a:hover { color: var(--orange); }
.filter .search-form .search-box {
position: absolute;
width: 220px;
right: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.filter .search-form .search-box input.form-text {
width: 100%;
height: 44px;
margin: 0;
padding: 5px 12px;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
background: var(--white);
border-radius: 5px;
}
.filter .search-form .search-box .form-item { margin: 0; }
.filter .search-form .search-box .form-item:after { display: none; }
.filter .search-form a#CloseSearch {
position: absolute;
top: 13px;
right: 10px;
color: var(--orange);
}
.checkbox-group {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.checkbox-group .custom-control {
padding-inline-start: 0;
position: relative;
}
.checkbox-group .custom-control .form-item { margin: 0; }
.checkbox-group .custom-control .form-item:after { display: none; }
.checkbox-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.checkbox-group label {
display: flex;
align-items: flex-start;
position: relative;
cursor: pointer;
z-index: 0;
line-height: 20px;
padding-inline-start: 30px;
}
.checkbox-group label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-right: 7px;
border-radius: 2px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.checkbox-group input:checked+label:before { background-color: var(--orange); }
.checkbox-group input:checked+label:after {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 2px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.checkbox-group .button,
.checkbox-group .button:hover {
position: absolute;
right: 15px;
margin: 0;
background: no-repeat;
border: none;
font-size: 16px;
font-weight: 500;
font-family: inherit;
padding: 0;
color: #f37021;
}
.js-pager__items { text-align: center; }
.js-pager__items .pager__item {
padding: 0;
display: block;
font-size: var(--font-regular);
}
.special-events { padding-top: var(--large-spacing); }
.special-events .cardbox .cardbox-image { height: 250px; }
.special-events .cardbox h4 {
margin-bottom: 0;
color: var(--blue);
}
.special-events .cardbox small { margin-bottom: 0; }
.popular-shows {
padding-top: var(--large-spacing);
position: relative;
}
.popular-shows .cardbox .cardbox-content h4 { color: var(--blue); }
.all-shows { padding-top: var(--large-spacing); }
.all-shows .cardbox .cardbox-content h4 { color: var(--blue); }
.all-shows .btn { margin-top: 30px; }
.promoted-events {
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 480px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.promoted-events .content {
text-align: center;
color: var(--white);
}
.promoted-events .content h3 {
font-size: var(--primary-heading);
color: var(--yellow);
}
.promoted-events .content p {
font-size: calc(var(--root-font) + 4px);
margin-top: 15px;
}
.promoted-events .content .btn {
margin-top: 40px;
width: 220px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
padding: .5rem 2.5rem;
color: var(--white);
background: transparent;
border: 2px solid var(--white);
}
.promoted-events .content .btn:hover {
color: var(--text-primary);
background: var(--white);
border: 2px solid var(--white);
}
.promoted-events:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(32, 41, 92, 0.6);
}
.promoted-banner .image {
width: 100%;
height: 480px;
overflow: hidden;
}
.promoted-banner .image span {
display: flex;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.repley-feature {
position: relative;
padding-top: var(--medium-spacing);
}
.repley-feature .view-content {
display: flex;
align-items: center;
margin: -8px;
}
.repley-feature .view-content .cardbox { margin: 8px; }
.dining-features { padding-top: var(--medium-spacing); }
.dining-features .cardbox {
position: relative;
cursor: pointer;
}
.dining-features .cardbox .list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 25px;
min-height: 200px;
}
.dining-features .cardbox .list img {
width: 100px;
margin-bottom: 20px;
}
.dining-features .cardbox .list p {
font-weight: var(--font-weight-bold);
color: var(--text-dark);
}
.dining-features .btn { margin-top: 30px; }
.overview {
position: relative;
padding-top: var(--small-spacing);
}
.overview .overview-content p {
font-size: calc(var(--root-font) + 1px);
margin-bottom: 10px;
}
.overview .overview-content p a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.overview .overview-content p b.big-text {
font-size: calc(var(--root-font) + 4px);
color: var(--blue);
}
.overview .overview-content h5 {
margin: 30px 0 10px;
font-size: calc(var(--root-font) + 6px);
color: var(--blue);
}
.overview .overview-content ul li {
display: block;
position: relative;
padding-inline-start: 20px;
font-size: calc(var(--root-font) + 2px);
margin-bottom: 3px;
}
.overview .overview-content ul li:last-child { margin-bottom: 0; }
.overview .overview-content ul li:after {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #00AB4E;
}
.overview .overview-content .points ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.overview .overview-content .points ul li {
display: flex;
align-items: center;
width: 50%;
flex: 0 0 50%;
margin-top: 20px;
margin-bottom: 0;
color: var(--text-light);
}
.overview .overview-content .points ul li img {
width: 22px;
flex: 0 0 22px;
margin-inline-end: 5px;
}
.overview .overview-content .points.points-second ul li {
width: 33.33%;
flex: 0 0 33.33%;
}
.overview .overview-content .points.points-second ul li .venue-location {
width: calc(50% - 20px);
margin-inline-end: 20px;
}
.overview .overview-content .points.points-second ul li .venue-time { width: calc(50% - 20px); }
.overview-content h5 {
margin: 20px 0 10px;
font-size: calc(var(--root-font) + 6px);
color: var(--blue);
}
.overview .reserve-table {
padding: 15px;
border-radius: 5px;
border: 1px solid #DDD;
}
.overview .kids-terms {
font-size: calc(var(--root-font) + 1px);
margin-bottom: 10px;
margin-top: 20px;
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.page-node-type-shows-and-events .overview .overview-content .shows-category { padding-top: 30px; }
.page-node-type-shows-and-events .overview .overview-content .shows-category h4 {
font-size: 26px;
font-weight: 700;
color: var(--blue);
margin-bottom: 10px;
}
.page-node-type-shows-and-events .overview .overview-content .shows-category .tag ul {
display: flex;
align-items: center;
}
.page-node-type-shows-and-events .overview .overview-content .shows-category .tag ul li { margin-inline-end: 20px; }
.page-node-type-shows-and-events .overview .overview-content .shows-category .tag ul li:last-child { margin-inline-end: 0; }
.reservation-number {
text-align: center;
font-size: 20px;
font-weight: bold;
}
.reservation-number .btn { margin-top: 20px; }
.overview .reserve-table h5 {
font-size: calc(var(--root-font) + 6px);
color: var(--blue);
text-align: center;
margin-bottom: 15px;
}
.overview .reserve-table h5 i {
font-size: 44px;
vertical-align: -8px;
margin-inline-end: 3px;
color: var(--blue);
}
.overview .reserve-table h4 {
font-size: calc(var(--root-font) + 8px);
color: var(--blue);
margin-bottom: 10px;
}
.overview .reserve-table label {
font-size: var(--font-small);
font-weight: var(--font-weight-semibold);
margin-bottom: 3px;
}
.overview .reserve-table .gj-datepicker-bootstrap[role=right-icon] button,
.overview .reserve-table .gj-timepicker-bootstrap[role=right-icon] button { color: rgba(78, 73, 83, 0.3); }
.overview .reserve-cabana-table h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 1rem;
color: var(--blue);
}
.overview .reserve-cabana-table form {
padding: 20px;
border-radius: 5px;
border: 1px solid #DDD;
}
.overview .reserve-cabana-table form .form-group { margin-bottom: 20px; }
.overview .reserve-cabana-table form .form-group label {
font-size: 17px;
font-weight: 600;
margin-bottom: 8px;
}
.overview .reserve-cabana-table form .form-group.choose-quantity {
display: flex;
align-items: center;
justify-content: space-between;
}
.overview .reserve-cabana-table form .form-group.choose-quantity .quantity {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
flex: 0 0 100px;
}
.overview .reserve-cabana-table form .form-group.choose-quantity .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.overview .reserve-cabana-table form .form-group.choose-quantity .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
font-size: 14px;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.overview .reserve-cabana-table form .form-group.display-date-time {
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
padding: 20px 0;
text-align: center;
}
.overview .reserve-cabana-table form .form-group.display-date-time .date-time-text {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-semibold);
color: #2A2828;
}
.overview .reserve-cabana-table .vipMessage h6 {
font-size: 15px;
font-weight: 500;
margin-bottom: 15px;
text-align: center;
padding: 10px;
border-radius: 10px;
color: var(--blue);
background: #EEF0FD;
}
.overview .reserve-cabana-table .vipMessage p {
font-size: 14px;
margin-top: 15px;
}
.overview .buy-wonderpass-tickets {
margin-top: 30px;
padding: 20px;
border-radius: 5px;
border: 1px solid #DDD;
}
.overview .buy-wonderpass-tickets h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 1rem;
color: var(--blue);
}
.overview .buy-wonderpass-tickets .buy-wonderpass-button {
margin-top: 50px;
}
.overview .get-direction { margin-top: 30px; }
.overview .get-direction a:hover,
.overview .get-direction a:focus {
outline: none;
box-shadow: none;
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.overview .fifa-match-timing { margin-top: 30px; }
.overview .fifa-match-timing .table-responsive {
max-height: 350px;
overflow: auto;
}
.overview .fifa-match-timing .table-responsive .table { margin: 0; }
.overview .fifa-match-timing thead {
color: var(--blue);
background: #F4F4F4;
}
.overview .fifa-match-timing tbody tr td { white-space: nowrap; }
.overview .fifa-match-timing tbody tr td a {
display: inline-block;
margin-inline-start: 4px;
color: var(--blue);
}
.overview .match-score a {
color: var(--orange);
text-decoration: underline;
}
.overview .floor-plan { margin-top: 30px; }
.overview .floor-plan h4 {
margin-bottom: 10px;
font-size: 24px;
font-weight: var(--font-weight-bold);
color: var(--blue);
}
.overview .floor-plan .listing {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin: -8px;
}
.overview .floor-plan .listing .list {
width: calc(33.33% - 16px);
height: 180px;
margin: 8px;
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
}
.overview .floor-plan .listing .list img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.overview img.fifa-1-vector {
position: absolute;
top: -70px;
right: 0;
z-index: -1;
width: 160px;
}
.overview img.fifa-2-vector {
position: absolute;
bottom: 70px;
left: 0;
z-index: 0;
}
.overview .check-availability h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 1rem;
color: var(--blue);
}
.overview .check-availability form {
padding: 20px;
border-radius: 5px;
border: 1px solid #DDD;
}
.overview .check-availability form .form-group { margin-bottom: 20px; }
.overview .check-availability form .form-group label {
font-size: 17px;
font-weight: 600;
margin-bottom: 8px;
}
.overview .check-availability form .form-group.choose-quantity {
display: flex;
align-items: center;
justify-content: space-between;
}
.overview .check-availability form .form-group.choose-quantity .quantity {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
flex: 0 0 100px;
}
.overview .check-availability form .form-group.choose-quantity .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.overview .check-availability form .form-group.choose-quantity .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
font-size: 14px;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.pavallion-associate { padding-top: 30px; }
.pavallion-associate h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
color: var(--blue);
}
.pavallion-associate ul li:not(:last-child) {
margin-right: 0;
margin-inline-end: 1rem;
}
.pavallion-associate ul li img {
width: 24px;
height: 24px;
}
.dining-menu {
padding-top: var(--large-spacing);
position: relative;
}
.dining-menu .menu-image {
height: 220px;
overflow: hidden;
border-radius: 5px;
cursor: pointer;
}
.dining-menu .menu-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.dining-menu .menu-image:hover img { transform: scale(1.1); }
.menu-image img {
width: 100%;
height: auto;
}
.page-node-type-ramadan-majlis .dining-menu .four-thumbnails-arrow { margin: -8px; }
.page-node-type-ramadan-majlis .dining-menu .four-thumbnails-arrow .menu-image {
margin: 8px;
height: 350px;
}
.special-offers { padding-top: var(--medium-spacing); }
.special-offers .content {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 8px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.special-offers .content .image {
width: 300px;
flex: 0 0 300px;
height: 200px;
overflow: hidden;
border-radius: 3px;
margin-inline-end: 20px;
}
.special-offers .content .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.special-offers .content .details {
width: calc(100% - 320px);
flex: 0 0 calc(100% - 320px);
}
.special-offers .content .details h4 {
font-size: var(--section-header);
color: var(--blue);
}
.special-offers .content .details p { margin-top: 10px;}
.special-offers .content .details a {
color: var(--orange);
text-decoration: underline;
}
.similer-outlets {
padding-top: var(--large-spacing);
position: relative;
}
.imageoverly-content {
position: relative;
margin-top: 40px;
}
.imageoverly-content.fortravel-trade { padding-top: var(--medium-spacing); }
.imageoverly-content.fortravel-trade .list .content h4 { margin-bottom: 10px; }
.fortravel-trade.imageoverly-content .list .content p { margin-bottom: 5px; }
.fortravel-trade.imageoverly-content .list .content p strong {
display: block;
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.fortravel-trade.imageoverly-content .list .content ul {
padding-inline-start: 20px;
margin-top: 15px;
}
.fortravel-trade.imageoverly-content .list .content ul li { margin-bottom: 3px; }
.fortravel-trade.imageoverly-content .list .content ul li:last-child { margin-bottom: 0; }
.fortravel-trade.imageoverly-content .list .content a.showMore {
display: block;
font-size: 12px;
font-weight: 500;
margin-top: 20px;
color: var(--orange);
text-decoration: none;
}
.fortravel-trade.imageoverly-content .list .content a.showMore::after { content: '...View More'; }
.fortravel-trade.imageoverly-content .list .content a.showLess::after { content: 'View Less'; }
.fortravel-trade.imageoverly-content .list .content {
height: 360px;
overflow: auto;
}
.imageoverly-content .list { margin-bottom: 40px; }
.imageoverly-content .list .image {
height: 430px;
overflow: hidden;
position: relative;
border-radius: 5px;
}
.imageoverly-content .list .image .cycle {
height: 100%;
height: 100%;
cursor: move;
}
.imageoverly-content .list .image span {
display: none;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.imageoverly-content .list .image span:nth-child(2) { display: block; }
.imageoverly-content.fortravel-trade .list .image span { display: block; }
.imageoverly-content .list .image i {
position: absolute;
top: 15px;
z-index: 1;
font-size: 36px;
color: var(--white);
}
.imageoverly-content .list .content {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 520px;
min-height: 270px;
padding: 30px;
background: var(--white);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.imageoverly-content .list .content h4 {
font-size: calc(var(--root-font) + 0.5rem);
color: var(--text-primary);
margin-bottom: 10px;
}
.imageoverly-content .list .content p { margin-bottom: 0; }
.imageoverly-content .list .content .suggested-duration {
color: var(--text-light);
margin-top: 20px;
}
.imageoverly-content .list .content .suggested-duration i {
margin-inline-end: 5px;
vertical-align: -3px;
font-size: calc(var(--root-font) + 4px);
color: var(--blue-icon);
}
.imageoverly-content .list .image.rightside i { right: 15px; }
.imageoverly-content .list .image.leftside i { left: 15px; }
.imageoverly-content .list .content.rightside { right: 20px; }
.imageoverly-content .list .content.leftside { left: 20px; }
.imageoverly-content .list:hover .image span { transform: scale(1.1); }
.merchent-offers {
padding-top: var(--large-spacing);
position: relative;
}
.merchent-offers .offer-image {
height: 220px;
overflow: hidden;
border-radius: 5px;
}
.merchent-offers .offer-image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.merchent-offers .offer-image:hover span { transform: scale(1.1); }
.exclusivepack-benifits { margin-top: 40px; }
.exclusivepack-benifits .content {
padding: 20px;
border-radius: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background: #F2F9FF;
}
.exclusivepack-benifits .content>div {
display: flex;
align-items: center;
}
.exclusivepack-benifits .content>div i {
font-size: 44px;
vertical-align: middle;
margin-inline-end: 15px;
color: var(--blue);
}
.exclusivepack-benifits .content>div h5 {
font-size: calc(var(--root-font) + 6px);
color: var(--blue);
margin-bottom: 4px;
}
.exclusivepack-benifits .content>div p {
font-size: calc(var(--root-font) + 2px);
color: var(--text-primary);
}
.exclusivepack-benifits .content img {
position: absolute;
right: 30px;
top: -10px;
height: 96px;
}
.carnaval-logo {
text-align: center;
margin-top: -130px;
z-index: 1;
position: relative;
}
.carnaval-logo img {
max-width: 650px;
height: auto;
}
.carnaval-feature {
padding-top: var(--medium-spacing);
position: relative;
}
.carnaval-feature .view-content {
display: flex;
align-items: stretch;
margin: -8px;
}
.carnaval-feature .view-content .cardbox {
width: calc(33.33% - 16px);
margin: 8px;
}
.external-links {
padding-top: var(--large-spacing);
padding-bottom: var(--large-spacing);
position: relative;
overflow: hidden;
}
.external-links .content {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 360px;
}
.external-links .content .ip-promo {
width: 50%;
height: 100%;
padding: 20px;
color: var(--white);
background: #D7182A;
}
.external-links .content .ip-promo div {
display: flex;
flex-direction: column;
flex: 1;
height: 275px;
}
.external-links .content .rent-ride {
width: 50%;
height: 100%;
padding: 20px;
color: var(--white);
background: #0075BE;
}
.external-links .content .rent-ride div {
display: flex;
flex-direction: column;
flex: 1;
height: 275px;
}
.external-links .content h4 {
font-size: 35px;
margin-bottom: 25px;
}
.external-links .content a.btn {
display: block;
width: 100%;
height: 44px;
line-height: 30px;
font-weight: var(--font-weight-semibold);
color: var(--white);
border: 2px solid var(--white);
}
.our-outlets.ride-attraction-outlets .name { color: var(--blue); }
.ride-attraction-all-outlets {
padding-bottom: var(--large-spacing);
position: relative;
overflow: hidden;
}
.ride-attraction-all-outlets .cardbox .cardbox-content h4 { color: var(--blue); }
.similer-rides {
padding-bottom: var(--large-spacing);
position: relative;
overflow: hidden;
}
.similer-rides .view-content {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin: -8px;
}
.similer-rides .view-content .cardbox {
width: calc(33.33% - 16px);
margin: 8px;
min-height: 435px;
}
.profile-banner {
background: url(../images/resources/profile-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
height: 550px;
display: flex;
align-items: end;
text-align: center;
padding: 20px 0 100px;
}
.profile-banner .user-details { position: relative; }
.profile-banner .user-details .upload-image {
position: absolute;
top: 0;
left: calc(50% + 46px);
transform: translateX(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 44px;
text-align: center;
font-size: 22px;
cursor: pointer;
z-index: 1;
color: var(--orange);
background: #FCDAC5;
}
.profile-banner .user-details .upload-image input {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
opacity: 0;
cursor: pointer;
z-index: 10;
}
.profile-banner .user-details .user-image {
width: 140px;
height: 140px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
border: 5px solid var(--white);
}
.profile-banner .user-details .user-image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.profile-banner .user-details h1 {
font-size: var(--primary-heading);
color: var(--white);
margin-top: 45px;
}
.profile-banner .user-details .silver-member,
.profile-banner .user-details .gold-member,
.profile-banner .user-details .platinum-member,
.profile-banner .user-details .diamond-member,
.profile-banner .user-details .private-member,
.profile-banner .user-details .complementary-member,
.profile-banner .user-details .mini-member {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-bold);
width: max-content;
padding: 7px 15px;
margin: 10px auto 20px;
border-radius: 5px;
}
.profile-banner .user-details .silver-member {
color: #7A7B7F;
background: #DEE0E8;
}
.profile-banner .user-details .gold-member {
color: #CBA334;
background: #F9F0D8;
}
.profile-banner .user-details .platinum-member {
color: #151F33;
background: #E5EDFF;
}
.profile-banner .user-details .diamond-member {
color: #5B5B5C;
background: #E4E4E4;
}
.profile-banner .user-details .private-member {
color: #020202;
background: #E6E6E6;
}
.profile-banner .user-details .complementary-member {
color: #F26F22;
background: #ffe7da;
}
.profile-banner .user-details .mini-member {
color: #2D8DBC;
background: #F0FAFF;
}
.profile-banner .user-details .btn { margin-top: 15px; }
.profile {
position: relative;
max-width: 1050px;
margin: -36px auto 0;
}
.profile .profile-section {
width: 100%;
margin: 0 auto;
}
.profile .nav-tabs.profile-tabs {
border-radius: 5px;
background: var(--white);
border-bottom: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
.profile .nav-tabs.profile-tabs {
position: -webkit-sticky;
position: sticky;
top: 81px;
z-index: 1019;
}
}
.profile .nav-tabs.profile-tabs .nav-item {
width: 33.33%;
flex: 0 0 33.33%;
text-align: center;
}
.profile .nav-tabs.profile-tabs .nav-item .nav-link {
padding: 10px 20px;
margin: 10px 0;
font-size: calc(var(--root-font) + 6px);
border-radius: 0;
color: var(--text-dark);
border: none;
border-inline-end: 1px solid rgb(79 ,74 ,84 , 0.2)
}
.profile .nav-tabs.profile-tabs .nav-item:last-child .nav-link{ border-right: none; }
.profile .nav-tabs.profile-tabs .nav-item .nav-link.active {
font-weight: var(--font-weight-bold);
color: var(--orange);
background-color: transparent;
}
.profile .tab-content { position: relative; }
/* VIP user color changes*/
.profile .nav-tabs.profile-tabs .nav-item {
border-bottom: 3px solid transparent;
}
.profile .nav-tabs.profile-tabs .nav-item.active {
border-bottom: 3px solid var(--orange);
}
.profile.silver .nav-tabs.profile-tabs {
background: #E3F9DD;
}
.profile.gold .nav-tabs.profile-tabs {
background: #EFEFEF;
}
.profile.platinum .nav-tabs.profile-tabs {
background: #E7F2F9;
}
.profile.complimentary .nav-tabs.profile-tabs {
background: #E3F9DD;
}
.profile.private .nav-tabs.profile-tabs {
background: #FFE8E9;
}
.profile.diamond .nav-tabs.profile-tabs {
background: #F0F0F0;
}
.profile .card {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border: none;
border-radius: 5px !important;
margin-top: 60px;
overflow: unset;
}
.profile .card .card-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 25px 20px;
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
border-radius: 5px;
color: var(--blue);
background-color: rgba(0, 117, 190, 0.05);
border-bottom: none;
}
.profile .card .card-header span { cursor: pointer; }
.profile .card .card-header a {
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.profile .card .card-header a.btn:hover,
.profile .card .card-header a.btn:focus { color: var(--white); }
.profile .card .card-body { min-height: 90px; }
.profile .card .card-body.single-list {
display: flex;
align-items: center;
}
.profile .my-purchase ul.list { width: 100%; }
.profile .my-purchase ul.list li {
display: flex;
align-items: flex-start;
padding: 25px 20px;
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
font-size: var(--root-font);
}
.profile .my-purchase ul.list li .left-side {
width: 150px;
flex: 0 0 150px;
}
.profile .my-purchase ul.list li .left-side label {
margin-bottom: 0;
text-transform: uppercase;
font-weight: var(--font-weight-bold);
}
.profile .my-purchase ul.list li .right-side { width: calc(100% - 150px); }
.profile .my-purchase ul.list li .right-side a.view {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.profile .my-purchase ul.list li .right-side a.view i {
vertical-align: middle;
margin-inline-start: 3px;
font-size: var(--font-extrasmall);
}
.profile .my-purchase ul.list li .right-side a.addtofavourite {
display: inline-block;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
color: #D7182A;
background: #FBE7E9;
}
.profile .my-purchase ul.list li .right-side .car-list {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
}
.profile .my-purchase ul.list li .right-side a {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.profile .my-purchase ul.list li .right-side a.change-car i {
vertical-align: middle;
font-size: 18px;
margin-inline-start: 3px;
}
.profile .my-purchase ul.list li .right-side a.add-car i {
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
display: inline-block;
font-size: 12px;
margin-inline-end: 4px;
background: var(--orange);
color: var(--white);
}
.profile .my-purchase ul.list li .right-side.multi-column {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.profile .my-purchase ul.list li .right-side.multi-column a {
font-weight: var(--font-weight-semibold);
color: var(--orange);
white-space: nowrap;
display: flex;
align-items: center;
margin-inline-start: 20px;
}
.profile .my-purchase ul.list li .right-side.offer-slider {
width: calc(100% - 210px);
flex: 0 0 calc(100% - 210px);
}
.profile .my-purchase ul.list li:last-child { border-bottom: none; }
.profile .my-purchase .my-wonderpass {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -12px -12px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count { margin: 12px; }
.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
color: rgba(78, 73, 83, 0.5);
margin-bottom: 10px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title span { float: left; }
.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title .btn {
border: none;
padding: 0;
width: 24px;
height: 24px;
font-size: 20px;
float: right;
}
.profile .my-purchase .my-wonderpass .wonderpass-count.disabled .wonderpass-title .btn{
pointer-events: none;
opacity: 0.5;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title .btn:hover {
color: var(--ornage);
background: transparent;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
width: 340px;
height: 230px;
padding: 10px;
border-radius: 7px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general { background: url(../images/resources/general-wonderpass.jpg); }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private { background: #5d2940; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini { background: #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold { background: #000000; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond { background: #353535; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus { background: #00496D; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary { background: #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
padding-inline-end: 10px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top h5 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
color: var(--white);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .top h5 {
padding: 6px 12px;
border-radius: 3px;
background: rgba(0, 0, 0, 0.5);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top a { display: block; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top a img {
width: 26px;
vertical-align: middle;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle {
border-radius: 7px;
padding: 10px;
background: var(--white);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .middle { color: #7f337b; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private .middle { color: #5d2940; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver .middle,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini.pack { color: #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold .middle { color: #000000; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond .middle { color: #353535; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum .middle,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle { color: #00496D; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary .middle { color: #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 15px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div:last-child { margin-bottom: 0; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div h6 {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-semibold);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div a {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .middle>div a { color: #7f337b; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private .middle>div a { color: #5d2940; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver .middle>div a,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini .middle>div a,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div a { color: #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold .middle>div a { color: #000000;}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond .middle>div a { color: #353535; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum .middle>div a,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div a { color: #00496D; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div a { color: #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list {
width: 33.33%;
padding: 0 3px;
margin: 0 3px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .middle>div .list { border-inline-end: 1px solid #7f337b; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private .middle>div .list { border-inline-end: 1px solid #5d2940; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver .middle>div .list,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini .middle>div .list,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div .list { border-inline-end: 1px solid #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold .middle>div .list { border-inline-end: 1px solid #000000; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond .middle>div .list { border-inline-end: 1px solid #353535; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum .middle>div .list,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div .list { border-inline-end: 1px solid #00496D; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div .list { border-inline-end: 1px solid #8DAE83; }
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list:first-child {
padding-inline-start: 0;
margin-inline-start: 0;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list:last-child {
border-inline-end: none;
padding-inline-end: 0;
margin-inline-end: 0;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list label {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
line-height: 14px;
height: 28px;
margin-bottom: 10px;
display: block;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 {
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 small {
font-size: calc(var(--root-font) - 2px);
opacity: 0.5;
display: inline-block;
margin-inline-start: 5px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .bottom {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
margin-top: 15px;
padding: 0;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .bottom a {
font-size: calc(var(--root-font) - 4px);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: rgba(256, 256, 256, 0.2);
padding: 6px 15px;
border-radius: 4px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general-wonderpass .bottom a {
padding: 5px 10px;
border-radius: 3px;
background: rgba(0,0,0,0.15);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .bottom a img {
width: 15px;
vertical-align: -2px;
margin-inline-end: 2px;
}
.profile .my-purchase .my-tickets {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin: -10px;
}
.profile .my-purchase .my-tickets .ticket-count {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 150px;
height: 130px;
padding: 15px;
margin: 10px;
text-align: center;
border-radius: 10px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.profile .my-purchase .my-tickets .ticket-count img { margin-bottom: 10px; }
.profile .my-purchase .my-tickets .ticket-count h5 {
margin-bottom: 10px;
font-weight: var(--font-weight-semibold);
}
.profile .my-purchase .my-tickets .ticket-count a {
color: var(--orange);
margin-bottom: 10px;
font-weight: var(--font-weight-semibold);
}
.profile .my-purchase .my-tickets .ticket-count p { font-weight: 700; }
.profile .my-purchase .my-tickets .ticket-count span {
font-size: calc(var(--root-font) - 2px);
font-weight: 600;
color: rgba(78, 73, 83, 0.4);
}
.profile .my-purchase .complementary-offer {
margin: 8px;
padding: 15px;
text-align: center;
border-radius: 10px;
cursor: pointer;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.profile .my-purchase .complementary-offer img { margin: 0 auto; }
.profile .my-purchase .complementary-offer h6 {
font-size: var(--root-font);
margin: 20px 0 10px;
}
.profile .my-purchase .complementary-offer p { font-size: calc(var(--root-font) - 2px); }
.profile .my-purchase .complementary-offer span {
display: block;
margin-top: 7px;
font-size: calc(var(--root-font) - 2px);
color: var(--text-light);
}
.profile .my-purchase .complementary-offer span a {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.profile .my-purchase .table {
font-family: inherit;
font-size: var(--root-font);
}
.profile .my-purchase .table thead th {
text-transform: uppercase;
padding: 1.25rem 20px 0.5rem;
color: var(--text-primary);
background: var(--white);
border-top: none;
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .my-purchase .table tbody td,
.profile .my-purchase .table tbody th {
white-space: nowrap;
vertical-align: middle;
padding: 1.25rem 20px;
text-align: left;
background: var(--white);
border: none;
border-top: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .my-purchase .table tbody td:nth-child(2) { white-space: normal; }
.profile .my-purchase .raffeldraw-offers p { margin-bottom: 1.5rem; }
.profile .my-purchase .raffeldraw-offers h5 {
font-size: var(--root-font);
font-weight: var(--font-weight-bold);
margin-bottom: 10px;
color: var(--blue);
}
.profile .my-purchase .raffeldraw-offers .offers {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: -10px;
}
.profile .my-purchase .raffeldraw-offers .list {
display: flex;
align-items: center;
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
padding: 12px;
margin: 10px;
border-radius: 8px;
background: var(--white);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
cursor: pointer;
position: relative;
}
@media (max-width: 767px) {
.profile .my-purchase .raffeldraw-offers .list {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
}
.profile .my-purchase .raffeldraw-offers .list .user-delete-offer {
position: absolute;
width: 16px;
height: 16px;
right: 10px;
top: 10px;
}
.profile .my-purchase .raffeldraw-offers .list:last-child { margin-bottom: 0; }
.profile .my-purchase .raffeldraw-offers .list .image { margin-inline-end: 15px; }
.profile .my-purchase .raffeldraw-offers .list .image img {
width: 50px;
height: 50px;
}
.profile .my-purchase .raffeldraw-offers .list .description {
width: 100%;
flex: 1;
}
.profile .my-purchase .raffeldraw-offers .list .description h6 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-medium);
margin-bottom: 4px;
}
.profile .my-purchase .raffeldraw-offers .list .description p {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
margin-bottom: 2px;
}
.profile .my-purchase .raffeldraw-offers .list .description span {
display: block;
font-size: calc(var(--root-font) - 2px);
color: var(--text-light);
}
.profile .my-purchase .raffeldraw-offers .list .apply-now {
margin-inline-start: 15px;
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
color: var(--orange);
}
.profile .my-purchase .raffeldraw-offers .list .apply-now a {
position: relative;
top: 0;
right: 0;
display: block;
width: auto;
height: auto;
font-size: 14px;
color: var(--orange);
text-align: center;
line-height: initial;
z-index: 1;
}
.purchase-history { padding-top: var(--large-spacing); }
.purchase-history .card {
border: none;
border-radius: 5px !important;
overflow: unset;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.purchase-history .card .card-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 25px 20px;
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
border-radius: 5px;
color: var(--blue);
background-color: rgba(0, 117, 190, 0.05);
border-bottom: none;
}
@media (max-width: 767px) {
.purchase-history .card .card-header {
padding: 20px 15px;
font-size: calc(var(--root-font) + 2px);
}
}
.purchase-history .table {
font-family: inherit;
font-size: var(--root-font);
}
.purchase-history .table thead th {
text-transform: uppercase;
padding: 1.25rem 20px 0.5rem;
color: var(--text-primary);
background: var(--white);
border-top: none;
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.purchase-history .table tbody td,
.purchase-history .table .table tbody th {
white-space: nowrap;
vertical-align: middle;
padding: 1.25rem 20px;
background: var(--white);
border: none;
border-top: 1px solid rgba(78, 73, 83, 0.2);
}
.purchase-history .table tbody td:nth-child(2) { white-space: wrap; }
.purchase-history .table thead th:nth-child(4),
.purchase-history .table tbody td:nth-child(4) { text-align: end !important; }
#cart_raffle_wonderpass .modal-dialog {
max-width: 800px;
}
@media (max-width: 992px) {
#cart_raffle_wonderpass .modal-dialog {
max-width: 600px;
}
}
@media (max-width: 575px) {
#cart_raffle_wonderpass .modal-dialog {
max-width: 400px;
}
}
#cart_raffle_wonderpass .modal-content {
background: var(--white);
padding: 20px;
}
#cart_raffle_wonderpass .modal-content .modal-header .modal-title {
text-align: center;
display: block;
width: 100%;
}
#cart_raffle_wonderpass .modal-content a.cross {
font-size: 14px;
z-index: 1;
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 31px;
color: var(--white);
background: var(--orange);
}
#cart_raffle_wonderpass .my-wonderpass {
display: flex;
align-items: end;
flex-wrap: wrap;
margin: 0 -12px -12px;
justify-content: center;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count { margin: 12px; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
color: rgba(78, 73, 83, 0.5);
margin-bottom: 10px;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title span { float: left; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title .btn {
border: none;
padding: 0;
width: 24px;
height: 24px;
font-size: 20px;
float: right;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title .btn:hover {
color: var(--ornage);
background: transparent;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
width: 340px;
height: 230px;
padding: 10px;
border-radius: 7px;
display: flex;
flex-direction: column;
justify-content: center;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details:hover {
cursor: pointer;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count.active .card-details {
box-shadow: 0px 0px 10px rgb(0 0 0);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general { background: url(../images/resources/general-wonderpass.jpg); }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private { background: #691932; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini { background: #009CA8; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold { background: #A5772A; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond { background: #333230; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus { background: #151642; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary { background: #141416; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
padding-inline-end: 10px;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top h5 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
color: var(--white);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general-wonderpass .top h5 {
padding: 6px 12px;
border-radius: 3px;
background: rgba(0,0,0,0.5);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top a { display: block; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top a img {
width: 26px;
vertical-align: middle;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle {
border-radius: 7px;
padding: 10px;
background: var(--white);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .middle { color: #7f337b; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private .middle { color: #691932; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver .middle,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini.pack { color: #009CA8; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold .middle { color: #A5772A; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond .middle { color: #333230; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum .middle,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle { color: #151642; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary .middle { color: #141416; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 15px;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div:last-child { margin-bottom: 0; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div h6 {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-semibold);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div a {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .middle>div a { color: #7f337b; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private .middle>div a { color: #691932; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver .middle>div a,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini .middle>div a,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div a { color: #009CA8; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold .middle>div a { color: #A5772A;}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond .middle>div a { color: #333230; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum .middle>div a,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div a { color: #151642; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div a { color: #141416; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list {
width: 33.33%;
padding: 0 3px;
margin: 0 3px;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .middle>div .list { border-inline-end: 1px solid #7f337b; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private .middle>div .list { border-inline-end: 1px solid #691932; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver .middle>div .list,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini .middle>div .list,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div .list { border-inline-end: 1px solid #009CA8; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold .middle>div .list { border-inline-end: 1px solid #A5772A; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond .middle>div .list { border-inline-end: 1px solid #333230; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum .middle>div .list,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div .list { border-inline-end: 1px solid #151642; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div .list { border-inline-end: 1px solid #141416; }
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list:first-child {
padding-inline-start: 0;
margin-inline-start: 0;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list:last-child {
border-inline-end: none;
padding-inline-end: 0;
margin-inline-end: 0;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list label {
font-size: calc(var(--root-font) - 2px);
font-weight: var(--font-weight-medium);
line-height: 14px;
height: 28px;
margin-bottom: 10px;
display: block;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 {
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 small {
font-size: calc(var(--root-font) - 2px);
opacity: 0.5;
display: inline-block;
margin-inline-start: 5px;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .bottom {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
margin-top: 15px;
padding: 0 50px 0 15px;
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .bottom a {
font-size: calc(var(--root-font) - 4px);
font-weight: var(--font-weight-semibold);
color: var(--white);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .bottom a {
padding: 7px 12px;
border-radius: 3px;
background: rgba(0,0,0,0.15);
}
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .bottom a img {
width: 15px;
vertical-align: -2px;
margin-inline-end: 2px;
}
.profile .my-purchase .cabana-booking,
.profile .my-purchase .fifa-match-booking {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #DDD;
}
.profile .my-purchase .cabana-booking:last-child,
.profile .my-purchase .fifa-match-booking:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.profile .my-purchase .cabana-booking .left,
.profile .my-purchase .fifa-match-booking .left {
width: calc(100% - 320px);
flex: 0 0 calc(100% - 320px);
}
@media (max-width: 767px) {
.profile .my-purchase .cabana-booking .left,
.profile .my-purchase .fifa-match-booking .left {
width: 100%;
flex: 0 0 100%;
}
}
.profile .my-purchase .cabana-booking .left h4,
.profile .my-purchase .fifa-match-booking .left h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
color: var(--blue);
}
.profile .my-purchase .cabana-booking .start-date,
.profile .my-purchase .fifa-match-booking .start-date { margin-bottom: 15px; }
.profile .my-purchase .cabana-booking .end-date,
.profile .my-purchase .fifa-match-booking .end-date { margin-bottom: 20px; }
.profile .my-purchase .cabana-booking .start-date label,
.profile .my-purchase .cabana-booking .end-date label,
.profile .my-purchase .fifa-match-booking .start-date label,
.profile .my-purchase .fifa-match-booking .end-date label {
display: block;
font-size: 16px;
font-weight: 400;
margin-bottom: 2px;
color: #A5A5A5;
}
.profile .my-purchase .cabana-booking .start-date span,
.profile .my-purchase .cabana-booking .end-date span,
.profile .my-purchase .fifa-match-booking .start-date span,
.profile .my-purchase .fifa-match-booking .end-date span {
font-size: 18px;
font-weight: 700;
}
.profile .my-purchase .cabana-booking button,
.profile .my-purchase .fifa-match-booking button { width: 250px; }
.profile .my-purchase .cabana-booking .note,
.profile .my-purchase .fifa-match-booking .note {
display: flex;
align-items: flex-start;
margin-top: 12px;
font-size: 14px;
}
.profile .my-purchase .cabana-booking .note b,
.profile .my-purchase .fifa-match-booking .note b { margin-inline-end: 3px; }
.profile .my-purchase .cabana-booking .majlis-terms-link { margin-top: -25px; }
.profile .my-purchase .cabana-booking .majlis-terms-link a {
font-size: 14px;
font-weight: 500;
text-decoration: underline;
color: var(--orange);
}
@media (max-width: 767px) {
.profile .my-purchase .cabana-booking .majlis-terms-link {
margin-top: 20px;
text-align: center;
width: 100%;
}
}
.profile .my-purchase .cabana-booking .cabana-terms-link { margin-top: -30px; }
@media (max-width: 1080px) {
.profile .my-purchase .cabana-booking .cabana-terms-link { margin-top: -10px; }
}
@media (max-width: 767px) {
.profile .my-purchase .cabana-booking .cabana-terms-link {
margin-top: 20px;
text-align: center;
width: 100%;
}
}
.profile .my-purchase .cabana-booking .cabana-terms-link a {
font-size: 14px;
font-weight: 500;
text-decoration: underline;
color: var(--orange);
}
.profile .my-purchase .cabana-booking .right,
.profile .my-purchase .fifa-match-booking .right {
width: 300px;
flex: 0 0 300px;
text-align: center;
margin-inline-start: 1.25rem;
}
@media (max-width: 767px) {
.profile .my-purchase .cabana-booking .right,
.profile .my-purchase .fifa-match-booking .right {
width: 100%;
flex: 0 0 100%;
margin-top: 15px;
margin-inline-start: 0;
}
}
.profile .my-purchase .cabana-booking .right p,
.profile .my-purchase .fifa-match-booking .right p {
font-size: 14px;
color: var(--text-light);
}
.profile .my-purchase .cabana-booking .right img,
.profile .my-purchase .fifa-match-booking .right img {
width: 220px;
height: auto;
}
.profile .my-purchase .cabana-booking .right span,
.profile .my-purchase .fifa-match-booking .right span {
display: block;
text-align: center;
font-size: 18px;
font-weight: 600;
margin-top: 5px;
}
@media (max-width: 576px) {
.profile .my-purchase .cabana-booking,
.profile .my-purchase .fifa-match-booking {
flex-direction: column;
align-items: flex-start;
}
.profile .my-purchase .cabana-booking .left h4,
.profile .my-purchase .fifa-match-booking .left h4 {
font-size: 18px;
font-weight: 700;
}
.profile .my-purchase .cabana-booking .start-date span,
.profile .my-purchase .cabana-booking .end-date span,
.profile .my-purchase .fifa-match-booking .start-date span,
.profile .my-purchase .fifa-match-booking .end-date span { font-size: 16px; }
.profile .my-purchase .cabana-booking .note,
.profile .my-purchase .fifa-match-booking .note { font-size: 12px; }
.profile .my-purchase .cabana-booking .note br,
.profile .my-purchase .fifa-match-booking .note br { display: none; }
}
.profile .ticket-help {
width: 720px;
margin: 60px auto 0;
text-align: center;
}
.profile .ticket-help h6 {
font-size: calc(var(--root-font) + 2px);
margin-bottom: 3px;
}
.profile .ticket-help p { font-size: calc(var(--root-font) + 3px); }
.profile .ticket-help p a {
color: var(--orange);
font-weight: var(--font-weight-bold);
text-decoration: underline;
}
.profile .favourites-routes .favourites h5 {
padding-inline-start: 20px;
margin-top: 30px;
margin-bottom: 10px;
font-size: calc(var(--root-font) + 2px);
text-transform: uppercase;
color: var(--blue);
}
.profile .favourites-routes .favourites ul.list li {
display: block;
padding: 15px 20px;
font-size: var(--root-font);
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .favourites-routes .favourites ul.list li label {
margin-bottom: 0;
font-weight: var(--font-weight-bold);
text-transform: uppercase;
}
.profile .favourites-routes .favourites ul.list li a.view {
font-weight: var(--font-weight-semibold);
color: var(--orange);
display: flex;
align-items: center;
}
.profile .favourites-routes .favourites ul.list li a.view i {
vertical-align: middle;
font-size: var(--font-extrasmall);
margin-inline-start: 3px;
}
.profile .favourites-routes .favourites ul.list li .fav-flag {
display: inline-block;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
cursor: pointer;
color: #DBDADC;
background: #FAFAFA;
}
.profile .favourites-routes .favourites ul.list li .fav-flag.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.profile .favourites-routes .favourites ul.list li p { font-size: calc(var(--root-font) + 1px); }
.profile .favourites-routes .favourites ul.list li p a {
font-weight: var(--font-weight-medium);
color: var(--orange);
}
.profile .favourites-routes .favourites ul.list li:first-child { border-top: 1px solid rgba(78, 73, 83, 0.2); }
.profile .favourites-routes .favourites:last-child ul.list li:last-child { border-bottom: none; }
.profile .favourites-routes .routes img {
width: 100%;
margin-bottom: 30px;
}
.profile .favourites-routes .routes h5 {
margin-top: 50px;
margin-bottom: 10px;
font-size: calc(var(--root-font) + 2px);
}
.profile .favourites-routes .routes ul.list li {
display: block;
padding: 15px 0;
font-size: var(--root-font);
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .favourites-routes .routes ul.list li label {
margin-bottom: 0;
font-weight: var(--font-weight-bold);
text-transform: uppercase;
}
.profile .favourites-routes .routes ul.list li a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 20px;
color: var(--orange);
}
.profile .favourites-routes .routes ul.list li a:last-child { font-size: 18px; }
.profile .favourites-routes .routes ul.list li:first-child { border-top: 1px solid rgba(78, 73, 83, 0.2); }
.profile .favourites-routes .routes:last-child ul.list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
#profile .intro-text { margin: 30px 0 40px; }
#profile .intro-text p {
font-size: calc(var(--root-font) + 2px);
margin-bottom: 0;
}
#profile .details-tabs {
margin: -5px;
border-bottom: none;
}
@media (max-width: 767px) {
#profile .details-tabs {
position: -webkit-sticky;
position: sticky;
top: 145px;
z-index: 1018;
}
}
@media (max-width: 576px) {
#profile .details-tabs { margin: -3px; }
}
#profile .details-tabs .nav-item {
margin: 5px;
width: calc(33.33% - 10px);
flex: 0 0 calc(33.33% - 10px);
}
@media (max-width: 576px) {
#profile .details-tabs .nav-item {
margin: 3px;
width: auto;
flex: 1;
}
}
#profile .details-tabs .nav-item .nav-link {
height: 60px;
line-height: 44px;
font-size: var(--medium-font);
font-weight: var(--font-weight-semibold);
text-align: center;
border-radius: 0.25rem;
background: #F5F5F5;
border: none;
transition: all 0.25s ease-in-out;
}
@media (max-width: 576px) {
#profile .details-tabs .nav-item .nav-link {
height: 40px;
line-height: 24px;
font-size: 12px;
}
}
#profile .details-tabs .nav-item .nav-link.active {
color: var(--white);
background-color: var(--blue);
border-color: transparent;
}
.profile .my-profile ul.personal-details {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 3px solid rgba(32, 41, 92, 0.5);
}
.profile .my-profile ul.personal-details:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.profile .my-profile ul.personal-details li {
display: flex;
align-items: center;
padding: 25px 20px;
font-size: calc(var(--root-font) + 2px);
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
@media (max-width: 576px) {
.profile .my-profile ul.personal-details li { padding: 15px; }
}
.profile .my-profile ul.personal-details li label {
width: 250px;
flex: 0 0 250px;
margin-bottom: 0;
font-weight: var(--font-weight-bold);
}
.profile .my-profile ul.personal-details li div { flex: 1; }
.profile .my-profile ul.personal-details li a {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.profile .my-profile ul.personal-details li:last-child { border-bottom: none; }
.profile .my-profile ul.personal-details li .action-links {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.profile .my-profile .delete-account {
text-align: end;
margin-top: 40px;
}
.profile .my-profile .delete-account a {
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: #FF4F5D;
padding: 10px 20px;
border-radius: 4px;
display: block;
width: fit-content;
margin-inline-start: auto;
}
.profile .my-profile .no-family-available {
padding: 50px;
text-align: center;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.profile .my-profile .member-list .list {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 25px 20px;
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .my-profile .member-list .list .list-row {
margin-bottom: 40px;
display: flex;
column-gap: 40px;
width: 100%;
flex-wrap: wrap;
}
.profile .my-profile .member-list .list .list-row:last-child { margin-bottom: 0; }
.profile .my-profile .member-list .list .list-row > div {
margin: 7px;
width: 275px;
flex: 0 0 275px;
}
@media (max-width: 1199px) {
.profile .my-profile .member-list .list .list-row {
column-gap: 20px;
}
.profile .my-profile .member-list .list .list-row > div {
width: 180px;
flex: 0 0 180px;
}
}
@media (max-width: 767px) {
.profile .my-profile .member-list .list .list-row {
margin-bottom: 0;
}
.profile .my-profile .member-list .list .list-row > div {
width: 100%;
flex: 0 0 100%;
}
}
.profile .my-profile .member-list .list div label {
width: 100%;
flex: 0 0 100%;
font-size: 14px;
font-weight: var(--font-weight-medium);
}
.profile .my-profile .member-list .list .relation {
width: 150px;
flex: 0 0 150px;
}
@media (max-width: 991px) {
.profile .my-profile .member-list .list .relation {
width: calc(33.33% - 14px);
flex: 0 0 calc(33.33% - 14px);
}
}
@media (max-width: 576px) {
.profile .my-profile .member-list .list .relation {
width: calc(100% - 14px);
flex: 0 0 calc(100% - 14px);
}
}
.profile .my-profile .member-list .list .relation select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}
.profile .my-profile .member-list .list .name {
width: 250px;
flex: 0 0 250px;
}
@media (max-width: 991px) {
.profile .my-profile .member-list .list .name {
width: calc(33.33% - 14px);
flex: 0 0 calc(33.33% - 14px);
}
}
@media (max-width: 576px) {
.profile .my-profile .member-list .list .name {
width: calc(100% - 14px);
flex: 0 0 calc(100% - 14px);
}
}
.profile .my-profile .member-list .list .birth-date {
width: 200px;
flex: 0 0 200px;
}
.profile .my-profile .member-list .list .birth-date .date {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
@media (max-width: 991px) {
.profile .my-profile .member-list .list .birth-date {
width: calc(33.33% - 14px);
flex: 0 0 calc(33.33% - 14px);
}
}
@media (max-width: 576px) {
.profile .my-profile .member-list .list .birth-date {
width: calc(100% - 14px);
flex: 0 0 calc(100% - 14px);
}
}
.profile .my-profile .member-list .list .uae-member {
flex: 1;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 200px;
flex: 0 0 200px;
}
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked) {
position: absolute;
}
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked + label,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked) + label {
position: relative;
display: inline-block;
cursor: pointer;
margin-bottom: 0;
font-size: var(--root-font);
font-weight: var(--font-weight-normal);
line-height: 20px;
padding-inline-start: 28px;
margin: 0;
}
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked + label:before,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 100%;
background: var(--white);
border: 1px solid var(--orange);
}
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked + label:after,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked) + label:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background: var(--orange);
}
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.profile .my-profile .member-list .list:last-child { border-bottom: none; }
@media (max-width: 576px) {
.profile .my-profile .member-list .list .uae-member .delete-member {
position: absolute;
top: 5px;
right: 5px;
}
}
.profile .my-profile .save-button {
text-align: end;
padding: 30px;
}
.profile .my-profile .save-button .btn-theme {
min-width: 140px;
height: 2.75rem;
letter-spacing: 0.35px;
font-weight: var(--font-weight-semibold);
}
.profile .my-profile .preferences-list {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: -8px;
}
.profile .my-profile .preferences-list .content {
margin: 8px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
width: 160px;
flex: 0 0 160px;
height: 160px;
padding: 12px;
border-radius: 6px;
color: var(--blue);
background: var(--white);
border: 2px solid var(--blue);
}
.profile .my-profile .preferences-list .content img { width: 50px; }
.profile .my-profile .preferences-list .content i { font-size: 66px; }
.profile .my-profile .preferences-list .content span {
line-height: 18px;
margin-top: 15px;
font-weight: var(--font-weight-bold);
}
.profile .my-profile .add-member p {
font-size: calc(var(--root-font) + 2px);
padding: 20px;
}
.profile .my-profile .add-member .member-list ul.personal-details li:last-child { border-bottom: 1px solid rgba(78, 73, 83, 0.2); }
.profile .my-profile .add-member .member-list h6 {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
}
.profile .my-profile .add-member .member-list .member-name {
margin-bottom: 10px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.profile .my-profile .add-member .member-list .member-name h6 { color: rgba(78, 73, 83, 0.5); }
.profile .my-profile .add-member .member-list .member-name a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.profile .my-profile .add-member .member-list .member-preference { padding: 20px; }
.profile .my-profile .add-member .member-list .member-preference h6 {
margin-bottom: 15px;
color: var(--text-dark);
}
.profile .my-profile ul.switch-list li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 20px;
font-size: calc(var(--root-font) + 2px);
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .my-profile ul.switch-list li label {
margin-bottom: 0;
font-weight: var(--font-weight-bold);
}
.profile .my-profile ul.switch-list li .switch {
display: inline-block;
margin-bottom: 0;
}
.profile .my-profile ul.switch-list li .slider {
width: 3rem;
height: 1.5rem;
border-radius: 30px;
padding: 2px;
background-color: rgba(78, 73, 83, 0.4);
transition: background-color 250ms ease 0s;
}
.profile .my-profile ul.switch-list li .thumb {
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-color: var(--white);
transition: transform 250ms ease 0s;
}
.profile .my-profile ul.switch-list li .checkbox {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.profile .my-profile ul.switch-list li .checkbox:focus+.slider { box-shadow: none; }
.profile .my-profile ul.switch-list li .checkbox:checked+.slider { background-color: #00AB4E; }
.profile .my-profile ul.switch-list li .checkbox:checked+.slider .thumb { transform: translateX(1.5rem); }
.profile .my-profile ul.switch-list li .checkbox:disabled+.slider { opacity: 0.25; }
.profile .my-profile ul.switch-list li:last-child { border-bottom: none; }
.profile-link {
position: absolute;
right: 15px;
top: -35px;
}
.profile .my-profile .download-esaad-card h4 {
font-size: 24px;
margin-bottom: 20px;
color: var(--blue);
text-align: left;
}
.profile .my-profile .download-esaad-card .stores { text-align: center; }
.profile .my-profile .download-esaad-card .stores h5 {
font-size: 18px;
font-weight: var(--font-weight-medium);
color: var(--text-dark);
margin-bottom: 0;
text-align: start;
display: none;
}
.profile .my-profile .download-esaad-card .stores a {
display: block;
margin-bottom: 10px;
}
.profile .my-profile .download-esaad-card .stores a img {
width: 120px;
height: auto;
}
.profile .my-profile .download-esaad-card .offers {
display: flex;
align-items: strech;
flex-wrap: wrap;
margin: 10px -10px -10px;
}
.profile .my-profile .download-esaad-card .offers .list {
display: flex;
align-items: flex-start;
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
margin: 10px;
padding: 15px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}
.profile .my-profile .download-esaad-card .offers .list img {
width: 50px;
height: 50px;
margin-inline-end: 15px;
}
.profile .my-profile .download-esaad-card .offers .list span { font-weight: var(--font-weight-semibold); }
.profile .my-profile .download-esaad-card .note-section { margin-top: 30px; }
.profile .my-profile .download-esaad-card .note-section i { color: var(--orange); }
.profile .my-profile .download-esaad-card .note-section a {
color: var(--orange);
font-weight: var(--font-weight-medium);
text-decoration: underline;
}
.profile .my-profile .download-esaad-card .app-urls {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}
.profile .my-profile .download-esaad-card .app-urls a {
display: inline-block;
margin: 0 10px;
}
.profile .my-profile .download-esaad-card .app-urls a img {
width: 180px;
height: auto;
}
.profile .my-profile .esaad-card-details .esaad-card {
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
width: 340px;
height: 210px;
margin: 0 auto;
}
.profile .my-profile .esaad-card-details .exp-message {
text-align: center;
color: var(--text-light);
}
.profile .my-profile .esaad-card-details .esaad-card a {
position: absolute;
right: 10px;
top: 10px;
display: block;
}
.profile .my-profile .esaad-card-details .esaad-card-status {
width: 340px;
height: 55px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin: 20px auto;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
border: 1px solid #EBEBEB;
}
.profile .my-profile .esaad-card-details .esaad-card-status span b { color: var(--blue); }
.profile .my-profile .esaad-card-details .validating-text {
width: 340px;
margin: 0 auto;
text-align: center;
}
.profile .my-profile .esaad-card-details .validating-text h6 {
font-size: 16px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-bottom: 7px;
}
.profile .my-profile .esaad-card-details .validating-text p {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--text-light);
margin-bottom: 12px;
}
.profile .my-profile .esaad-card-details .validating-text a {
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--orange);
text-decoration: underline;
}
.profile .my-profile .esaad-card-details .offers {
display: flex;
align-items: strech;
flex-wrap: wrap;
margin: 10px -10px -10px;
}
.profile .my-profile .esaad-card-details .offers .list {
display: flex;
align-items: flex-start;
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
margin: 10px;
padding: 15px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}
.profile .my-profile .esaad-card-details h4 {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: var(--orange);
margin-bottom: 0;
text-align: start;
}
.profile .my-profile .esaad-card-details .offers .list img {
width: 50px;
height: 50px;
margin-inline-end: 15px;
}
.profile .my-profile .esaad-card-details .offers .list span { font-weight: var(--font-weight-semibold); }
.profile .my-profile .fazaa-card-details {
max-width: 750px;
margin: 0 auto;
}
.profile .my-profile .fazaa-card-details .add-fazaa-card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
cursor: pointer;
width: 340px;
height: 210px;
margin: 0 auto 40px;
border-radius: 10px;
background: var(--white);
border: 1px solid var(--text-light);
}
.profile .my-profile .fazaa-card-details .add-fazaa-card i {
display: block;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
line-height: 2.5rem;
font-weight: var(--font-weight-bold);
color: var(--text-dark);
background: #DCDCDC;
}
.profile .my-profile .fazaa-card-details .add-fazaa-card span {
display: block;
text-align: center;
margin-top: 18px;
font-weight: var(--font-weight-bold);
}
.profile .my-profile .fazaa-card-details .fazaa-card {
position: relative;
background: url(../images/resources/sadaa-card.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 340px;
height: 210px;
margin: 0 auto;
}
.profile .my-profile .fazaa-card-details .fazaa-card a {
position: absolute;
right: 10px;
top: 10px;
display: block;
}
.profile .my-profile .fazaa-card-details .fazaa-card-status {
width: 340px;
height: 55px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
margin: 20px auto 30px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
border: 1px solid #EBEBEB;
}
.profile .my-profile .fazaa-card-details .fazaa-card-status span b { color: var(--blue); }
.profile .my-profile .fazaa-card-details h4 {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-bottom: 0;
text-align: start;
}
.profile .my-profile .fazaa-card-details .offers {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: 10px -10px -10px;
}
.profile .my-profile .fazaa-card-details .offers .list {
display: flex;
align-items: flex-start;
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
margin: 10px;
padding: 15px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.profile .my-profile .fazaa-card-details .offers .list img {
width: 50px;
height: 50px;
margin-inline-end: 15px;
}
.profile .my-profile .fazaa-card-details .offers .list span { font-weight: var(--font-weight-semibold); }
.profile .my-profile .fazaa-video {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
.profile .my-profile .fazaa-video .note-section { margin-top: 10px; }
.profile .my-profile .fazaa-video .note-section i { color: var(--orange); }
.profile .my-profile .fazaa-video .note-section a {
color: var(--orange);
font-weight: var(--font-weight-medium);
}
@media (max-width: 767px) {
.profile .my-profile .fazaa-card-details .offers .list {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
}
#AddEFSNewcard .modal-content, #CardAdded .modal-content {
padding: 50px 30px;
position: relative;
background: var(--white);
border: none;
}
#AddEFSNewcard .modal-content .modal-body,
#CardAdded .modal-content .modal-body { color: var(--text-dark); }
#AddEFSNewcard .modal-content .modal-body .card-title,
#CardAdded .modal-content .modal-body .card-title { text-align: center; }
#AddEFSNewcard .modal-content .modal-body .card-title span,
#CardAdded .modal-content .modal-body .card-title span {
display: block;
font-size: 24px;
margin-top: 15px;
font-weight: var(--font-weight-bold);
color: var(--blue);
}
#AddEFSNewcard .modal-content .modal-body .radio-group {
display: block;
align-items: center;
margin-top: 40px;
}
#AddEFSNewcard .modal-content .modal-body .radio-group .list {
display: inline-flex;
align-items: center;
margin-inline-end: 15px;
}
#AddEFSNewcard .modal-content .modal-body .radio-group .error { display: block; }
#AddEFSNewcard .modal-content .modal-body .radio-group .list:last-child { margin-inline-end: 0; }
#AddEFSNewcard .modal-content .modal-body .radio-group .list input {
width: 18px;
height: 18px;
}
#AddEFSNewcard .modal-content .modal-body .radio-group .list label {
display: block;
font-size: 18px;
margin-bottom: 0;
margin-inline-start: 10px;
font-weight: 500;
}
#AddEFSNewcard .modal-content .modal-body form { margin-top: 20px; }
#AddEFSNewcard .modal-content .modal-body form .form-group .form-control {
border: none !important;
height: 44px;
padding: 5px 0;
border-radius: 0;
font-size: var(--font-regular);
color: var(--text-dark) !important;
background-color: var(--white);
border-bottom: 1px solid #D8D8E1 !important;
}
#AddEFSNewcard .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
color: #9A9A9A;
opacity: 1;
}
#AddEFSNewcard .modal-content .modal-body .form-group .form-control::-moz-placeholder {
color: #9A9A9A;
opacity: 1;
}
#AddEFSNewcard .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
color: #9A9A9A;
opacity: 1;
}
#AddEFSNewcard .modal-content .modal-body .form-group .form-control::-ms-input-placeholder {
color: #9A9A9A;
opacity: 1;
}
#AddEFSNewcard .modal-content .modal-body .form-group .form-control::placeholder {
color: #9A9A9A;
opacity: 1;
}
#AddEFSNewcard .modal-content .modal-body .add-card {
display: flex;
align-items: flex-start;
justify-content: space-around;
}
#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image {
width: 50%;
flex: 0 0 50%;
text-align: center;
}
#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image .upload,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image .upload {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100px;
height: 70px;
margin: 0 auto;
border-radius: 5px;
border: 1px solid #707070;
overflow: hidden;
}
#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image .upload img,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image .upload img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
}
#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image .upload input,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image .upload input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
cursor: pointer;
}
#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image span,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image span {
display: block;
margin-top: 6px;
color: #9A9A9A;
}
#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image span.error,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image span.error {
color: #e40b0b;
}
#AddEFSNewcard .modal-content .modal-body form .form-group .form-control.fazaa-card-expiry {
background: url(/themes/custom/global_village/images/icons/pagenot-found/calendar-orange.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
#AddEFSNewcard .modal-content .modal-body form .form-group .valid-message{
margin-top: 3px;
font-size: 13px;
color: #e40b0b;
}
#CardAdded .modal-content .modal-body p {
text-align: center;
margin-bottom: 0;
}
#DeleteEaasdCard .modal-body { text-align: center; }
#DeleteEaasdCard .modal-body img { margin-bottom: 20px; }
#DeleteEaasdCard .modal-body button {
float: left;
margin: 0 10px;
margin-top: 40px;
min-width: calc(50% - 20px) !important;
}
#esaadVideoModal .modal-content,
#saadaVideoModal .modal-content,
#fazaaVideoModal .modal-content,
#homatVideoModal .modal-content{ padding: 10px; }
#esaadVideoModal .modal-content .modal-body,
#saadaVideoModal .modal-content .modal-body,
#fazaaVideoModal .modal-content .modal-body,
#homatVideoModal .modal-content .modal-body { padding: 0; }
#esaadVideoModal .modal-content .modal-body .video-section,
#saadaVideoModal .modal-content .modal-body .video-section,
#fazaaVideoModal .modal-content .modal-body .video-section,
#homatVideoModal .modal-content .modal-body .video-section {
width: 100%;
height: 270px;
overflow: hidden;
}
#esaadVideoModal .modal-content .modal-body .video-section video,
#saadaVideoModal .modal-content .modal-body .video-section video,
#fazaaVideoModal .modal-content .modal-body .video-section video,
#homatVideoModal .modal-content .modal-body .video-section video {
width: 100%;
height: 100%;
}
#esaadVideoModal .modal-content .modal-body button.close,
#saadaVideoModal .modal-content .modal-body button.close,
#fazaaVideoModal .modal-content .modal-body button.close,
#homatVideoModal .modal-content .modal-body button.close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
top: -20px;
right: -20px;
opacity: 1;
font-size: 1.5rem;
font-weight: 500;
line-height: 31px;
text-shadow: none;
color: var(--white);
background: var(--blue);
font-family: 'Poppins';
z-index: 1;
}
#esaadVideoModal .modal-content .modal-body button.close:hover,
#saadaVideoModal .modal-content .modal-body button.close:hover,
#fazaaVideoModal .modal-content .modal-body button.close:hover,
#homatVideoModal .modal-content .modal-body button.close:hover {
color: var(--white);
background: var(--orange);
}
.profile .my-profile .car-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 10px -10px -10px;
}
.profile .my-profile .car-list .list {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
margin: 10px;
padding: 15px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}
.profile .my-profile .car-list .list .left {
display: flex;
align-items: center;
}
.profile .my-profile .car-list .list .left img {
width: 50px;
height: 50px;
margin-inline-end: 20px;
}
.profile .my-profile .car-list .list .left span {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.profile .my-profile .car-list .list .left h4 {
font-size: 20px;
font-weight: var(--font-weight-semibold);
margin-bottom: 0;
}
.profile .my-profile .car-list .list .contex-menu { position: relative; }
.profile .my-profile .car-list .list .contex-menu .menu-items {
display: none;
position: absolute;
right: 0;
top: 30px;
z-index: 1;
border-radius: 4px;
background: #FFF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}
.profile .my-profile .car-list .list .contex-menu .menu-items ul li { display: block; }
.profile .my-profile .car-list .list .contex-menu .menu-items ul li a {
display: block;
padding: 10px 15px;
white-space: nowrap;
border-bottom: 1px solid #EEE;
}
.profile .my-profile .car-list .list .contex-menu .menu-items ul li a:hover { color: var(--orange); }
.profile .my-profile ul.my-queries li {
display: flex;
align-items: flex-start;
padding: 25px 20px;
font-size: calc(var(--root-font) + 2px);
}
.profile .my-profile ul.my-queries li label {
width: 160px;
flex: 0 0 160px;
margin-bottom: 0;
font-weight: var(--font-weight-medium);
}
.profile .my-profile ul.my-queries li span {
display: block;
flex: 1;
}
/* Interest Tab */
.profile .my-interests .interest-list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin: -5px;
}
.profile .my-interests .interest-list .interest-card {
display: inline;
width: calc(20% - 10px);
flex: 0 0 calc(20% - 10px);
margin: 5px;
border-radius: 8px;
background: var(--white);
border: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.profile .my-interests .interest-list .interest-card {
width: calc(33.3% - 10px);
flex: 0 0 calc(33.3% - 10px);
display: inline;
}
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card {
display: block;
width: calc(100% - 10px);
flex: 0 0 calc(100% - 10px);
}
}
.profile .my-interests .interest-list .interest-card .interest-card-header {
min-height: 185px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 10px;
border-radius: 8px 8px 0 0;
color: var(--white);
border-bottom: none;
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-header {
min-height: auto;
flex-direction: row;
justify-content: flex-start;
padding: 10px;
padding-inline-end: 15px;
border-radius: 8px;
}
.profile .my-interests .interest-list .interest-card .interest-card-header.show { border-radius: 8px 8px 0 0; }
}
.profile .my-interests .interest-list .interest-card .interest-card-header.card-yellow { background-color: #FCB514; }
.profile .my-interests .interest-list .interest-card .interest-card-header.card-blue { background-color: #004A8F; }
.profile .my-interests .interest-list .interest-card .interest-card-header.card-red { background-color: #C45243; }
.profile .my-interests .interest-list .interest-card .interest-card-header.card-light-blue { background-color: #127DB0; }
.profile .my-interests .interest-list .interest-card .interest-card-header.card-orange { background-color: #F26F22; }
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 0;
width: 100%;
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title { justify-content: space-between; }
}
.profile .my-interests .interest-list .interest-card .interest-card-header .card-type {
width: 74px;
height: 74px;
margin: 0 auto;
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-header .card-type {
width: 40px;
height: 40px;
margin: 0;
margin-inline-end: 10px;
}
}
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title h4 {
font-size: 18px;
font-weight: var(--font-weight-medium);
margin-top: 12px;
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title h4 { font-size: 16px; }
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title h4 { margin-top: 0; }
}
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title img { display: none; }
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-header .card-title img {
width: 14px;
height: auto;
display: block;
margin-inline-start: 10px;
}
}
.profile .my-interests .interest-list .interest-card .interest-card-body {
padding: 0;
margin: 12px 0;
}
.profile .my-interests .interest-list .interest-card .interest-card-body ul {
padding: 0;
margin: 0;
}
.profile .my-interests .interest-list .interest-card .interest-card-body li {
display: block;
padding: 7px;
}
@media (max-width: 767px) {
.profile .my-interests .interest-list .interest-card .interest-card-body li {
padding: 16px;
border-bottom: 1px solid #DDD;
}
.profile .my-interests .interest-list .interest-card .interest-card-body li:last-child { border-bottom: 0; }
}
.profile .my-interests .interest-list .interest-card .interest-card-body li input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.profile .my-interests .interest-list .interest-card .interest-card-body li label {
display: inline-block !important;
position: relative;
cursor: pointer;
line-height: 20px;
margin: 0;
font-size: 14px !important;
font-weight: var(--font-weight-normal) !important;
}
.profile .my-interests .interest-list .interest-card .interest-card-body li label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
}
.profile .my-interests .interest-list .interest-card .interest-card-body li input:checked+label:before { background-color: var(--orange); }
.profile .my-interests .interest-list .interest-card .interest-card-body li input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.profile .my-interests .visit-reasons .list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}
.profile .my-interests .visit-reasons .list:last-child { border-bottom: none; }
.profile .my-interests .visit-reasons .list .start.selected-reason { color: #2A2828; }
.profile .my-interests .visit-reasons .list .end {
display: flex;
align-items: center;
margin-inline-start: 1.25rem;
}
.profile .my-interests .visit-reasons .list .end .form-check {
position: relative;
margin-inline-end: 0;
margin-inline-start: 0.75rem;
}
.profile .my-interests .visit-reasons .list .end .form-check input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
margin: 0;
}
.profile .my-interests .visit-reasons .list .end .form-check .form-check-label {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 2px;
text-align: center;
font-weight: var(--font-weight-normal);
color: #545353;
background: #CDCDCD;
}
.profile .my-interests .visit-reasons .list .end .form-check input:checked + .form-check-label {
color: var(--white);
background: var(--orange);
}
.profile .my-interests .save-button {
text-align: end;
margin-top: 40px;
}
.profile .my-interests .save-button .btn-theme {
min-width: 140px;
height: 2.75rem;
letter-spacing: 0.35px;
font-weight: var(--font-weight-semibold);
}
/* Communication Tab */
.profile .my-communication .communication-checkbox ul {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -10px;
}
.profile .my-communication .communication-checkbox ul li {
display: block;
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
margin: 10px;
}
.profile .my-communication .communication-checkbox .other-reason { margin-top: 1.875rem; }
.profile .my-communication .communication-checkbox ul li label { margin-bottom: 0; }
.profile .my-communication .communication-checkbox.getintouch ul li {
width: calc(25% - 20px);
flex: 0 0 calc(25% - 20px);
}
@media (max-width: 576px) {
.profile .my-communication .communication-checkbox ul li {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
.profile .my-communication .communication-checkbox.getintouch ul li {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
}
.profile .my-communication .communication-checkbox li input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.profile .my-communication .communication-checkbox li label {
display: inline-block !important;
align-items: flex-start;
position: relative;
cursor: pointer;
line-height: 20px;
margin: 0;
font-weight: var(--font-weight-normal) !important;
}
.profile .my-communication .communication-checkbox li label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
}
.profile .my-communication .communication-checkbox li input:checked+label:before { background-color: var(--orange); }
.profile .my-communication .communication-checkbox li input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.profile .my-communication .save-button {
text-align: end;
margin-top: 40px;
}
.profile .my-communication .save-button .btn-theme {
min-width: 140px;
height: 2.75rem;
letter-spacing: 0.35px;
font-weight: var(--font-weight-semibold);
}
.profile .my-communication .unsubscribe {
padding: 0;
font-size: calc(var(--root-font) + 2px);
}
.profile .my-communication .unsubscribe a { color: var(--orange); }
.profile-link a {
font-size: calc(var(--root-font) + 1px);
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.modal-content.termsofuse {
padding: 40px;
background: var(--blue);
border: none;
}
.modal-content.termsofuse a.cross {
position: absolute;
top: 12px;
right: 12px;
z-index: 1;
font-size: calc(var(--root-font) + 6px);
color: var(--white);
}
.modal-content.termsofuse a.cross:hover { color: var(--orange); }
.modal-content.termsofuse .modal-body {
padding: 0;
text-align: center;
color: var(--white);
}
.modal-content.termsofuse .modal-body h4 {
font-size: 40px;
font-weight: 700;
}
.modal-content.termsofuse .modal-body p {
text-align: left;
margin-top: 10px;
}
.modal-content.termsofuse .modal-body .btn {
width: 180px;
margin-top: 30px;
}
.modal-content.offers .slick-prev { left: -45px; }
.modal-content.offers .slick-next { right: -45px; }
.modal-content.offers a.cross {
position: absolute;
top: 12px;
right: 12px;
z-index: 1;
font-size: calc(var(--root-font) + 6px);
}
.modal-content.offers a.cross:hover { color: var(--orange); }
.modal-content.offers .modal-body {
height: 560px;
overflow: auto;
}
.modal-body-title {
text-align: center;
margin-bottom: 40px;
}
.modal-body-title h4 {
font-size: calc(var(--root-font)+4px);
font-weight: 600;
margin-top: 15px;
}
.modal-open { overflow: hidden !important; }
#Addcar .modal-content .modal-body h3,
#EditCar .modal-content .modal-body h3 {
font-size: 40px;
margin-bottom: 30px;
}
#Addcar .add-car-form .choose-type,
#EditCar .edit-car-form .choose-type { margin-bottom: 30px; }
#Addcar .add-car-form .choose-type h5,
#EditCar .edit-car-form .choose-type h5 { text-align: center; }
#Addcar .modal-content .modal-body .form-group.car-selection,
#EditCar .modal-content .modal-body .form-group.car-selection {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
#Addcar .modal-content .modal-body .form-group.car-selection div:first-child,
#EditCar .modal-content .modal-body .form-group.car-selection div:first-child { margin-inline-end: 15px; }
#Addcar .modal-content .modal-body .form-group.car-selection label,
#EditCar .modal-content .modal-body .form-group.car-selection label {
width: 80px;
height: 80px;
padding: 5px;
line-height: 70px;
border-radius: 5px;
position: relative;
cursor: pointer;
margin-bottom: 0;
background: #2b679f;
}
#Addcar .modal-content .modal-body .form-group.car-selection label img,
#EditCar .modal-content .modal-body .form-group.car-selection label img {
width: 70px;
height: auto;
}
#Addcar .modal-content .modal-body .form-group.car-selection input,
#EditCar .modal-content .modal-body .form-group.car-selection input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
cursor: pointer;
}
#Addcar .modal-content .modal-body .form-group.car-selection input:checked+label,
#EditCar .modal-content .modal-body .form-group.car-selection input:checked+label { background: #FFF; }
#Addcar .add-car-form .plate-number,
#EditCar .edit-car-form .plate-number {
display: flex;
align-items: center;
gap: 10px;
}
#Addcar .add-car-form .plate-number input:first-child,
#EditCar .edit-car-form .plate-number input:first-child {
width: 100px;
margin-inline-end: 10px;
}
#Addcar .add-car-form h5,
#EditCar .edit-car-form h5 {
margin-bottom: 15px;
font-weight: var(--font-weight-semibold);
}
#Addcar .modal-content .modal-body .btn,
#EditCar .modal-content .modal-body .btn {
width: 100%;
height: 46px;
margin-top: 20px;
}
.complementary-offer-list {
min-height: 440px;
padding: 15px 20px;
border-radius: 10px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 8px;
}
.complementary-offer-list .top ul li {
display: block;
margin-bottom: 10px;
}
.complementary-offer-list .top ul li label {
margin-bottom: 0;
font-size: calc(var(--root-font) - 2px);
color: rgba(78, 73, 83, 0.5);
}
.complementary-offer-list .top ul li p { color: var(--text-primary); }
.complementary-offer-list .top ul li:nth-child(2) p { min-height: 40px; }
.complementary-offer-list .top ul li:last-child { margin-bottom: 0; }
.complementary-offer-list .bottom { margin-top: 20px; }
.complementary-offer-list .bottom .fixed-height { height: 140px; }
.complementary-offer-list .bottom .fixed-height .promo-code {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
.complementary-offer-list .bottom .fixed-height .promo-code label {
margin-bottom: 0;
font-size: calc(var(--root-font) - 2px);
color: rgba(78, 73, 83, 0.5);
}
.complementary-offer-list .bottom .fixed-height .promo-code a { color: var(--orange); }
.complementary-offer-list .bottom .fixed-height .promo-code a i {
vertical-align: 0px;
margin-inline-end: 3px;
font-size: calc(var(--root-font) + 4px);
}
.complementary-offer-list .bottom .fixed-height .qr-code { text-align: center; }
.complementary-offer-list .bottom .fixed-height .qr-code img { width: 90px; }
.complementary-offer-list .bottom .fixed-height .qr-code span,
.complementary-offer-list .bottom .qr-code span {
display: block;
font-weight: var(--font-weight-medium);
color: var(--text-primary);
text-align: center;
}
.complementary-offer-list .bottom .fixed-height .qr-code h2 {
margin-top: 40px;
font-size: calc(var(--root-font) + 1.25rem);
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.complementary-offer-list .bottom p {
margin-top: 10px;
margin-bottom: 10px;
font-size: calc(var(--root-font) - 1px);
}
.complementary-offer-list .bottom p a { color: var(--orange); }
.complementary-offer-list .bottom .terms-conditions { text-align: center; }
.complementary-offer-list .bottom .terms-conditions a {
font-size: calc(var(--root-font) - 1px);
color: var(--orange);
}
.complementary-offer-list .bottom .entry-terms-link { margin-top: 12px; }
.complementary-offer-list .bottom .entry-terms-link a {
position: relative;
top: 0;
right: 0;
display: block;
width: auto;
height: auto;
font-size: 14px;
color: var(--orange);
text-align: center;
line-height: normal;
text-decoration: underline;
z-index: 1;
}
/* Unsubscribe */
.unsubscribe { padding-top: var(--medium-spacing); }
.unsubscribe .back-arrow { margin-bottom: 40px; }
.unsubscribe .back-arrow a {
display: flex;
align-items: center;
width: max-content;
color: var(--orange);
}
.unsubscribe .back-arrow a svg {
width: 18px;
height: 18px;
margin-inline-end: 15px;
vertical-align: middle;
}
.unsubscribe .back-arrow span {
font-size: 20px;
font-weight: var(--font-weight-semibold);
}
.unsubscribe .unsubscribe-content {
padding: 40px 24px;
border-radius: 8px;
background: var(--white);
border: 1px solid #A5A5A5;
}
@media (max-width: 767px) {
.unsubscribe .unsubscribe-content {
padding: 0;
border-radius: 0;
background: var(--white);
border: none;
}
}
.unsubscribe .unsubscribe-content .unsubscribe-title {
padding: 10px 24px;
margin-bottom: 30px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
}
.unsubscribe .unsubscribe-content .checkbox-group {
display: block;
margin-top: 30px;
}
.unsubscribe .unsubscribe-content .checkbox-group ul li {
display: block;
margin-bottom: 15px;
}
.unsubscribe .unsubscribe-content .checkbox-group ul li label {
font-weight: var(--font-weight-normal);
margin-bottom: 0;
}
.unsubscribe .unsubscribe-content .checkbox-group ul li input:checked+label:after { top: 1px; }
.unsubscribe .unsubscribe-content .unsubscribe-button {
text-align: end;
margin-top: 40px;
}
.unsubscribe .unsubscribe-content .unsubscribe-button .btn:disabled {
opacity: 1;
color: var(--text-dark);
background: #DCDCDC;
border: 2px solid #DCDCDC;
}
.unsubscribe .unsubscribe-content .unsubscribe-button .btn-theme {
min-width: 160px;
height: 2.75rem;
letter-spacing: 0.35px;
font-weight: var(--font-weight-semibold);
}
.about-content {
padding-top: var(--medium-spacing);
padding-bottom: var(--large-spacing);
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.about-content .statistics { margin-top: var(--large-spacing); }
.about-content .statistics .statistics-list { text-align: center; }
.about-content .statistics .statistics-list h5 {
margin-bottom: 15px;
font-size: 18px;
}
.about-content .statistics .statistics-list h2 {
font-size: 40px;
min-height: 180px;
color: var(--orange);
}
.about-content .statistics .statistics-list h4 {
font-size: 18px;
margin-top: 10px;
font-weight: var(--font-weight-normal);
}
.once-time {
padding-top: var(--large-spacing);
padding-bottom: var(--large-spacing);
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.once-time .image {
height: 350px;
overflow: hidden;
position: relative;
border-radius: 5px;
position: relative;
}
.once-time .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.once-time .image a#OurstoryPopup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.once-time .image:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.once-time .content {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 550px;
height: auto;
padding: 40px 30px;
background: var(--white);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.once-time .content h4 {
font-size: calc(var(--root-font) + 0.5rem);
color: var(--blue);
margin-bottom: 10px;
}
.our-characters .list .image {
width: 100%;
height: 150px;
overflow: hidden;
border-radius: 5px;
}
.our-characters .list .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.our-history { padding-top: var(--large-spacing); }
.our-history .video {
width: 100%;
height: 500px;
}
.welcome-season {
margin-top: var(--large-spacing);
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.welcome-season p {
color: var(--white);
line-height: 36px;
}
.welcome-season p a {
color: var(--orange);
text-decoration: underline;
}
.welcome-season:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(32, 41, 92, 0.6);
}
.our-story {
display: none;
align-items: center;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1050;
background: var(--blue);
height: 100vh;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.our-story a.CloseMenu {
position: fixed;
top: 25px;
right: 25px;
font-size: 26px;
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
color: var(--white);
}
.our-story .our-story-content h4 {
margin-bottom: 10px;
font-size: 30px;
font-weight: var(--font-weight-bold);
color: var(--white);
}
.our-story .our-story-content .video {
width: 100%;
height: 500px;
}
.our-story .our-story-content p {
color: var(--white);
margin-top: 12px;
}
.our-story .our-story-content p a {
color: var(--orange);
text-decoration: underline;
}
.our-story.active { display: flex; }
.drive-park {
padding-top: var(--medium-spacing);
position: relative;
}
.drive-park .nav-tabs.park-tabs {
border-bottom: none;
margin: -8px -8px 10px;
}
.drive-park .nav-tabs.park-tabs .nav-item {
margin-bottom: -1px;
width: calc(25% - 16px);
flex: 0 0 calc(25% - 16px);
margin: 8px;
}
.drive-park .nav-tabs.park-tabs .nav-item .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 1rem;
text-align: center;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--blue);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.drive-park .nav-tabs.park-tabs .nav-item .nav-link i {
vertical-align: middle;
margin-inline-end: 5px;
font-size: calc(var(--root-font) + 6px);
}
.drive-park .nav-tabs.park-tabs .nav-item .nav-link.active {
color: var(--text-primary);
background-color: var(--white);
border-color: transparent;
}
.drive-park .nav-tabs.park-tabs .nav-item .nav-link.active i { color: var(--blue); }
.drive-park .tab-content {
padding: 40px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.drive-park .tab-content .parking-system { padding-top: 80px; }
.drive-park .tab-content .drive-park-content p { margin-bottom: 10px; }
.drive-park .tab-content .taxi-booking { padding-top: 80px; }
.drive-park .tab-content .taxi-booking img {
width: 80%;
margin-bottom: 30px;
}
.drive-park .tab-content .taxi-booking h5 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
margin-bottom: 7px;
}
.drive-park .tab-content .taxi-booking p {
width: 80%;
margin-bottom: 30px;
}
.vipparking {
margin-top: var(--large-spacing);
position: relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
height: 480px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 0;
}
.vipparking .container {
position: relative;
z-index: 1;
}
.vipparking .content {
text-align: center;
color: var(--white);
}
.vipparking .content h3 {
font-size: var(--primary-heading);
color: var(--yellow);
}
.vipparking .content p {
font-size: calc(var(--root-font) + 4px);
margin-top: 15px;
}
.vipparking .content .btn {
margin-top: 40px;
width: 220px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
padding: .5rem 2.5rem;
color: var(--white);
background: transparent;
border: 2px solid var(--white);
}
.vipparking .content .btn:hover {
color: var(--text-primary);
background: var(--white);
border: 2px solid var(--white);
}
.vipparking:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(32, 41, 92, 0.6);
}
.gv-map { padding-top: var(--large-spacing); }
.gv-map .map {
width: 100%;
height: 500px;
margin-inline-end: 10px;
position: relative;
}
.gv-map .map .btn {
position: absolute;
bottom: 23px;
right: 60px;
width: 180px;
}
.your-convinence { padding-top: var(--large-spacing); }
.your-convinence .cardbox .list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
min-height: 200px;
}
.your-convinence .cardbox .list img {
width: 80px;
margin-bottom: 20px;
}
.your-convinence .cardbox .list p {
font-weight: var(--font-weight-bold);
color: var(--text-dark);
}
.your-convinence .btn {
margin-top: 30px;
width: 130px;
}
.programe-highlight h3 {
font-size: var(--secondary-heading);
color: var(--blue);
margin-top: var(--medium-spacing);
margin-bottom: 20px;
}
.programe-highlight ul {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
}
.programe-highlight ul li {
display: block;
margin-bottom: 20px;
margin-inline-end: 0;
font-size: calc(var(--root-font) + 2px);
}
.programe-highlight ul li:last-child { margin-bottom: 0; }
#FAQList .search-section { display: none; }
.search-section { padding-top: var(--small-spacing); }
.search-section .searchbox {
position: relative;
width: 100%;
}
.search-section .searchbox i.icon-search {
position: absolute;
top: 3px;
left: 0;
font-size: 18px;
color: var(--orange);
}
.search-section .searchbox .form--inline .form-item {
margin: 0;
float: none;
width: 100%;
}
.search-section .searchbox .form-actions { display: none; }
.search-section .searchbox input {
width: 100%;
padding: 0 30px 10px;
border: none;
background: transparent;
border-bottom: 1px solid rgba(78, 73, 83, 0.4);
}
.faqs { padding-top: var(--medium-spacing); }
.faqs .viewall { margin-top: 30px; }
.faqs .viewall a {
padding: 10px 20px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
width: 140px;
font-family: inherit;
border-radius: 0.25rem;
}
.faqs .accordion .card {
border-radius: 5px;
margin-bottom: 15px;
border: 1px solid #D0D5D8;
}
.faqs .accordion .card .card-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
margin-bottom: 0;
background-color: rgba(58, 142, 178, 0.05);
border-bottom: none;
font-size: 22px;
font-weight: var(--font-weight-bold);
color: var(--blue);
}
.faqs .accordion .card .card-header[aria-expanded="true"]:after {
font-family: 'icomoon';
content: "\e938";
font-size: var(--root-font);
color: var(--blue);
}
.faqs .accordion .card .card-header[aria-expanded="false"]:after {
font-family: 'icomoon';
content: "\e90d";
font-size: var(--root-font);
color: var(--blue);
}
.faqs .accordion .card .card-body {
padding: 20px;
border-top: 1px solid #D0D5D8;
}
.faqs .accordion .card .card-body .question-list {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #D0D5D8;
font-size: var(--root-font);
}
.faqs .accordion .card .card-body .question-list p { margin-top: 7px; }
.faqs .accordion .card .card-body .question-list:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.writetous {
padding-top: var(--large-spacing);
position: relative;
}
.writetous h2 {
font-size: var(--secondary-heading);
color: var(--blue);
margin-bottom: 30px;
}
.writetous .form-group { margin-bottom: 20px; }
.writetous .form-item {
margin-top: 0;
margin-bottom: 0;
}
.writetous label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
margin-left: 0;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
font-family: Poppins;
}
.writetous .form-control {
margin-top: 0;
color: var(--text-primary) !important;
border: 1px solid rgba(78, 73, 83, 0.15) !important;
font-family: 'Poppins';
}
.writetous input.form-file {
height: 44px;
width: 100%;
padding: 8px 12px;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
border-radius: .25rem;
}
.writetous textarea.form-control { height: auto; }
.writetous .upload-image {
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: rgba(235, 243, 247, 0.3);
border: 1px dashed rgba(78, 73, 83, 0.3);
}
.writetous .upload-image a {
font-weight: var(--font-weight-meduim);
color: var(--orange);
text-decoration: underline;
}
.writetous .form-item .description { display: none; }
.writetous .form-actions {
padding-top: 0;
margin: 30px 0 0;
}
.writetous .form-actions input.form-submit {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
width: 140px;
font-family: inherit;
border-radius: 0.25rem;
}
.writetous hr {
margin-top: 40px;
margin-bottom: 0;
border-top: 1px solid rgba(78, 73, 83, 0.4);
}
.writetous .image-widget .file--image,
.writetous .image-widget .file-size { display: none; }
.writetous .field--name-field-i-agree-to-receive-updates,
.writetous .field--name-field-i-agree-to-receive-update,
.writetous .field--name-field-vip{ margin-top: 15px; }
.writetous .field--name-field-i-agree-to-receive-updates input,
.writetous .js-form-item-field-i-agree-to-receive-update-value input,
.writetous .field--name-field-vip input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.writetous .field--name-field-i-agree-to-receive-updates label,
.writetous .js-form-item-field-i-agree-to-receive-update-value label,
.writetous .field--name-field-vip label {
/* display: flex; */
/* align-items: flex-start; */
position: relative;
cursor: pointer;
line-height: 20px;
}
.writetous .field--name-field-i-agree-to-receive-updates label:before,
.writetous .js-form-item-field-i-agree-to-receive-update-value label:before,
.writetous .field--name-field-vip label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
}
.writetous .js-form-item-field-i-agree-to-receive-update-value label a {
color: var(--orange);
}
.writetous .field--name-field-i-agree-to-receive-updates input:checked+label:before,
.writetous .js-form-item-field-i-agree-to-receive-update-value input:checked+label:before,
.writetous .field--name-field-vip input:checked+label:before { background-color: var(--orange); }
.writetous .field--name-field-i-agree-to-receive-updates input:checked+label:after,
.writetous .js-form-item-field-i-agree-to-receive-update-value input:checked+label:after,
.writetous .field--name-field-vip input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 6.3px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.writetous .captcha { margin-top: 25px; }
.writetous .captcha__title { display: none; }
.writetous #edit-field-day-of-visit-wrapper { margin-bottom: 20px; }
.writetous #edit-field-day-of-visit-wrapper h4{
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
margin-left: 0;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
font-family: Poppins;
}
.writetous #edit-field-day-of-visit-wrapper #edit-field-day-of-visit-0-value-date {
margin-top: 0;
color: var(--text-primary) !important;
border: 1px solid rgba(78, 73, 83, 0.15) !important;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
text-align: left;
font-size: var(--font-regular);
width: 100%;
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.writetous .privacy-policy a {
color: var(--orange);
}
.contactus {
padding-top: var(--small-spacing);
padding-bottom: var(--medium-spacing);
}
.contactus .callus h4 {
font-size: calc(var(--root-font) + 6px);
margin-bottom: 15px;
}
.contactus .callus p {
font-size: var(--root-font);
margin-bottom: 20px;
}
.contactus .callus p span {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.release-list { position: relative; }
.release-list .image {
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 5px;
}
.release-list .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.release-list .details {
padding: 10px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 5px 5px;
color: var(--white);
background: rgba(32, 41, 92, 0.8);
line-height: 1.4
}
.release-list .details small {
display: block;
opacity: 0.6;
margin-top: 4px;
}
.release-list:hover .image img { transform: scale(1.1); }
.all-releases { padding-top: var(--small-spacing); }
.all-releases .btn { margin-top: 30px; }
.latest-press-release { padding-top: var(--medium-spacing); }
.latest-press-release .view-content {
position: relative;
display: grid;
grid-auto-flow: column;
grid-template-columns: 2fr 1fr 1fr;
margin: -8px;
}
@media (max-width: 991px) {
.latest-press-release .view-content {
display: block;
grid-auto-flow: column;
grid-template-columns: auto;
}
}
.latest-press-release .view-content .list.big-cell {
width: calc(100% - 16px);
margin: 8px;
grid-row-start: 1;
grid-row-end: 3;
display: block;
position: relative;
}
@media (max-width: 991px) {
.latest-press-release .view-content {
display: block;
grid-auto-flow: column;
grid-template-columns: auto;
}
}
.latest-press-release .view-content .list.big-cell .image {
height: 486px;
overflow: hidden;
border-radius: 5px;
}
.latest-press-release .view-content .list.big-cell .image img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.latest-press-release .view-content .list.big-cell .details {
padding: 10px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 5px 5px;
color: var(--white);
background: rgba(32, 41, 92, 0.8);
max-height: 93px;
}
.latest-press-release .view-content .list.big-cell .details small {
opacity: 0.6;
display: block;
}
.latest-press-release .view-content .list.big-cell:hover .image img { transform: scale(1.1); }
.latest-press-release .view-content .list.small-cell {
width: calc(100% - 16px);
margin: 8px;
display: block;
position: relative;
}
.latest-press-release .view-content .list.small-cell .image {
height: 235px;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.latest-press-release .view-content .list.small-cell .image img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.latest-press-release .view-content .list.small-cell .details {
padding: 10px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 5px 5px;
color: var(--white);
background: rgba(32, 41, 92, 0.8);
}
.latest-press-release .view-content .list.small-cell .details p {
margin-bottom: 2px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.latest-press-release .view-content .list.small-cell .details small {
opacity: 0.6;
display: block;
margin-top: 3px;
}
.latest-press-release .view-content .list.small-cell:hover .outlet-content { display: block; }
.latest-press-release .view-content .list.small-cell:hover .image img { transform: scale(1.1); }
.media-kit { padding-top: var(--large-spacing); }
.media-kit .media-kit-list {
width: calc(33.33% - 16px);
flex: 0 0 calc(33.33% - 16px);
margin: 8px;
display: flex;
align-items: center;
padding: 12px;
border-radius: 5px;
background: #F5F9FB;
position: relative;
}
.media-kit .media-kit-list .file-type {
position: absolute;
left: 5px;
top: 25px;
padding: 2px 10px;
z-index: 5;
font-weight: var(--font-weight-semibold);
color: var(--white);
background: #D7182A;
}
.media-kit .media-kit-list .image {
width: 80px;
height: 80px;
flex: 0 080px;
border-radius: 5px;
overflow: hidden;
margin-inline-end: 10px;
}
.media-kit .media-kit-list .image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.media-kit .media-kit-list .details {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 90px);
flex: 0 0 calc(100% - 90px);
}
.media-kit .media-kit-list .details small {
display: block;
margin-top: 6px;
color: var(--text-light);
}
.media-kit .media-kit-list .details a {
display: block;
width: 30px;
text-align: center;
margin-inline-start: 10px;
flex: 0 0 30px;
}
.media-kit .contact-link {
margin-top: 15px;
padding-top: 0;
font-size: calc(var(--root-font) + 2px);
}
.media-kit .contact-link a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
text-decoration: underline;
}
.media-gallery { padding-top: var(--large-spacing); }
.media-gallery .media-gallery-list {
position: relative;
width: calc(33.33% - 16px);
flex: 0 0 calc(33.33% - 16px);
margin: 8px;
display: flex;
align-items: center;
padding: 12px;
border-radius: 5px;
background: #F5F9FB;
}
.media-gallery .media-gallery-list .file-type {
position: absolute;
left: 5px;
top: 25px;
padding: 2px 10px;
z-index: 5;
font-weight: var(--font-weight-semibold);
color: var(--white);
background: #D7182A;
}
.media-gallery .media-gallery-list .image {
width: 80px;
height: 80px;
flex: 0 080px;
border-radius: 5px;
overflow: hidden;
margin-inline-end: 10px;
position: relative;
}
.media-gallery .media-gallery-list .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.media-gallery .media-gallery-list .image a {
position: absolute;
top: 2px;
left: 5px;
font-size: 24px;
color: var(--white);
}
.media-gallery .media-gallery-list .details {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 90px);
flex: 0 0 calc(100% - 90px);
}
.media-gallery .media-gallery-list .details a {
display: block;
width: 30px;
text-align: center;
margin-inline-start: 10px;
flex: 0 0 30px;
}
.media-gallery .contact-link {
margin-top: 15px;
padding-top: 0;
font-size: calc(var(--root-font) + 2px);
}
.media-gallery .contact-link a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
text-decoration: underline;
}
.media-permission {
padding-top: var(--large-spacing);
position: relative;
}
.media-permission .media-permission-slider { margin: -8px; }
.media-permission .media-permission-slider .cardbox { margin: 8px; }
.media-permission .media-permission-slider .slick-prev { left: -40px; }
.media-permission .media-permission-slider .slick-next { right: -40px; }
.media-permission .tower-patter {
position: absolute;
bottom: -90px;
right: 30px;
height: 480px;
}
.media-permission .cardbox {
padding: 20px;
text-align: center;
}
.media-permission .cardbox div {
display: flex;
flex-direction: column;
min-height: 260px;
text-align: left;
}
.media-permission .cardbox div h4 {
font-size: calc(var(--root-font) + 8px);
color: var(--blue);
margin-bottom: 10px;
}
.media-permission .cardbox div p { margin-bottom: 20px; }
.media-permission .cardbox a {
display: flex;
align-items: center;
justify-content: center;
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.media-permission .cardbox a i {
vertical-align: middle;
margin-inline-start: 2px;
}
.submission-form { padding-top: var(--large-spacing); }
.submission-form .login-message {
padding: 20px;
border-radius: 5px;
background: #F5F9FB;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--small-spacing);
}
.submission-form .login-message p { max-width: 580px; }
.submission-form .login-message .btn {
width: 140px;
margin-inline-start: 30px;
}
.submission-form .idcard-conformation {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.submission-form .idcard-conformation .answer-choose {
width: 330px;
flex: 0 0 330px;
justify-content: flex-end;
margin-inline-start: 30px;
}
.submission-form .accordion .card {
border-radius: 5px;
margin-bottom: 30px;
border: 1px solid #D0D5D8;
overflow: unset;
}
.submission-form .accordion .card .card-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
margin-bottom: 0;
background-color: rgba(58, 142, 178, 0.05);
border-bottom: none;
font-size: 22px;
font-weight: var(--font-weight-bold);
color: var(--blue);
cursor: pointer;
}
.submission-form .accordion .card .card-header span { text-decoration: underline; }
.submission-form .accordion .card .card-header[aria-expanded="true"]:after {
font-family: 'icomoon';
content: "\e938";
font-size: var(--root-font);
color: var(--blue);
}
.submission-form .accordion .card .card-header[aria-expanded="false"]:after {
font-family: 'icomoon';
content: "\e90d";
font-size: var(--root-font);
color: var(--blue);
}
.submission-form .accordion .card .card-body {
padding: 35px 20px 20px;
border-top: 1px solid #D0D5D8;
}
.submission-form .accordion .card .card-body label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--font-regular);
font-weight: var(--font-weight-regular);
cursor: pointer;
}
.submission-form .accordion .card .card-body .form-item {
margin-top: 0;
margin-bottom: 0;
}
.submission-form .accordion .card .card-body .upload-image {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: rgba(235, 243, 247, 0.3);
border: 1px dashed rgba(78, 73, 83, 0.3);
}
.submission-form .accordion .card .card-body div.form-control {
padding: 0;
border: none !important;
}
.submission-form .accordion .card .card-body .trn-file div.form-control { height: auto; }
.submission-form .accordion .card .card-body div.form-control .file a { word-break: break-all; }
.submission-form .accordion .card .card-body .js-form-managed-file:after { /*display: none; */ }
.submission-form .accordion .card .card-body .form-group {
margin-bottom: 20px;
position: relative;
}
#dailyCheck {
position: absolute;
right: 0;
bottom: -40px;
z-index: 1;
}
.submission-form .accordion .card .card-body .js-form-item-gv-media-fname input,
.submission-form .accordion .card .card-body .js-form-item-gv-media-lname input,
.submission-form .accordion .card .card-body .js-form-item-gv-channel-name input,
.submission-form .accordion .card .card-body .js-form-item-gv-job-title input,
.submission-form .accordion .card .card-body .js-form-item-gv-mobile-number input,
.submission-form .accordion .card .card-body .js-form-item-gv-email input,
.submission-form .accordion .card .card-body .js-form-item-gv-password input,
.submission-form .accordion .card .card-body .js-form-item-gv-shooting-startdate input,
.submission-form .accordion .card .card-body .js-form-item-gv-requirement textarea,
.submission-form .accordion .card .card-body .js-form-managed-file input.form-file,
.submission-form .accordion .card .card-body .js-form-item-gv-equipment input,
.submission-form .accordion .card .card-body .js-form-item-gv-shoot-purpose select,
.submission-form .accordion .card .card-body .js-form-item-mandatory-question select,
.submission-form .accordion .card .card-body .js-form-item-gv-arrival-time select,
.submission-form .accordion .card .card-body .js-form-item-gv-shooting-start-hours input,
.submission-form .accordion .card .card-body .js-form-item-gv-shooting-end-hours input,
.submission-form .accordion .card .card-body .js-form-item-gv-shoot-purpose-other input,
.submission-form .accordion .card .card-body .js-form-item-gv-platforms-other input,
.submission-form .accordion .card .card-body .js-form-item-gv-invitation-text input {
width: 100%;
height: 44px;
padding: 8px 12px;
letter-spacing: 0.35px;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
margin: auto;
border-radius: 0.25rem;
}
.submission-form .accordion .card .card-body .fieldset-legend {
display: block;
margin-bottom: 5px;
}
.submission-form .accordion .card .card-body .form-radios {
display: flex;
align-items: center;
}
.submission-form .accordion .card .card-body .form-item-gv-invitation label,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident label { user-select: none; }
.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"],
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"] { display: none; }
.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"]+label,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"]+label {
display: block;
padding: 5px 20px;
margin-inline-end: 10px;
margin-inline-start: 0;
margin-bottom: 0;
height: 40px;
width: 90px;
flex: 0 0 90px;
border-radius: 5px;
position: relative;
text-align: center;
color: var(--orange) !important;
background-color: #FFF;
border: 2px solid var(--orange) !important;
justify-content: center;
cursor: pointer;
transition: all 200ms ease;
opacity: 1;
line-height: 25px;
font-size: 16px;
font-weight: 600;
}
.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"]+label:hover,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"]+label:hover {
color: var(--white) !important;
background-color: var(--orange);
border: 2px solid var(--orange);
}
.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"]:checked+label,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"]:checked+label {
color: var(--white) !important;
background-color: var(--orange);
border: 2px solid var(--orange);
}
.bootstrap-timepicker-widget table td input { width: 36px !important; }
.bootstrap-timepicker-widget table td.separator { line-height: 36px; }
.submission-form .accordion .card .card-body .js-form-managed-file {
min-height: 44px;
padding: 5px;
border: 1px dashed #ccc;
position: relative;
border-radius: 0.25rem;
}
.submission-form .accordion .card .card-body .js-form-managed-file input.form-file { padding: 0; }
.submission-form .accordion .card .card-body .js-form-managed-file:after {
content: "Choose File";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.submission-form .accordion .card .card-body .js-form-managed-file.imageComplete:after { content: ""; }
.submission-form .accordion .card .card-body .js-form-managed-file.imageComplete a { word-break: break-all; }
.submission-form .accordion .card .card-body .js-form-managed-file input.js-form-file {
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
position: relative;
}
.submission-form .accordion .card .card-body .js-form-item-gv-requirement textarea { height: auto; }
.submission-form .accordion .card .card-body .upload-image a {
font-weight: var(--font-weight-meduim);
color: var(--orange);
text-decoration: underline;
}
.submission-form .accordion .card .card-body .form-item-gv-shooting-startdate input,
.submission-form .accordion .card .card-body .form-item-gv-shooting-enddate input {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.submission-form .checkbox-section .custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: middle;
line-height: 24px;
color: rgba(78, 73, 83, 0.6);
}
.submission-form .checkbox-section .custom-control-label a {
color: var(--orange);
text-decoration: underline;
}
.submission-form .checkbox-section div:last-child { margin-top: 20px; }
#edit-gv-uae-permit-question--wrapper .fieldset-wrapper, #edit-gv-uae-permit-question {
margin-top: 20px;
}
#edit-gv-uae-permit-question div:last-child {
margin-top: 10px;
}
.submission-form .form-item-gv-agree { margin-top: 0px;}
.submission-form .action-button {
margin-top: var(--small-spacing);
display: flex;
align-items: center;
justify-content: space-between;
}
.submission-form .action-button .btn {
width: 180px;
height: 44px;
font-family: 'Poppins';
color: var(--white) !important;
background: var(--orange);
border: 1px solid var(--orange);
}
.submission-form .action-button input.form-submit:hover,
.submission-form .action-button input.form-submit:focus {
color: var(--white);
background: var(--orange);
}
.submission-form .action-button .form-actions {
margin: 0;
padding: 0;
}
.submission-form .answer-choose,
.submission-form .answer-choose .form-radios {
display: flex;
align-items: center;
}
.submission-form .answer-choose label { user-select: none; }
.submission-form .answer-choose input[type="radio"] { display: none; }
.submission-form .answer-choose input[type="radio"]+label {
padding: 5px 20px;
margin: 7px;
height: 40px;
width: calc(110px - 14px);
flex: 0 0 calc(110px - 14px);
border-radius: 5px;
position: relative;
text-align: center;
color: #D5D4D5 !important;
background-color: #FFF;
border: 2px solid #D5D4D5;
justify-content: center;
cursor: pointer;
transition: all 200ms ease;
opacity: 1;
line-height: 25px;
font-size: 16px;
font-weight: 600;
}
.submission-form .answer-choose input[type="radio"]:checked+label {
color: var(--white) !important;
background-color: var(--blue);
border: 2px solid var(--blue);
}
.starting-text.setpassword-text { padding-top: 20px; }
.set-password { padding-top: var(--small-spacing); }
.set-password label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
}
.set-password a {
position: absolute;
top: 8px;
right: 15px;
font-size: 20px;
color: var(--text-primary);
}
.set-password .btn { width: 150px; }
.page-node-type-media-login-page .not-account,
.page-node-type-media-login-page .vip-pack,
.page-node-type-media-login-page .login-section hr { display: none; }
.page-node-type-media-login-page .form-item-forgot { float: left; }
.page-node-type-media-login-page .form-item-current { float: right; }
.gv-register-media-user .form-item {
margin-top: 0;
margin-bottom: 15px;
}
.gv-register-media-user .form-item label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
cursor: auto;
}
.gv-register-media-user .form-item label span.required { color: red; }
.gv-register-media-user .form-item input.form-text,
.gv-register-media-user .form-item input.form-file,
.gv-register-media-user .form-item .form-date,
.gv-register-media-user .form-item textarea.form-textarea,
.gv-register-media-user .js-form-item-gv-mobile-number input.form-text {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
margin: 0;
}
.gv-register-media-user .form-item input.form-file { padding: 7px 12px; }
.gv-register-media-user .form-item textarea.form-textarea { height: auto; }
.gv-register-media-user .js-form-item-gv-agree { margin-top: 15px; }
.gv-register-media-user .custom-control { padding-inline-start: 0; }
.gv-register-media-user .js-form-item-gv-agree input,
.checkbox-section .custom-checkbox .js-form-item-agree-terms input,
.checkbox-section .custom-checkbox .js-form-item-gv-agree input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-type-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
opacity: 1;
}
.gv-register-media-user .js-form-item-gv-agree label,
.checkbox-section .custom-checkbox .js-form-item-agree-terms label,
.checkbox-section .custom-checkbox .js-form-item-gv-agree label,
.social-media-platforms .js-form-type-checkbox label {
font-size: var(--font-regular);
margin: 0;
position: relative;
cursor: pointer;
width: max-content;
}
.gv-register-media-user .js-form-item-gv-agree label:before,
.checkbox-section .custom-checkbox .js-form-item-agree-terms label:before,
.checkbox-section .custom-checkbox .js-form-item-gv-agree label:before,
.social-media-platforms .js-form-type-checkbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 7px;
border-radius: 2px;
}
.gv-register-media-user .js-form-item-gv-agree input:checked+label:before,
.checkbox-section .custom-checkbox .js-form-item-agree-terms input:checked+label:before,
.checkbox-section .custom-checkbox .js-form-item-gv-agree input:checked+label:before,
.social-media-platforms .js-form-type-checkbox input:checked+label:before { background-color: var(--orange); }
.gv-register-media-user .js-form-item-gv-agree input:checked+label:after,
.checkbox-section .custom-checkbox .js-form-item-agree-terms input:checked+label:after,
.checkbox-section .custom-checkbox .js-form-item-gv-agree input:checked+label:after,
.social-media-platforms .js-form-type-checkbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.submission-form .accordion .card .card-body .social-media-platforms {
display: block;
align-items: center;
width: 100%;
}
.submission-form .accordion .card .card-body .social-media-platforms fieldset.gv-platforms {
width: 33%;
padding-right: 10px;
height: 30px;
align-items: center;
justify-content: space-between !important;
display: inline-flex !important;
margin: 2.5px 0;
}
@media (max-width: 767px) {
.submission-form .accordion .card .card-body .social-media-platforms fieldset.gv-platforms {
width: 100%;
padding-right: 0px;
}
}
.social-section.gv_platform_instagram,
.social-section.gv_platform_facebook,
.social-section.gv_platform_twitter,
.social-section.gv_platform_snapchat,
.social-section.gv_platform_tiktok,
.social-section.gv_platform_youtube,
.social-section.gv_platform_blog,
.social-section.gv_platform_other{
justify-content: space-between !important;
display: flex !important;
align-items: center;
}
@media (max-width: 767px) {
.social-section.gv_platform_instagram,
.social-section.gv_platform_facebook,
.social-section.gv_platform_twitter,
.social-section.gv_platform_snapchat,
.social-section.gv_platform_tiktok,
.social-section.gv_platform_youtube,
.social-section.gv_platform_blog,
.social-section.gv_platform_other{ display: block !important; }
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-instagram-instagram input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-facebook-facebook input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-twitter-twitter input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-snapchat-snapchat input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-tiktok-tiktok input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-youtube-youtube input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-blog-blog input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-other-other input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
/* If facing issue then it should be inline-block */
cursor: pointer;
opacity: 1;
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-instagram label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other label {
font-size: var(--font-regular);
margin: 0;
position: relative;
cursor: pointer;
width: max-content;
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-instagram label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 7px;
border-radius: 2px;
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-instagram input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other input:checked+label:before { background-color: var(--orange); }
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text {
width: 28%;
padding-right: 10px;
}
@media (max-width: 767px) {
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text {
width: 100%;
padding-right: 0px;
}
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-url { width: 39%; }
@media (max-width: 767px) {
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-url{
width: 100%;
height: auto;
}
}
.social-url-field.form-text::-webkit-input-placeholder {
color: #6c757d !important;
opacity: 1;
}
.social-url-field.form-text::-moz-placeholder {
color: #6c757d !important;
opacity: 1;
}
.social-url-field.form-text::-ms-input-placeholder {
color: #6c757d !important;
opacity: 1;
}
.social-url-field.form-text::-ms-input-placeholder {
color: #6c757d !important;
opacity: 1;
}
.social-url-field.form-text::placeholder {
color: #6c757d !important;
opacity: 1;
}
.social-url-field.form-text{
margin-top: 0 !important;
height: 30px;
padding: 8px 12px;
letter-spacing: 0.35px;
font-size: var(--font-small);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
border-radius: 0.25rem;
}
@media (max-width: 767px) { .social-url-field.form-text{ margin-top: 5px !important; } }
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input {
width: 100%;
height: 30px;
padding: 8px 12px;
letter-spacing: 0.35px;
font-size: var(--font-small);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
margin: auto;
border-radius: 0.25rem;
margin-bottom: 5 px;
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input::-webkit-input-placeholder {
color: #6c757d;
opacity: 1;
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input::placeholder {
color: #6c757d;
opacity: 1;
}
.gv-update-media-user .form-item {
margin-top: 0;
margin-bottom: 0;
}
.gv-update-media-user .form-group { margin-bottom: 20px; }
.gv-update-media-user .form-item label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
cursor: auto;
}
.gv-register-media-user .js-form-item-gv-agree label a { color: var(--orange); }
.gv-update-media-user .form-item input.form-text,
.gv-update-media-user .form-item input.form-file,
.gv-update-media-user .form-item .form-date,
.gv-update-media-user .js-form-item-gv-mobile-number input.form-text {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
margin: 0;
}
.gv-update-media-user .form-item input.form-file { padding: 7px 12px; }
.gv-update-media-user .form-item textarea.form-textarea { height: auto; }
.gv-update-media-user .action-button .form-actions {
margin: 0;
padding: 0;
}
.gv-update-media-user .action-button { margin-top: 25px; }
.gv-update-media-user .action-button input {
margin: 0;
padding: 6px 15px;
width: 140px;
font-family: inherit;
border-radius: 0.25rem;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.gv-update-media-user .card .card-body {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.gv-update-media-user .card:nth-child(2) .card-body .form-group { width: calc(33.33% - 10px); }
.gv-update-media-user .card .card-body .file a { word-break: break-all; }
.checkbox-section .custom-checkbox { padding-inline-start: 0; }
.checkbox-section .custom-checkbox label a {
color: var(--orange);
text-decoration: underline;
}
/* #gv-register-media-user .messages__wrapper { display: none!important; }
#gv-register-media-user .user_profile_picture .messages__wrapper { display: block !important; } */
.profile-banner .breadcrumb-section {
padding-top: 0px;
margin-bottom: 60px;
}
.profile-banner .breadcrumb-section .breadcrumb-item a { color: var(--white); }
.profile-banner .breadcrumb-section .breadcrumb-item+.breadcrumb-item::before { color: var(--white); }
.profile-banner .breadcrumb-section .breadcrumb-item.active { color: var(--white); }
.important-slider {
position: relative;
margin-top: 60px;
}
.important-slider { visibility: hidden; }
.slick-initialized { visibility: visible; }
.slick-initialized .important-slider { visibility: visible; }
.path-media-account .important-slider { margin-top: -50px; }
.important-slider .slider {
border-radius: 5px;
background: var(--white);
border-bottom: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
padding: 15px 20px;
}
.important-slider .slider .slide {
display: flex;
align-items: center;
justify-content: space-between;
}
.important-slider .slider .slide .content { width: calc(100% - 90px); }
.important-slider .slider .slide .content h5 {
font-size: calc(var(--root-font) + 4px);
color: var(--text-primary);
margin-bottom: 7px;
}
.important-slider .slider .slide .content p {
color: var(--text-dark);
margin-bottom: 5px;
}
.important-slider .slider .slide .content span {
font-size: var(--font-extrasmall);
color: var(--text-dark);
}
.important-slider .slider .slide .content a {
color: var(--orange);
text-decoration: underline;
}
.important-slider .slider .slide .slide-count-wrap {
margin-inline-end: 40px;
position: absolute;
right: 0;
top: 46px;
display: none;
}
.important-slider .slider .slick-prev,
.important-slider .slider .slick-next {
font-size: 14px;
line-height: 32px;
border-radius: 50%;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
z-index: 10;
color: var(--white);
background: var(--orange);
box-shadow: none;
}
.important-slider .slider .slick-prev {
right: 65px;
left: auto;
}
.important-slider .slider .slick-next { right: 20px; }
.other-profile { padding-top: var(--small-spacing); }
.other-profile .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -8px;
}
.other-profile .content .cardbox { padding: 20px; }
.other-profile .content .cardbox .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.other-profile .content .cardbox .top h4 {
font-size: calc(var(--root-font) + 10px);
color: var(--blue);
font-weight: var(--font-weight-bold);
}
.other-profile .content .cardbox .top a { color: var(--orange); }
.other-profile .content .cardbox .top a i { vertical-align: middle; }
.other-profile .content .cardbox .valid-until {
display: flex;
align-items: center;
justify-content: space-between;
}
.other-profile .content .cardbox .application-status {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 200px;
}
.other-profile .content .cardbox .application-status .status-bar {
width: 85%;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.other-profile .content .cardbox .application-status .status-bar>div {
position: relative;
z-index: 1;
}
.other-profile .content .cardbox .application-status .status-bar span {
display: block;
margin-top: 10px;
}
.other-profile .content .cardbox .application-status .status-bar:before {
content: "";
position: absolute;
left: 0;
top: 30px;
height: 10px;
width: 100%;
background-color: rgba(213, 212, 213, 0.315);
}
.other-profile .content .cardbox .application-status .pending { opacity: 0.5; }
.other-profile .content .cardbox .application-status .approved { opacity: 1; }
.other-profile .content .upcoming-trip {
margin: 8px;
flex: 1;
position: relative;
}
.other-profile .content .my-status {
margin: 8px;
width: calc(100% - 16px);
flex: 0 0 calc(100% - 16px);
position: relative;
}
.other-profile .content .upcoming-trip ul li {
display: block;
margin-bottom: 8px;
}
.other-profile .content .upcoming-trip .porgress-bar {
margin: 100px auto 30px;
width: 50%;
background-color: rgba(78, 73, 83, 0.3);
height: 1px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.other-profile .content .upcoming-trip .porgress-bar .porgress-bar-item {
background-color: var(--white);
font-size: 20px;
font-weight: 600;
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(78, 73, 83, 0.3);
}
.other-profile .content .upcoming-trip .porgress-bar .porgress-bar-item.active { color: var(--blue); }
.other-profile .content .upcoming-trip .table,
.other-profile .content .my-status .table {
width: 100%;
margin-bottom: 0;
margin-top: 0;
}
.other-profile .content .upcoming-trip .table tr,
.other-profile .content .my-status .table tr {
padding: 0;
border-bottom: none;
background: transparent;
}
.other-profile .content .upcoming-trip .table thead th,
.other-profile .content .upcoming-trip .table tbody td,
.other-profile .content .my-status .table thead th,
.other-profile .content .my-status .table tbody td {
vertical-align: top;
border-bottom: 0;
border-top: 0;
padding: .5rem;
white-space: nowrap;
}
.other-profile .content .upcoming-trip .table tbody td a,
.other-profile .content .my-status .table tbody td a { color: var(--orange); }
.other-profile .content .your-ticket {
margin: 8px;
width: calc(320px - 16px);
flex: 0 0 calc(320px - 16px);
}
.other-profile .content .your-ticket img {
display: block;
margin: 15px auto;
}
.other-profile .content .your-ticket p { text-align: center; }
.other-profile .content .your-ticket span {
font-style: italic;
opacity: .7;
}
.other-profile .content .your-ticket .or {
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 700;
}
.other-profile .content .edutainment-kit {
margin: 8px;
width: calc(320px - 16px);
flex: 0 0 calc(320px - 16px);
display: none;
}
.other-profile .content .edutainment-kit .download-content .download-content-item { margin-bottom: 8px; }
.other-profile .content .edutainment-kit .download-content .download-content-item img { width: 20px; }
.other-profile .content .edutainment-kit .download-content .download-content-item span {
color: var(--orange);
text-decoration: underline;
display: inline-block;
margin-inline-start: 5px;
}
.other-profile .content .edutainment-kit .download-content .download-content-item:last-child { margin-bottom: 0; }
.description .main-banner-middle h1 {
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
}
.description .main-banner-middle h4 {
font-size: 16px;
font-weight: 500;
line-height: 22px;
}
.description .main-banner-middle h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.description .main-banner-middle h5 {
font-size: 16px;
margin-bottom: 10px;
font-weight: 600;
}
.path-search-results .ajax-progress { display: none; }
.contact-message-register-interest-email-form form {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 -15px;
}
.section { padding: 0; }
.contact-message-register-interest-email-form .content { margin-top: 50px; }
.contact-message-register-interest-email-form form .field--name-field-first-name,
.contact-message-register-interest-email-form form .field--name-field-last-name,
.contact-message-register-interest-email-form form .js-form-item-mail,
.contact-message-register-interest-email-form form .field--name-field-phone-number,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth,
.contact-message-register-interest-email-form form .field--name-field-gender,
.contact-message-register-interest-email-form form .field--name-field-nationality,
.contact-message-register-interest-email-form form .field--name-field-country {
padding: 0 15px;
width: 50%;
flex: 0 0 50%;
}
.contact-message-register-interest-email-form form .field--name-field-first-name .form-item,
.contact-message-register-interest-email-form form .field--name-field-last-name .form-item,
.contact-message-register-interest-email-form form .js-form-item-mail,
.contact-message-register-interest-email-form form .field--name-field-phone-number .form-item,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .form-item,
.contact-message-register-interest-email-form form .field--name-field-gender .form-item,
.contact-message-register-interest-email-form form .field--name-field-nationality .form-item,
.contact-message-register-interest-email-form form .field--name-field-country .form-item {
margin-top: 0;
margin-bottom: 20px;
}
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .form-item { display: block; }
.contact-message-register-interest-email-form form .field--name-field-first-name .form-item label,
.contact-message-register-interest-email-form form .field--name-field-last-name .form-item label,
.contact-message-register-interest-email-form form .js-form-item-mail label,
.contact-message-register-interest-email-form form .field--name-field-phone-number .form-item label,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .label,
.contact-message-register-interest-email-form form .field--name-field-gender .form-item label,
.contact-message-register-interest-email-form form .field--name-field-nationality .form-item label,
.contact-message-register-interest-email-form form .field--name-field-country label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
display: block;
line-height: 1.5;
cursor: auto;
}
.contact-message-register-interest-email-form form .field--name-field-first-name .form-item input,
.contact-message-register-interest-email-form form .field--name-field-last-name .form-item input,
.contact-message-register-interest-email-form form .js-form-item-mail .newsletter-email,
.contact-message-register-interest-email-form form .js-form-item-mail input,
.contact-message-register-interest-email-form form .field--name-field-phone-number .form-item input,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .form-item input,
.contact-message-register-interest-email-form form .field--name-field-gender .form-item select,
.contact-message-register-interest-email-form form .field--name-field-nationality .form-item select,
.contact-message-register-interest-email-form form .field--name-field-country select {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
margin: 0;
}
.contact-message-register-interest-email-form form .field--name-field-country select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}
.contact-message-register-interest-email-form form .js-form-item-mail .newsletter-email { line-height: 34px; }
.contact-message-register-interest-email-form form .form-actions {
padding: 0;
margin: 0;
margin: 0 15px;
width: calc(100% - 30px);
flex: 0 0 calc(100% - 30px);
}
.contact-message-register-interest-email-form form .form-actions input {
width: 180px !important;
height: 44px;
margin-top: 20px;
line-height: 26px;
font-family: inherit;
margin-right: 0px !important;
}
.contact-message-register-interest-email-form form .form-actions input.form-submit:hover,
.contact-message-register-interest-email-form form .form-actions input.form-submit:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.gv-review-rating-settings .ratingsReviews__group { margin-bottom: 25px;}
.gv-review-rating-settings .form-checkboxes {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: -5px;
}
.gv-review-rating-settings .form-item { margin: 0; }
.gv-review-rating-settings .form-checkboxes .form-item {
position: relative;
margin: 5px;
}
.gv-review-rating-settings .form-checkboxes .form-type-checkbox input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.gv-review-rating-settings .form-composite>legend {
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 6px;
font-family: 'Poppins', sans-serif;
color: var(--blue);
}
.gv-review-rating-settings .form-checkboxes .form-type-checkbox label {
display: inline-block;
margin: 0;
text-align: center;
line-height: 16px;
font-size: 14px;
font-weight: 500;
padding: 8px 20px;
border-radius: 2px;
background-color: #F0F0F0;
font-family: 'Poppins';
cursor: pointer;
}
.gv-review-rating-settings .form-checkboxes .form-type-checkbox input[type=checkbox]:checked+label {
color: #F37021;
background-color: rgba(249, 107, 36, 0.2);
}
.gv-review-rating-settings .js-form-type-textarea label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
margin-left: 0;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
font-family: Poppins;
cursor: auto;
}
.gv-review-rating-settings .js-form-type-textarea textarea {
width: 100%;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
margin: 0;
}
.gv-review-rating-settings .js-form-type-managed-file label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
margin-left: 0;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
font-family: Poppins;
cursor: auto;
}
.gv-review-rating-settings .js-form-type-managed-file input {
width: 100%;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
margin: 0;
}
.review-success-wrapper .ui-dialog-title { color: #28a745; }
.ui-dialog .ui-dialog-titlebar {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #CCC;
border-radius: 0;
background: #FFF;
font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar span {
font-size: 14px;
font-family: 'Poppins';
font-weight: 600;
}
.ui-dialog .ui-dialog-buttonpane {
margin-top: 0;
padding: 5px;
border-width: 1px 0 0 0;
border-color: #CCC;
background: #FFF;
}
.ui-dialog .submit-review-btn {
min-width: 150px;
height: 40px;
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
border-radius: .25rem;
margin: 0;
font-family: Poppins;
line-height: 20px;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon { background-image: url(images/ui-icons_555555_256x240.png)/*{iconsActive}*/; }
.gv-review-rating-settings .form-radios { float: left; }
.gv-review-rating-settings .form-radios label {
color: #D5D4D5;
float: right;
margin-bottom: 0;
}
.gv-review-rating-settings .form-radios input { display: none; }
.gv-review-rating-settings .form-radios label:before {
margin: 5px;
font-size: 36px;
font-family: 'icomoon';
display: inline-block;
content: "\e929";
}
.gv-review-rating-settings .form-radios input:checked~label,
.gv-review-rating-settings .form-radios:not(:checked) label:hover,
.gv-review-rating-settings .form-radios:not(:checked) label:hover~label { color: var(--yellow); }
.gv-review-rating-settings .form-radios input:checked+label:hover,
.gv-review-rating-settings .form-radios input:checked~label:hover,
.gv-review-rating-settings .form-radios label:hover~input:checked~label,
.gv-review-rating-settings .form-radios input:checked~label:hover~label { color: var(--yellow); }
/* Covid Message */
.healthy-safety .content {
display: flex;
align-items: strech;
}
.healthy-safety .content .image {
width: calc(100% - 360px);
height: 480px;
border-radius: 5px;
}
.healthy-safety .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.healthy-safety .content .cardbox {
width: 340px;
margin-inline-start: 20px;
padding: 20px;
}
.healthy-safety .content .cardbox h4 {
font-size: calc(var(--root-font) + 10px);
color: var(--blue);
margin-bottom: 10px;
}
.healthy-safety .content .cardbox span {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
display: block;
margin-bottom: 10px;
}
.precautionary {
padding-top: var(--large-spacing);
position: relative;
}
.precautionary .compass1-pattern {
position: absolute;
left: -400px;
top: -190px;
}
.precautionary .cardbox {
padding: 20px;
min-height: 440px;
}
.precautionary .cardbox img { margin-bottom: 30px; }
.precautionary .cardbox h4 {
font-size: calc(var(--root-font) + 10px);
color: var(--blue);
margin-bottom: 20px;
}
/* //Covid Message */
/* GV Pay App */
.payapp-features {
padding-top: var(--medium-spacing);
padding-bottom: var(--large-spacing);
}
.payapp-features .payapp-features-content {
display: flex;
align-items: center;
}
.payapp-features .payapp-features-content div {
width: 33.33%;
flex: 0 0 33.33%;
display: flex;
flex-direction: column;
text-align: center;
}
.payapp-features .payapp-features-content div img {
width: 70px;
margin: 0 auto;
}
.payapp-features .payapp-features-content div span {
margin-top: 10px;
font-weight: 600;
}
.downloadPayApp {
text-align: center;
padding-top: var(--large-spacing);
}
.downloadPayApp img {
width: 100%;
max-width: 621px;
margin: 0 auto;
}
.downloadPayApp span {
display: block;
font-size: calc(var(--root-font) + 4px);
margin-bottom: 30px;
}
.downloadPayApp .store-icon a {
display: inline-block;
margin: 0 30px;
}
.downloadPayApp .store-icon a img { width: 140px; }
.vip-video { padding-top: var(--large-spacing); }
.vip-video .video {
width: 100%;
height: 500px;
}
.experience-image {
width: 100%;
max-height: 460px;
border-radius: 5px;
}
.experience-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
/* //GV Pay App */
/* 404 Page */
.page-not-found {
background: url(../images/resources/404.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: calc(100vh - 68px);
position: relative;
}
.page-not-found .content {
padding-top: 60px;
text-align: center;
}
.page-not-found .content h2 {
font-size: 44px;
font-weight: 700;
margin-bottom: 5px;
color: #EC9B5E;
}
.page-not-found .content h1 {
font-size: 80px;
font-weight: 800;
margin-bottom: 30px;
color: var(--orange);
}
.page-not-found .content h4 {
font-size: 40px;
font-weight: 500;
margin-bottom: 25px;
}
.page-not-found .content p {
font-size: 26px;
color: #767676;
margin-bottom: 50px;
}
.page-not-found .search-box {
max-width: 700px;
margin: 0 auto;
position: relative;
}
.page-not-found .search-box .content { padding-top: 0; }
.page-not-found .form-item { margin: 0; }
.page-not-found .searchbox { position: relative; }
.page-not-found .searchbox input {
width: 100%;
height: 50px;
border: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 12%);
padding-inline-start: 50px;
margin-top: 0;
}
.page-not-found .searchbox .js-form-submit { display: none; }
.menu-content .searchbox .js-form-submit { display: none; }
.page-not-found .searchbox i {
position: absolute;
left: 15px;
top: calc(50% - 10px);
font-size: 20px;
}
.page-not-found .content .links {
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 700px;
margin: 30px auto 0;
}
.page-not-found .content .links a {
display: flex;
align-items: center;
flex-direction: column;
}
.page-not-found .content .links a img { width: 40px; }
.page-not-found .content .links a span {
display: block;
margin-top: 7px;
font-size: 18px;
font-weight: 500;
}
.page-not-found .contact-links {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
white-space: nowrap;
}
.page-not-found .contact-links div { margin: 0 10px; }
.page-not-found .contact-links div img {
margin-inline-end: 7px;
vertical-align: middle;
}
/* Ramadan Majilis */
.majlis {
position: relative;
padding-top: var(--medium-spacing);
}
.majlis h5, .majlis h1 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--blue);
}
.majlis .majlis-content p {
font-size: var(--root-font);
margin-bottom: 1rem;
}
.majlis .majlis-content p a {
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.majlis .table-option .table-content { text-align: center;}
.majlis .table-option .table-content h4.amount {
color: #a5a5a5;
font-weight: 500;
font-size: 0.875rem;
}
.majlis .table-option .table-content .tbl-image { margin-bottom: 0.75rem; }
.majlis .table-option .tbl-txt {
color: #343434;
font-weight: var(--font-weight-bold);
font-size: calc( var(--root-font) + 2px );
}
.majlis .dining-menu {
padding-top: var(--medium-spacing);
position: relative;
}
.majlis .dining-menu h5 { color: var(--blue); }
.majlis .dining-menu .menu-image {
overflow: hidden;
display: block;
}
.majlis .dining-menu .menu-image img {
border-radius: 5px;
width: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.majlis .dining-menu .menu-image:hover img { transform: scale(1.1); }
.majlis .book-table .reserve-table {
padding: 15px;
border-radius: 5px;
border: 1px solid #DDD;
}
.majlis.book-table h5 {
color: var(--blue);
margin-bottom: 1rem;
}
.majlis .book-table .submission-form { padding: 0; }
.majlis .book-table .submission-form label {
color: #2A2828;
margin-bottom: 5px;
font-size: calc( var(--font-regular));
font-weight: var(--font-weight-regular);
cursor: pointer;
}
.majlis .book-table .submission-form .form-control.main_form_change {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.majlis .book-table .table-details p small {
font-size: 12px;
color:#A5A5A5;
}
.majlis .book-table .table-details .table-preference {
display: flex;
margin-top: 20px;
align-items: center;
justify-content: space-between;
}
.majlis .book-table .table-details .label-upgrade-premium {
font-size: calc(var(--root-font) + 1px);
font-weight: var(--font-weight-semibold);
}
.majlis .book-table .table-details .availability-info {
color: #a5a5aa;
font-size: 16px;
margin-bottom: 20px;
}
.majlis .book-table .table-details h6 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
margin-bottom: 10px;
color: var(--blue);
}
.majlis .book-table .check_availabilty_button {
margin-top: 2.125rem;
}
.majlis .table-list { margin: 1.5rem 0; }
.table-list .list {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #EEE;
}
.majlis .table-list .list .left {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-normal);
color: black;
min-width: 155px;
display: flex;
align-items: center;
}
.majlis .table-list .list .left .img-wrapper{
width: 40px;
text-align: center;
}
.majlis .table-list .list .left .table-img{
margin-inline-end: 10px;
height: 30px;
width: auto;
}
.majlis .table-list .list .left small {
display: block;
font-size: 80%;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.majlis .table-list .list .middle .quantity {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
flex: 0 0 100px;
}
.majlis .table-list .list .middle .quantity input {
width: 30px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
color: #484848;
}
.majlis .table-list .list .middle .quantity button {
padding: 0;
width: 26px;
height: 26px;
border-radius: 50%;
line-height: 26px;
font-size: 14px;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.majlis .table-list .list .right {
font-size: calc(var(--root-font) + 10px);
font-weight: var(--font-weight-semibold);
text-align: end;
color: black;
}
.majlis .table-list .list .right small {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: #A09EA2;
}
.majlis .table-list .list .right span {
display: block;
font-size: 10px;
font-weight: var(--font-weight-regular);
color: #343434;
}
/* ===== Majlis Accordion ===== */
#accordion_majlis .card {
border-radius: 5px;
margin-bottom: 15px;
border: 1px solid #D0D5D8;
}
#accordion_majlis .card .card-header {
margin-bottom: 0;
}
#accordion_majlis .card .card-header button{
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
margin-bottom: 0;
background-color: rgba(58, 142, 178, 0.05);
border-bottom: none;
font-size: 22px;
font-weight: var(--font-weight-bold);
color: var(--blue);
width: 100%;
}
#accordion_majlis .card .card-header button:hover,
#accordion_majlis .card .card-header button:focus { text-decoration: none;}
#accordion_majlis .card .card-header button[aria-expanded="true"]:after {
font-family: 'icomoon';
content: "\e938";
font-size: var(--root-font);
color: var(--blue);
}
#accordion_majlis .card .card-header button[aria-expanded="false"]:after {
font-family: 'icomoon';
content: "\e90d";
font-size: var(--root-font);
color: var(--blue);
}
#accordion_majlis .card .card-body {
padding: 20px;
border-top: 1px solid #D0D5D8;
}
#accordion_majlis .card .card-body .question-list {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #D0D5D8;
font-size: var(--root-font);
}
#accordion_majlis .card .card-body .question-list p { margin-top: 7px; }
#accordion_majlis .card .card-body .question-list:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
/* ===== Majlis Popup Section ===== */
.check_availabilty .modal-dialog{
max-width: 450px !important;
width: 80%;
}
.check_availabilty .modal-content {
position: relative;
border-radius: 0;
border: none;
background: rgba(255, 255, 255, 1);
padding: 40px 20px 40px 20px;
}
#tablePopup.check_availabilty .modal-content{
padding: 30px 20px 30px 20px;
}
.check_availabilty .modal-content .modal-body {
padding: 0;
text-align: center;
}
.check_availabilty .modal-content .modal-body p {
font-size: 18px;
font-weight: var(--font-weight-normal);
color: #2A2828;
margin-top: 25px;
}
.check_availabilty .modal-content .modal-body .popup_logo {
width: 90px;
height: auto;
}
.check_availabilty .modal-content .modal-body h5 {
font-size: 20px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-top: 40px;
}
@media (max-width: 767px) {
.check_availabilty .modal-content .modal-body h5 {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.check_availabilty .modal-content .modal-body .btn {
margin-top: 40px;
}
}
.check_availabilty .modal-content .modal-body button.close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
top: -30px;
right: -10px;
opacity: 1;
font-size: 1.5rem;
font-weight: 500;
line-height: 31px;
text-shadow: none;
color: #000000;
background: rgba(0, 0, 0, 0.1);
font-family: 'Poppins';
z-index: 1;
}
#tablePopup.check_availabilty .modal-content .modal-body button.close { top: -15px; }
.available-majlis-table { padding-top: var(--large-spacing); }
.available-majlis-table .content {
display: flex;
align-items: center;
justify-content: space-between;
}
.available-majlis-table .content .back-event {
display: flex;
align-items: flex-start;
width: fit-content;
font-size: 24px;
font-weight: 700;
color: var(--blue);
}
.available-majlis-table .content .back-event svg { margin-inline-end: 0.75rem; }
.available-majlis-table .content .back-event:hover { color: var(--orange); }
.majlis-table-booking { padding-top: 50px; }
.majlis-table-booking .gv-ramadan .card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border-radius: 0;
background-color: var(--white);
background-clip: border-box;
border: none;
}
.majlis-table-booking .gv-ramadan .card .card-header {
margin-bottom: 24px;
font-size: 24px;
font-weight: var(--font-weight-bold);
padding: 0;
color: var(--blue);
background-color: transparent;
border-bottom: none;
}
.majlis-table-booking .gv-ramadan .card .card-body { padding: 0; }
.majlis-table-booking .gv-ramadan .card .card-body .js-form-item { margin: 0; }
.majlis-table-booking .gv-ramadan .card .card-body .js-form-item .form-control.formChange {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details { margin-top: 20px; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-details-top {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-details-top div h4 {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
margin-bottom: 0;
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-details-top div h6 {
font-size: calc(var(--root-font));
font-weight: var(--font-weight-semibold);
margin-top: 10px;
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details p { color: #A5A5A5; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list { margin: 20px 0; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #EEE;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
min-width: 300px;
display: flex;
align-items: center;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left .img-wrapper {
width: 50px;
text-align: center;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left .table-img {
margin-inline-end: 15px;
height: 30px;
width: auto;
}
@media (max-width: 767px) {
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left .table-img {
margin-inline-end: 5px;
}
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left small {
display: block;
font-size: 80%;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .middle .quantity {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
flex: 0 0 100px;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .middle .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .middle .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
font-size: 14px;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .right {
font-size: calc(var(--root-font) + 10px);
font-weight: var(--font-weight-semibold);
text-align: end;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .right small {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .right span {
display: block;
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: var(--text-dark);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox { padding: 0 }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox label {
position: relative;
margin: 0;
font-size: 16px;
font-weight: 500;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox input:checked+label:before { background-color: var(--orange); }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox .icon-info { margin-inline-start: 0.25rem; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox + small {
display: block;
font-size: 100%;
margin-top: 8px;
color: #A5A5A5;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button {
margin-top: 25px;
text-align: right;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button .btn-theme:hover,
.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button .btn-theme:focus { background: var(--orange); }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button .button.is-disabled {
cursor: default;
color: var(--white);
background: var(--orange);
border-color: var(--orange);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable { margin-top: 30px; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable h5 {
font-size: 24px;
font-weight: var(--font-weight-bold);
margin-bottom: 5px;
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable small {
display: block;
margin-bottom: 10px;
font-size: 14px;
color: #A5A5A5;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable p,
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .no-slots-error {
color: red;
font-weight: var(--font-weight-medium);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .js-form-wrapper {
display: flex;
flex-wrap: wrap;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .check-box-group { margin: 5px; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .check-box-group label {
display: block;
width: auto;
margin: 0;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable input { display: none; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-action {
cursor: pointer;
padding: 8px;
border-radius: 5px;
min-width: 100px;
width: 120px;
text-align: center;
border-radius: 5px;
margin-bottom: 0 !important;
font-size: var(--root-font);
font-weight: var(--font-weight-regular);
border: 2px solid rgba(78, 73, 83, 0.15);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .checkbox-parent-active .slot-action { border: 2px solid var(--green); }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .check-box-group input:checked + .slot-action {
color: white !important;
background-color: var(--orange);
border: 2px solid var(--orange);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .check-box-group input:disabled + .slot-action {
color: #AAA !important;
background-color: #EEE;
border: 2px solid #EEE;
cursor: auto;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div {
margin-top: 30px;
margin-bottom: 30px;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div .js-form-item label { display: none; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div .js-form-item .form-textarea-wrapper textarea.form-control { min-height: 130px; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary { margin-bottom: 30px; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary h4 {
margin-bottom: 20px;
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 2px solid #EEE;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .left {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-normal);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .left small {
display: block;
margin-top: 4px;
font-size: var(--root-font);
font-weight: var(--font-weight-normal);
color: var(--text-light);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .right {
font-size: calc(var(--root-font) + 10px);
font-weight: var(--font-weight-semibold);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .right small {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list span {
font-weight: var(--font-weight-medium);
color: var(--blue);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total {
display: flex;
align-items: center;
justify-content: space-between;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total label {
margin-bottom: 0 !important;
font-size: 20px;
font-weight: var(--font-weight-semibold);
color: var(--blue) !important;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total span {
font-size: 30px;
font-weight: var(--font-weight-bold);
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total span>small { display: none; }
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total span small {
font-size: 60%;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.overview .overview-content ul li {
display: block;
position: relative;
padding-inline-start: 20px;
font-size: calc(var(--root-font) + 2px);
margin-bottom: 3px;
}
.overview .overview-content ul.majlis-terms li { font-size: calc(var(--root-font) + 0px); }
.overview .overview-content ul li:after {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #00AB4E;
}
.overview .overview-content ul.majlis-terms li:after { top: 6px; }
.vip-benefits { padding-top: var(--medium-spacing); }
@media (max-width: 767px) {
.vip-benefits { padding-top: 40px; }
}
.vip-benefits .views-element-container {
position: relative;
display: block;
margin-bottom: 4rem;
}
.vip-benefits .cardbox .cardbox-content p {
min-height: 138px;
-webkit-line-clamp: 6;
}
.callto-action-text { padding-top: var(--medium-spacing); }
.callto-action-text p { margin-bottom: 10px; }
.callto-action-text p:last-child { margin-bottom: 0; }
.tc-link {
padding-top: var(--small-spacing);
text-align: center;
}
.tc-link a {
display: inline-block;
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.tc-link a:hover { color: var(--orange); }
.view-id-vip_benefits .view-content .cardbox { margin: 8px; }
.view-id-vip_benefits .view-content .cardbox .cardbox-content { min-height: 200px; }
#vip_terms_popup .modal-content {
padding: 30px;
overflow: auto;
height: calc(100vh - 100px);
}
#vip_terms_popup h4 {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
color: var(--orange);
}
#vip_terms_popup .modal-content .modal-body ul { padding-inline-start: 20px; }
#vip_terms_popup .modal-content .modal-body ul li { margin-bottom: 5px; }
#vip_terms_popup .modal-content .modal-body ul li:last-child { margin-bottom: 0;}
#vip_terms_popup .modal-content button.close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
top: -20px;
right: -20px;
opacity: 1;
font-size: 1.5rem;
font-weight: 500;
line-height: 31px;
text-shadow: none;
color: var(--white);
background: var(--blue);
font-family: 'Poppins';
z-index: 1;
}
#vip_terms_popup .modal-content .modal-body button.close:hover,
#vip_terms_popup .modal-content .modal-body button.close:focus { background: var(--orange); }
.promo-banner { margin-top: var(--large-spacing); }
.vip-promotion img {
width: 100%;
height: auto;
}
.vip-promotion .slick-dots { bottom: 10px; }
.vip-promotion .slick-dots li { margin: 0; }
.vip-promotion .slick-dots li button:before {
font-size: 10px;
color: var(--white);
}
.vip-promotion .slick-dots li.slick-active button:before { color: var(--white); }
.vip-promotion .slick-prev { left: 20px; }
.vip-promotion .slick-next { right: 20px; }
.vip-promotion.slick-dotted.slick-slider { margin-bottom: 0; }
.all-galleries { padding-top: var(--medium-spacing); }
.all-galleries .cardbox .cardbox-image .ExploreGallery i {
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
font-size: 36px;
color: var(--white);
}
.all-galleries .cardbox .cardbox-content .cardbox-content-header { margin-bottom: 0; }
.all-galleries .cardbox .cardbox-content { min-height: auto; }
.all-galleries .cardbox .cardbox-content h4 {
height: auto;
margin-bottom: 0;
}
.contact-link { padding-top: var(--small-spacing); }
.contact-link p a {
font-weight: var(--font-weight-medium);
color: var(--orange);
}
#OfferPopup .modal-content {
position: relative;
padding: 0;
border: none;
border-radius: 0.5rem;
background: #FFFFFF;
}
#OfferPopup .modal-content .modal-body {
padding: 15px;
color: inherit;
}
#OfferPopup .modal-content .modal-body button.close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
top: -10px;
right: -10px;
opacity: 1;
font-size: 1.5rem;
font-weight: 500;
line-height: 31px;
text-shadow: none;
color: var(--white);
background: var(--blue);
font-family: 'Poppins';
z-index: 1;
}
#OfferPopup .modal-content .modal-body button.close:hover,
#OfferPopup .modal-content .modal-body button.close:focus { background: var(--orange); }
#OfferPopup .modal-content .modal-body .image-section {
width: 100%;
height: 275px;
overflow: hidden;
border-radius: 0.5rem;
}
#OfferPopup .modal-content .modal-body .image-section img {
width: 100%;
height: 100%;
border-radius: 0.5rem;
object-fit: cover;
object-position: center center;
}
#OfferPopup .modal-content .modal-body .video-section {
width: 100%;
height: 320px;
}
#OfferPopup .modal-content .modal-body .video-section video {
width: 100%;
height: 100%;
}
#OfferPopup .modal-content .modal-body h4 {
margin-top: 20px;
margin-bottom: 15px;
font-size: 1.5rem;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
#OfferPopup .modal-content .modal-body p { margin-bottom: 12px; }
#OfferPopup .modal-content .modal-body a.btn {
position: relative;
top: 0;
right: 0;
width: fit-content;
min-width: 160px;
font-size: var(--root-font);
height: 42px;
line-height: 25px;
margin: 20px auto 0;
}
@media (max-width: 992px) {
#terms_popup .modal-dialog.modal-lg {
max-width: 700px;
margin: 1.75rem 10px;
}
}
#terms_popup .modal-content {
padding: 0;
border: none;
position: relative;
background: var(--blue);
}
#terms_popup .modal-content .modal-body {
padding: 30px;
color: var(--white);
}
@media (max-width: 992px) {
#terms_popup .modal-content .modal-body { padding: 20px; }
}
#terms_popup .modal-content .modal-body button.close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
top: -10px;
right: -10px;
opacity: 1;
font-size: 1.5rem;
font-weight: 500;
line-height: 31px;
text-shadow: none;
color: var(--white);
background: var(--orange);
font-family: 'Poppins';
z-index: 1;
}
#terms_popup .modal-content .modal-body ul { padding-inline-start: 20px; }
#terms_popup .modal-content .modal-body ul li { margin-bottom: 10px; }
#terms_popup .modal-content .modal-body ul li:last-child { margin-bottom: 0; }
/* ===== Image Section ===== */
#ImagePopup .modal-content {
position: relative;
padding: 0;
border-radius: 0;
border: none;
background: rgba(255, 255, 255, 0.9);
}
#ImagePopup.bg-transparent .modal-content {
background: transparent;
width: auto;
margin: auto;
}
#ImagePopup .modal-content .modal-body { padding: 0; }
#ImagePopup .modal-content .modal-body button.close {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
top: -10px;
right: -10px;
opacity: 1;
font-size: 1.5rem;
font-weight: 500;
line-height: 31px;
text-shadow: none;
color: var(--white);
background: var(--blue);
font-family: 'Poppins';
z-index: 1;
}
#ImagePopup .modal-content .modal-body button.close:hover,
#ImagePopup .modal-content .modal-body button.close:focus { background: var(--orange); }
#ImagePopup .modal-content .modal-body .image-section {
width: 100%;
height: auto;
position: relative;
padding: 10px;
}
#ImagePopup .modal-content .modal-body .image-section img {
width: auto;
height: 540px;
}
#ImagePopup .modal-content .modal-body .image-section h4 {
font-size: var(--font-regular);
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 0 20px;
text-align: center;
color: #FFF;
}
#ImagePopup .modal-content .modal-body .image-section .btn.btn-theme {
width: auto;
height: auto;
white-space: nowrap;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
display: block;
top: auto;
right: auto;
font-size: var(--font-regular);
margin: 0;
line-height: normal;
}
@media (min-width: 992px) {
#ImagePopup .modal-lg, .modal-xl { max-width: max-content; }
}
@media (max-width: 992px) {
#ImagePopup .modal-content .modal-body .image-section .bottom {
font-size: 18px;
line-height: 22px;
}
#ImagePopup .modal-dialog.modal-lg {
max-width: 700px;
margin: 0 auto !important;
}
#ImagePopup .modal-content .modal-body .image-section img {
width: 100%;
height: auto;
}
#ImagePopup .modal-content .modal-body .image-section .btn.btn-theme { zoom: 0.9; }
#ImagePopup .modal-content { margin: 0 10px; }
#ImagePopup .modal-content .modal-body .image-section h4 p { margin: 0; }
}
@media (max-width: 576px) {
#ImagePopup .modal-content .modal-body .image-section .bottom {
font-size: 16px;
line-height: 20px;
}
}
/* ===== //Image Section ===== */
.vip-offer-terms-content h4 {
font-size: 17px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 10px;
}
.vip-offer-terms-content h6 {
font-size: 17px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 6px;
}
.vip-offer-terms-content h5 {
font-size: 17px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 6px;
}
.vip-offer-terms-content ul {
padding-inline-start: 20px;
margin-top: 5px;
}
.vip-offer-terms-content ul li {
margin-bottom: 10px;
font-size: 15px;
}
.vip-offer-terms-content ul li:last-child { margin-bottom: 0; }
.vip-offer-terms-content ul li a, .vip-offer-terms-content p a { color: var(--orange); }
.vip-offer-terms-content p span, .vip-offer-terms-content p span, .vip-offer-terms-content ul li span {
display: inline-block;
direction: ltr;
margin-inline-start: 7px;
}
.why-partnerus { padding-top: var(--large-spacing); }
.why-partnerus .three-thumbnails {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: -8px;
}
.why-partnerus .three-thumbnails .content {
width: calc(33.33% - 16px);
flex: 0 0 calc(33.33% - 16px);
margin: 8px;
text-align: center;
}
.why-partnerus .three-thumbnails .content img {
width: 90px;
margin: 50px auto;
}
/* ===== Blogs ===== */
.featured-blogs { padding-top: var(--medium-spacing); }
.featured-blogs .featured-blog-list {
display: flex;
align-items: center;
padding: 20px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.featured-blogs .featured-blog-list .content {
width: calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
}
.featured-blogs .featured-blog-list .content:first-child { margin-inline-end: 10px; }
.featured-blogs .featured-blog-list .content:last-child { margin-inline-start: 10px; }
.featured-blogs .featured-blog-list .content .image {
width: 100%;
flex: 0 0 100%;
height: 330px;
overflow: hidden;
border-radius: 3px;
margin-bottom: 15px;
position: relative;
}
.featured-blogs .featured-blog-list .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.featured-blogs .featured-blog-list .content .image h4 {
position: absolute;
top: 25px;
left: 25px;
right: 25px;
margin-bottom: 0;
font-size: calc(var(--root-font) + 14px);
color: var(--white);
}
.featured-blogs .featured-blog-list .content p a { color: var(--orange); }
.blogs { padding-top: var(--large-spacing); }
.blogs .blog-list .content {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 15px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 25px;
}
.blogs .blog-list .content:last-child { margin-bottom: 0; }
.blogs .blog-list .content .image {
width: 340px;
flex: 0 0 340px;
height: 220px;
overflow: hidden;
border-radius: 3px;
margin-inline-end: 20px;
}
.blogs .blog-list .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.blogs .blog-list .content:hover .image img { transform: scale(1.1); }
.blogs .blog-list .content .details {
width: calc(100% - 370px);
flex: 0 0 calc(100% - 370px);
}
.blogs .blog-list .content .details h4 {
font-size: calc(var(--root-font) + 10px);
color: var(--blue);
margin-bottom: 7px;
}
.blogs .blog-list .content .details .date small {
display: inline-block;
font-size: 100%;
margin: 0 10px;
color: var(--text-light);
}
.blogs .blog-list .content .details .date span { color: var(--blue); }
.blogs .blog-list .content .details p {
margin-top: 20px;
margin-bottom: 20px;
}
.blogs .blog-list .content .details a {
display: flex;
align-items: center;
font-weight: var(--font-weight-bold);
color: var(--orange);
}
.blogs .blog-list .content .details a i {
vertical-align: middle;
margin-inline-start: 3px;
}
.blog-details { padding-top: var(--small-spacing); }
.blog-details h1 {
font-size: var(--primary-heading);
color: var(--blue);
margin-bottom: 25px;
}
.blog-details .col-lg-9 {
flex: 0 0 calc(100% - 400px);
max-width: calc(100% - 400px);
}
.blog-details .col-lg-3 {
flex: 0 0 350px;
max-width: 350px;
}
.blog-details .blog-slider { position: relative; }
.blog-details .blog-slider .blog-slider-gallery { margin: 0; }
.blog-details .blog-slider .blog-slider-gallery .slick-next {
right: 15px;
display: none !important;
}
.blog-details .blog-slider .blog-slider-gallery .slick-dots { bottom: 20px; }
.blog-details .blog-slider .blog-slider-gallery .slick-dots li { margin: 0; }
.blog-details .blog-slider .blog-slider-gallery .slick-dots li button { padding: 0; }
.blog-details .blog-slider .blog-slider-gallery .slick-dots li button:before {
font-size: 10px;
color: var(--white);
}
.blog-details .blog-slider .blog-slider-gallery .slick-dots li.slick-active button:before { color: var(--white); }
.blog-details .blog-slider .blog-slider-gallery .slick-prev {
left: 15px;
display: none !important;
}
.blog-details .blog-slider .blog-slider-gallery .list {
width: 100%;
height: 520px;
overflow: hidden;
}
.blog-details .blog-slider .blog-slider-gallery .list img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.blog-details .blog-slider .btn.btn-theme {
position: absolute;
bottom: 15px;
right: 30px;
z-index: 1;
}
.blog-details .date { margin-top: 30px; }
.blog-details .date small {
display: inline-block;
font-size: 100%;
margin: 0 10px;
color: var(--text-light);
}
.blog-details .date span { color: var(--blue); }
.blog-details .details { margin-top: 40px; }
.blog-details .details p { margin-bottom: 20px; }
.blog-details .details p:last-child { margin-bottom: 0; }
.blog-details .social-share {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
padding-bottom: 20px;
border-bottom: 1px solid #DDD;
}
.blog-details .social-share .category span,
.blog-details .social-share .social span {
text-transform: uppercase;
font-weight: var(--font-weight-medium);
}
.blog-details .social-share .category a {
cursor: pointer;
color: var(--orange);
}
.blog-details .comments { margin-top: 50px; }
.blog-details .comments h4 {
margin-bottom: 40px;
font-size: calc(var(--root-font) + 10px);
color: var(--blue);
}
.blog-details .comments .comment-list {
display: flex;
align-items: flex-start;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #DDD;
}
.blog-details .comments .comment-list img {
width: 100px;
height: 100px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
}
.blog-details .comments .comment-list .content { margin-inline-start: 20px; }
.blog-details .comments .comment-list .content h5 {
font-size: 1.25rem;
font-weight: var(--font-weight-semibold);
}
.blog-details .comments .comment-list .content small {
color: var(--text-light);
font-size: 85%;
}
.blog-details .comments .comment-list .content p { margin-top: 10px; }
.blog-details .leave-comment { margin-top: 50px; }
.blog-details .leave-comment>div { margin-bottom: 30px;}
.blog-details .leave-comment h4 {
margin-bottom: 7px;
font-size: calc(var(--root-font) + 10px);
color: var(--blue);
}
.blog-details .leave-comment span {
display: block;
margin-bottom: 30px;
color: var(--text-light);
}
.blog-details .leave-comment span small {
color: red;
font-size: 100%;
}
.blog-details .leave-comment label {
color: rgba(78, 73, 83, 0.6);
margin-bottom: 4px;
font-size: var(--font-regular);
font-weight: var(--font-weight-regular);
cursor: auto;
}
.blog-details .leave-comment .form-item,
.blog-details .leave-comment .form-actions {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.blog-details .leave-comment .form-control {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.blog-details .leave-comment textarea.form-control { height: auto; }
.blog-details .leave-comment .btn {
width: 150px;
margin-top: 30px;
font-family: 'Poppins';
}
.blog-details .leave-comment .btn:hover,
.blog-details .leave-comment .btn:focus {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.blog-details .tags { margin-top: 40px; }
.blog-details .tags h4,
.blog-details .latest-blogs h4 {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-bold);
color: var(--blue);
margin-bottom: 15px;
}
.blog-details .tags ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: -4px;
}
.blog-details .tags ul li {
display: block;
margin: 4px;
}
.blog-details .tags ul li a {
display: block;
padding: 7px 10px;
color: var(--orange);
background: rgba(242, 111, 34, 0.1);
border-radius: 3px;
cursor: pointer;
}
.blog-details .latest-blogs { margin-top: 40px; }
.blog-details .latest-blogs .list {
display: flex;
align-items: flex-start;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #DDD;
}
.blog-details .latest-blogs .list img {
width: 70px;
height: 70px;
border-radius: 50%;
object-fit: cover;
object-position: center center;
}
.blog-details .latest-blogs .list .content { margin-inline-start: 15px; }
.blog-details .latest-blogs .list .content h5 {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
margin-bottom: 5px;
}
.blog-details .latest-blogs .list .content span {
color: var(--text-light);
font-size: calc(var(--root-font) - 1px);
}
.blog-details .social {
display: flex;
align-items: center;
}
.blog-details .share-list { margin-inline-start: 5px; }
.blog-details .share-list a {
display: inline-block;
border-radius: 100px;
width: 40px;
height: 40px;
padding: 7px;
margin: 0 2px;
cursor: pointer;
overflow: hidden;
background: var(--blue);
}
.blog-details .share-list a img {
width: 100%;
height: 100%;
filter: invert(100%);
}
.blog-details .gallery .product-gallery>div:nth-child(2),
.blog-details .gallery .product-gallery>div:nth-child(3),
.blog-details .gallery .product-gallery .small-image { display: none; }
.blog-details .gallery .product-gallery .big-image {
position: relative;
width: calc(100%);
}
.blog-search-form .searchbox { position: relative; }
.blog-search-form .searchbox i {
position: absolute;
top: 13px;
left: 13px;
}
.blog-search-form .searchbox input {
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
margin: 0;
padding-inline-start: 40px;
}
.blog-search .blog-search-form .searchbox input {
border: none;
padding-inline-start: 30px;
border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}
.blog-search.search-section .searchbox i.icon-search { top: 12px; }
.ui-widget.ui-widget-content {
padding: 10px;
border: 1px solid #EEE/*{borderColorDefault};; */;
}
/* ===== //Blogs ===== */
#faq .card {
border: 0;
margin-bottom: 5px;
}
#faq .card .card-header {
border: 0;
padding: 0;
border-radius: 2px;
border: none;
}
#faq .card .card-header .btn-header-link {
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
padding: 12px;
min-width: 100%;
width: 100%;
font-size: 1.25rem;
font-weight: var(--font-weight-bold);
color: var(--orange) !important;
background: #F6F6F7;
border: none;
}
#faq .card .card-header .btn-header-link:focus { border: none; }
#faq .card .card-header .btn-header-link:after {
content: "\e938";
font-family: 'icomoon';
font-weight: 900;
float: right;
margin-inline-start: 20px;
}
#faq .card .card-header .btn-header-link.collapsed {
color: var(--text-dark) !important;
background: #F6F6F7;
}
#faq .card .card-header .btn-header-link.collapsed:after { content: "\e90d"; }
#faq .card .collapse { border: 0; }
#faq .card .card-body { padding: 15px 12px; }
#faq .card .card-body p {
font-size: var(--root-font);
margin-bottom: 15px;
}
#faq .card .card-body p:last-child { margin-bottom: 0; }
#faq .card .card-body p b { font-weight: var(--font-weight-bold); }
#faq .card .card-body p a {
font-weight: var(--font-weight-bold);
color: var(--orange);
}
#faq .card .card-body h4 {
font-size: 17px;
margin-bottom: 7px;
margin-top: 20px;
font-weight: var(--font-weight-bold);
}
#faq .card .card-body ul {
padding-inline-start: 20px;
margin-bottom: 15px;
}
#faq .card .card-body ul li {
display: list-item;
margin-bottom: 5px;
font-size: var(--root-font);
color: var(--text-primary);
}
#faq .card .card-body .table-responsive { margin-bottom: 30px; }
#faq .card .card-body table { margin: 0; }
.cookie-policy h5 {
font-weight: var(--font-weight-semibold);
margin-bottom: 12px;
}
.cookie-policy p {
font-size: var(--root-font);
margin-bottom: 15px;
}
.cookie-policy ul {
padding-inline-start: 20px;
margin-bottom: 15px;
}
.cookie-policy ul li {
display: list-item;
margin-bottom: 5px;
font-size: var(--root-font);
color: var(--text-primary);
}
.cookie-policy ul li:last-child { margin-bottom: 0; }
/* Raffel Form */
.raffle-form {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -15px;
margin-top: 30px;
}
.raffle-form .form-group {
width: 50%;
flex: 0 0 50%;
padding: 0 15px;
}
@media (max-width: 991px) {
.raffle-form .form-group {
width: 100%;
flex: 0 0 100%;
padding: 0 15px;
}
}
.raffle-form .form-group:first-child {
width: 100%;
flex: 0 0 100%;
}
.raffle-form .form-group label { width: 100%; }
.raffle-form .cust-radio,
.guest-details-form .cust-radio {
display: inline-block;
position: relative;
}
.raffle-form .cust-radio input[type="radio"],
.guest-details-form .cust-radio input[type="radio"] {
position: absolute;
width: 100%;
opacity: 0;
left: 0;
top: 0;
cursor: pointer;
}
.raffle-form .cust-radio label,
.guest-details-form .cust-radio label {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 4px;
cursor: pointer;
width: auto;
margin-inline-end: 0.5rem;
font-size: var(--root-font);
color: var(--text-dark);
background-color: #f0f0f0;
}
.raffle-form .cust-radio label:hover,
.raffle-form .cust-radio input[type="radio"]:checked + label,
.guest-details-form .cust-radio label:hover,
.guest-details-form .cust-radio input[type="radio"]:checked + label {
color: var(--orange);
background-color: #feebe1;
}
#response-message { color:var(--blue); }
.overview .overview-content .rafflesuccess {
display: flex;
text-align: center;
justify-content: center;
flex-wrap: wrap; display: flex;
text-align: center;
justify-content: center;
flex-wrap: wrap;
color: var(--orange);
}
.overview .overview-content .rafflesuccess p {
width: 100%;
flex: 0 0 100%;
color: var(--orange);
}
.overview .overview-content .raffle_content { margin-top: 30px; }
.overview .overview-content .raffle_content .title {
margin-bottom: 12px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-bold);
color: var(--blue);
}
.overview .overview-content .raffle_content ul li { font-size: var(--root-font); }
.overview .overview-content .raffle_content ul li:after {
top: 7px;
width: 6px;
height: 6px;
}
.overview .overview-content .raffle_content .image_wrapper {
display: flex;
}
@media (max-width: 575px) {
.overview .overview-content .raffle_content .image_wrapper {
display: block;
}
}
.overview .overview-content .raffle_content .image_content {
width: 340px;
margin-top: 50px;
border-radius: 10px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 10%);
cursor: pointer;
}
.overview .overview-content .raffle_content .image_content img {
width: 100%;
height: 135px;
border-radius: 10px;
object-fit: cover;
object-position: center center;
}
.overview .overview-content .raffle_content .image_content .image_link {
padding: 12px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
}
.overview .overview-content .raffle_content .image_content .image_link p {
font-size: 14px;
white-space: nowrap;
margin-bottom: 0;
margin-inline-start: 20px;
}
.overview .terms_content { margin-top: 40px; }
.overview .terms_content p:first-child {
font-weight: 600;
color: var(--blue);
}
.overview .terms_content p { font-size: 14px; }
.overview .terms_content p a {
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
/* Raffel Draw */
.raffel-success-popup {
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1050;
padding: 20px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.raffel-success-popup:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(32, 41, 92, 0.6);
}
.raffel-success-popup.active { display: flex; }
.raffel-success-popup .content {
position: relative;
z-index: 2;
max-width: 600px;
height: auto;
background: var(--white);
}
@media (max-width: 767px) { .raffel-success-popup .content { max-width: 100%; } }
.raffel-success-popup .content a.CloseRaffelPopup {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: var(--white);
background: var(--orange);
}
.raffel-success-popup .content a.CloseRaffelPopup i {
font-size: 14px;
vertical-align: middle;
}
.raffel-success-popup .content .content-header { background: var(--blue); }
.raffel-success-popup .content .content-header img {
width: 100%;
height: auto;
}
.raffel-success-popup .content .content-body { padding: 24px; }
.raffel-success-popup .content .draw-success-message {
position: relative;
text-align: center;
padding: 60px 50px 50px;
margin-top: -84px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}
@media (max-width: 767px) { .raffel-success-popup .content .draw-success-message { padding: 60px 20px 20px; } }
.raffel-success-popup .content .draw-success-message img {
position: absolute;
left: 50%;
top: -85px;
transform: translateX(-50%);
z-index: 1;
}
.raffel-success-popup .content .draw-success-message h4 {
margin-bottom: 5px;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.raffel-success-popup .content .draw-success-message h5 {
margin-bottom: 36px;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.raffel-success-popup .content .draw-success-message h6 {
margin-bottom: 30px;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.raffel-success-popup .content .draw-success-message .congrats-message {
font-weight: var(--font-weight-semibold);
color: var(--orange);
margin-bottom: 30px;
}
.raffel-success-popup .content .draw-success-message .congrats-message span { font-weight: var(--font-weight-medium); }
.raffel-success-popup .content .draw-success-message .btn { width: 100px; }
.skip-raff {
position: absolute;
left: 130px;
bottom: 0;
margin: 0 !important;
}
.user-logged-in .skip-raff {
position: absolute;
left: 0;
bottom: 0;
margin: 0 !important;
}
/* Raffel Draw Scheme */
#raffelDrwn .modal-content,
#raffelDrwnOffer .modal-content,
#raffelDrwn .modal-body,
#raffelDrwnOffer .modal-body {
padding: 0;
color: var(--text-dark);
background: var(--white);
}
#raffelDrwn .modal-content a.raffeldraw-scheme-close,
#raffelDrwnOffer .modal-content a.raffeldraw-scheme-close {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: var(--white);
background: var(--orange);
}
#raffelDrwn .modal-content a.raffeldraw-scheme-close i,
#raffelDrwnOffer .modal-content a.raffeldraw-scheme-close i {
font-size: 14px;
vertical-align: middle;
}
#raffelDrwn .modal-content .content-header,
#raffelDrwnOffer .modal-content .content-header { background: var(--blue); }
#raffelDrwn .modal-content .content-header img,
#raffelDrwnOffer .modal-content .content-header img {
width: 100%;
height: auto;
}
#raffelDrwn .modal-content .content-body,
#raffelDrwnOffer .modal-content .content-body {
padding: 24px;
padding-bottom: 46px;
color: var(--text-primary);
}
#raffelDrwn .modal-content .raffeldraw-scheme,
#raffelDrwnOffer .modal-content .raffeldraw-scheme {
position: relative;
text-align: center;
padding: 50px 20px 20px;
margin-top: -84px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}
#raffelDrwn .modal-content .raffeldraw-scheme img.gv-logo,
#raffelDrwnOffer .modal-content .raffeldraw-scheme img.gv-logo {
position: absolute;
left: 50%;
top: -85px;
transform: translateX(-50%);
z-index: 1;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list {
text-align: center;
cursor: pointer;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list h4,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list h4 {
margin-bottom: 5px;
font-size: 24px;
font-weight: var(--font-weight-bold);
color: var(--blue);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list span,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list span {
display: block;
font-size: 14px;
margin-bottom: 5px;
color: var(--blue);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list h5,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list h5 {
font-size: 18px;
font-weight: var(--font-weight-bold);
color: var(--blue);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list p,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list p {
margin-top: 10px;
margin-bottom: 0;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list button { margin-top: 10px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li {
margin: 0;
bottom: -5px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .redeemed-div {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .redeemed-div img{
margin: 0 0 0 7px;
width: 20px;
height: 20px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .redeemed-div button {
margin-top: 0;
background-color: #808080;
border-color: #808080;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev { left: -35px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next { right: -35px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev {
font-size: 14px;
width: 35px;
height: 35px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next.slick-disabled,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev.slick-disabled {
display: none !important;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next:before,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev:before { font-size: 14px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li button:before { font-size: 8px;}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode { margin-top: 20px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .use-promocode,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .exp-date,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .use-promocode,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .exp-date { font-size: 14px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode-code,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode-code {
display: flex;
align-items: center;
justify-content: center;
margin: 6px auto;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode-code .code,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode-code .code {
min-width: 150px;
height: 44px;
padding: 5px 10px;
text-align: center;
font-size: 24px;
margin-inline-start: 35px;
font-weight: var(--font-weight-bold);
color: var(--blue);
background: var(--white);
border: 1px solid var(--blue);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode-code img.copy-promocode,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode-code img.copy-promocode {
cursor: pointer;
margin: 0;
margin-inline-start: 10px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code { margin-top: 25px; }
#raffelDrwn .modal-content .raffeldraw-scheme .list .qr-code h6,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code h6 {
font-size: 18px;
font-weight: var(--font-weight-bold);
color: var(--blue);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code img {
display: block;
width: 120px;
height: 120px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code img {
display: block;
width: 200px;
height: 200px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code p,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code p {
margin-bottom: 0;
font-size: 14px;
color: var(--blue);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code .btn,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code .btn {
min-width: 140px;
height: 40px;
margin-top: 10px;
letter-spacing: 0.25px;
}
#raffelDrwnCollectpoint .modal-content .collect-point .btn,
#raffelDrwnOffer .modal-content .collect-point .btn {
min-width: 140px;
height: 40px;
margin-top: 20px;
letter-spacing: 0.25px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .raffeldraw-terms,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .raffeldraw-terms {
text-align: center;
margin-top: 20px;
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .raffeldraw-terms a,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .raffeldraw-terms a {
position: relative;
top: 0;
right: 0;
display: block;
width: auto;
height: auto;
font-size: 14px;
font-weight: 500;
text-align: center;
text-decoration: underline;
line-height: normal;
z-index: 1;
color: var(--orange);
}
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider { margin-bottom: 0; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots { bottom: -50px; }
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li button:before,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li.slick-active button:before { color: var(--text-primary); }
/* Wonder Bundle include CSS */
.icons-list {
display: flex;
align-items: flex-start;
margin: -8px -8px 2rem;
}
.icons-list .content {
position: relative;
display: inline-block;
width: calc(33.33% - 16px);
margin: 8px;
}
.icons-list .content .list {
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgb(0,0,0,0.1);
position:relative;
}
.icons-list .content .list .include-image {
height: max-content;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.icons-list .content .list .include-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.icons-list .content .list .include-name {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 60px;
padding: 10px;
border-radius: 0 0 5px 5px;
line-height: 18px;
font-weight: var(--font-weight-semibold);
color: var(--white);
}
.icons-list .content p.include-text {
color:var(--text-dark);
padding: 5px 0;
text-align: justify;
}
.icons-list .content .list .colorstyle1 { background: linear-gradient(#20295C, #20295C); }
.icons-list .content .list .colorstyle2 { background: linear-gradient(#C03741, #C03741); }
.icons-list .content .list .colorstyle3 { background: linear-gradient(#5BAACF, #5BAACF); }
.icons-list .content .list:hover .include-image img { transform: scale(1.1); }
@media (max-width: 992px) {
.icons-list .content{ margin-bottom: 1rem; }
.icons-list .content .list{
width:100%;
margin-inline-end: 16px;
}
}
/* Terms & Conditions */
.starting-text .terms-wrapper-generic h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: var(--orange);
}
.starting-text .terms-wrapper-generic p {
margin-bottom: 20px;
font-size: var(--root-font);
}
.starting-text .terms-wrapper-generic p strong { color: var(--orange); }
.starting-text .terms-wrapper-generic p a { color: var(--orange); }
.starting-text .terms-wrapper-generic ol {
margin-bottom: 20px;
padding-inline-start: 20px;
display: block !important;
}
.starting-text .terms-wrapper-generic ol li {
display: revert;
margin-bottom: 4px;
color: var(--text-dark);
font-size: var(--root-font);
}
.starting-text .terms-wrapper-generic ol li:last-child { margin-bottom: 0; }
.starting-text .terms-wrapper-generic ol li ul {
margin-top: 10px;
margin-bottom: 10px;
}
.starting-text .terms-wrapper-generic ol li ul li {
font-size: var(--root-font);
color: var(--text-dark);
margin-bottom: 5px;
}
.starting-text .terms-wrapper-generic ol {
position: relative;
list-style: none;
padding: 0;
}
.starting-text .terms-wrapper-generic ol li {
padding-inline-start: 1em;
margin: 0 0 1.25rem;
}
.starting-text .terms-wrapper-generic ol li a {
display: inline-block;
margin: 0;
word-break: break-all;
}
.starting-text .terms-wrapper-generic ol li:before {
position: absolute;
left: 0;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: var(--orange);
}
.starting-text .terms-wrapper-generic ol { counter-reset: listitem; }
.starting-text .terms-wrapper-generic ol li { padding-inline-start: 2em; }
.starting-text .terms-wrapper-generic ol li:before {
counter-increment: listitem;
content: counters(listitem, '.') '.';
}
.starting-text .terms-wrapper-generic ol li ol li {
padding-inline-start: 2.5em;
margin: 0.325rem 0;
}
.starting-text .terms-wrapper-generic ol li ol li ol li { padding-inline-start: 3em; }
.starting-text .terms-wrapper-generic ol li ol li ol li ol li { padding-inline-start: 4em; }
.starting-text .terms-wrapper-generic ol li ol li ol li ol li ol li { padding-inline-start: 5em; }
.starting-text .terms-wrapper-generic ol li ol li:before {
font-size: var(--root-font);
color: var(--text-dark);
font-weight: 400;
margin-bottom: 5px;
}
/* Entry Ticket Terms & Conditions */
.starting-text .entry-terms-wrapper-generic h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: var(--orange);
}
.starting-text .entry-terms-wrapper-generic p {
margin-bottom: 20px;
font-size: var(--root-font);
}
.starting-text .entry-terms-wrapper-generic p strong { color: var(--orange); }
.starting-text .entry-terms-wrapper-generic ul {
margin-bottom: 20px;
padding-inline-start: 20px;
display: block !important;
}
.starting-text .entry-terms-wrapper-generic ul li {
display: revert;
margin-bottom: 4px;
color: var(--text-dark);
font-size: var(--root-font);
}
.starting-text .entry-terms-wrapper-generic ul li ul {
margin-top: 15px;
margin-bottom: 15px;
padding-bottom: 0;
}
.starting-text .entry-terms-wrapper-generic ul li ul li {
font-size: var(--root-font);
color: var(--text-dark);
margin-bottom: 5px;
}
.w-90 { width: 90%; }
.raffle-inputs, .image-content-wrapper { display: flex; }
.raffle-inputs .remove-this { margin:10px; }
.image_content:first-child{ margin-inline-end: 30px; }
.raffle_content .image_content{margin-inline-end: 30px;}
.raffle_content .image_content:last-child{margin-inline-end: 0;}
.view-offers-link{
color: var(--orange) !important;
margin-top: 10px !important;
position: relative;
display: block;
}
.offers-and-promotions .offer-detail{ margin-bottom: 20px; }
.offers-and-promotions .offer-detail .promo-tab, #PromoModal .modal-content .nav-link{
display: inline-block;
padding: 1rem;
width: calc(50% - 17px);
margin: 7px;
box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
}
#PromoModal .modal-content .nav-link h6 { text-align: left; }
#PromoModal .modal-content .nav-link p{
text-align: left;
font-size: 16px;
}
#PromoModal .modal-content .nav-link .btn{
color: var(--orange);
display: block;
padding: 0;
margin-top: 0 !important;
}
#PromoModal .modal-dialog{ max-width: 900px; }
#PromoModal .modal-content{ background: transparent; }
#PromoModal .modal-body{ color: var(--text-dark); }
#PromoModal .modal-content a.nav-link{
position: relative;
display: inline-table;
color: var(--text-dark);
}
@media (max-width: 767px) {
.offers-and-promotions .offer-detail .promo-tab, #PromoModal .modal-content .nav-link{
display: block;
width: 100% !important;
}
}
.offers-and-promotions h3, #PromoModal .offer-details h3{
color: var(--blue) !important;
margin: 15px 0 5px 0;
display: flex;
align-items: center;
font-size: 1.75rem;
line-height: 1.3;
font-weight: var(--font-weight-bold);
position: relative;
display: block;
}
.offers-and-promotions i, #PromoModal .offer-details i{
color: var(--blue);
margin-left: 8px;
font-size: 40px;
margin-left: 8px;
}
.offers-and-promotions .offer-details .row{ margin-bottom: 20px; }
.offers-and-promotions .offer-details img{
object-fit: cover;
object-position: center;
height: 200px;
border-radius: 5px 5px 5px 5px;
}
.offers-and-promotions .nav-link i{ margin-left: 0 !important; }
#PromoTab .modal-content{ background: var(--white); }
#PromoTab .modal-body h5{
color: var(--blue);
margin-bottom: 30px;
}
#PromoTab .modal-body .text-blue{
color: #1b5d9a !important;
margin-bottom: 30px;
}
#PromoTab .modal-content .row{ align-items: center; }
#PromoTab .modal-content .row h5 {
color: #1b5d9a;
border: 1px solid #1b5d9a;
margin-bottom: 0;
position: relative;
display: inline-block;
padding: 5px 20px;
}
#PromoTab .modal-body p{
color: var(--blue);
line-height: 1.5;
}
#PromoTab .modal-body .redeem { margin-top: 20px; }
#PromoTab .modal-body .light-gray { color: var(--gray); }
#PromoTab .modal-body .large-text {
font-size: 1.8rem;
font-weight: 700;
color: #000000;
}
#PromoTab .modal-body .medium-text {
font-size: 1.2rem;
font-weight: 700;
color: #000000;
}
#PromoTab .modal-body .text-red{ color: #e04444 !important; }
#PromoTab .modal-body h6{ color:#000000; }
@media (max-width: 767px){
#PromoTab .modal-body p, #PromoModal .modal-body p{
margin-top: 0 !important;
}
}
#PromoTab .btn{
display: block;
padding: 0;
margin-top: 0 !important;
float: right;
color: var(--orange);
}
#PromoTab .icon-cross{ color: var(--orange); }
#PromoModal .icon-cross{
color: var(--orange);
position: absolute;
top: 50px;
right: 50px;
}
.offers-and-promotions .card-sub-heading {
padding: 30px 20px 0 20px;
position: relative;
display: block;
}
.offers-and-promotions .card-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 20px;
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
border-radius: 5px 5px 0 0;
color: var(--text-primary);
background-color: rgba(0, 117, 190, 0.05);
border-bottom: none;
}
.offers-and-promotions .row-block { align-items: center; }
.offers-and-promotions h3 { margin-top: 0; }
.choose-options { margin-top: 30px; }
.choose-options .list .form-item {
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
.choose-options .list .form-item:last-child { margin-bottom: 0; }
.choose-options .list [type="radio"]:checked,
.choose-options .list [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.choose-options .list [type="radio"]:checked + label,
.choose-options .list [type="radio"]:not(:checked) + label {
position: relative;
display: inline-block;
cursor: pointer;
margin-bottom: 0;
font-size: calc(var(--root-font) + 2px);
line-height: 20px;
padding-inline-start: 28px;
margin: 0;
color: var(--white);
}
.choose-options .list [type="radio"]:checked + label:before,
.choose-options .list [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 100%;
background: var(--white);
}
.choose-options .list [type="radio"]:checked + label:after,
.choose-options .list [type="radio"]:not(:checked) + label:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background: var(--orange);
}
.choose-options .list [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.choose-options .list [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#DeleteAccountConfirmation .modal-content .modal-body .delete-confirmation p,
#SuccessConfirmation .modal-content .modal-body .delete-confirmation p,
#VipPackConfirmation .modal-content .modal-body .delete-confirmation p {
margin-top: 10px;
margin-bottom: 0;
font-size: calc(var(--root-font) + 2px);
}
#DeleteAccountConfirmation .modal-content .modal-body .delete-confirmation span,
#VipPackConfirmation .modal-content .modal-body .delete-confirmation span {
font-size: calc(var(--root-font) - 2px);
display: block;
margin-top: 20px;
}
#DeleteAccountConfirmation .modal-content .modal-body .btn,
#VipPackConfirmation .modal-content .modal-body .btn,
#SuccessConfirmation .modal-content .modal-body .btn,
#DeleteAccount .modal-content .modal-body .btn {
width: 120px;
height: 40px;
margin: 40px 10px 0;
font-family: 'Poppins';
}
#DeleteAccount .modal-content .modal-body .btn { color: var(--white) !important; }
#DeleteAccountConfirmation .modal-content .modal-body .btn:hover,
#VipPackConfirmation .modal-content .modal-body .btn:hover,
#SuccessConfirmation .modal-content .modal-body .btn:hover,
#DeleteAccount .modal-content .modal-body .btn:hover,
#DeleteAccountConfirmation .modal-content .modal-body .btn:focus,
#VipPackConfirmation .modal-content .modal-body .btn:focus,
#SuccessConfirmation .modal-content .modal-body .btn:focus,
#DeleteAccount .modal-content .modal-body .btn:focus {
color: var(--white) !important;
background: var(--orange);
}
#DeleteAccount { z-index: 1052 !important; }
#DeleteAccountConfirmation { z-index: 1053 !important; }
#VipPackConfirmation { z-index: 1054 !important; }
#SuccessConfirmation { z-index: 1055 !important; }
#DeleteAccount .modal-content .modal-body .popup-description { font-size: calc(var(--root-font) - 2px); }
.virtual-tours {
padding-top: var(--medium-spacing);
padding-bottom: var(--medium-spacing);
}
.virtual-tours .content {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 8px;
margin-top: 20px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.virtual-tours .content .image {
width: 300px;
flex: 0 0 300px;
height: 180px;
overflow: hidden;
border-radius: 3px;
margin-right: 20px;
}
.virtual-tours .content .image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.virtual-tours .content .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
@media (max-width: 767px) {
.virtual-tours .content .image span { width: 300px; }
}
@media (max-width: 767px) {
.virtual-tours .content .image {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
flex: none;
}
}
.virtual-tours .content .details {
width: calc(100% - 320px);
flex: 0 0 calc(100% - 320px);
}
.virtual-tours .content .details h4 {
font-size: var(--section-header);
color: var(--blue);
}
.virtual-tours .content .details p {
margin-top: 10px;
margin-bottom: 10px;
}
.virtual-tours .content .details a {
text-decoration: none;
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
@media (max-width: 767px) {
.virtual-tours .content .details {
width: 100%;
flex: none;
}
.vt-gallery .product-gallery { display: block; }
.vt-gallery .product-gallery .big-image {
width: 100%;
flex: none;
}
.vt-gallery .product-gallery .small-image {
width: 100%;
flex: none;
margin-left: 0;
}
}
.vt-gallery .product-gallery .small-image .image:nth-child(1) { margin-top: 10px; }
#vt-video.modal.show .modal-dialog { max-width: 650px; }
#vt-video .modal-content {
margin: 0 auto;
padding: 0;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: .3rem;
outline: 0;
}
#vt-video .modal-footer, .modal-header { border: 0 !important; }
#vt-video .modal-header {
display: block;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
#vt-video .video-section {
width: 100%;
height: 450px;
}
@media (max-width: 768px) {
#vt-video .video-section {
width: 100%;
height: 275px;
}
}
@media (max-width: 540px) {
#vt-video .video-section {
width: 100%;
height: 200px;
}
}
#vt-video .video-details h5 {
margin-top: 10px;
color: var(--blue);
}
#vt-video .video-top { margin-bottom: 30px; }
#vt-video .video-top .close {
font-weight: 400;
font-size: 40px;
line-height: 16px;
opacity: 1;
color: var(--orange);
}
#vt-video .video-top .close:hover {
opacity: 1 !important;
box-shadow: none;
}
.vt-details .action-buttons img{ width:30px; }
/*Accessibility Module*/
body.default-color div,
body.default-color section,
body.default-color header,
body.default-color footer,
body.default-color > div .modal { filter: none; }
.grayscale_filter{
/* filter: grayscale(1); */
}
.no_filter{
filter: none;
}
/*Color blind module*/
body.black section,
body.black header,
body.black footer,
body.black > div .modal { filter: grayscale(1); }
body.black div.region.region-popup-blocks, body.black div.dialog-off-canvas-main-canvas,
body.black div#page-wrapper, body.black div#page{ filter: none !important; }
body.black .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{ z-index: 1; }
body.black.iti-mobile .iti--container, body.black #main-wrapper, body.black .datepicker { filter: grayscale(1) !important; }
/* Green weakness*/
body.green-weakness .menu { background: url(../images/resources/popup-bg-greyscale.png) center bottom no-repeat; }
body.green-weakness .park-timing .content { background: url(../images/resources/parktiming-bg-grayscale.jpg) center center no-repeat; }
body.green-weakness .tripadvisor .tripadvisor-rating h4,
body.green-weakness .tripadvisor .content .left a{ color: var(--blue) !important; }
body.green-weakness .tripadvisor .icon-left-arrow{ color: var(--blue) !important; }
body.green-weakness .tripadvisor .icon-right-arrow{ color: var(--blue) !important; }
body.green-weakness .tripadvisor-rating .trip-rating:-moz-meter-optimum::-moz-meter-bar {
background-image: url("data:image/svg+xml;utf8,");
}
body.green-weakness .tripadvisor-rating .trip-rating::-webkit-meter-optimum-value {
background-image: url("data:image/svg+xml;utf8,");
}
body.green-weakness .messages--status {
color: var(--blue); ;
border-color: var(--blue);
box-shadow: -8px 0 0 var(--blue); ;
}
body.green-weakness .features .cardbox .colorstyle2 { background: var(--blue) !important; }
body.green-weakness .login-section .not-account ul li i { color: var(--blue) !important; }
body.green-weakness .parkentry-ticket .content ul li:after { background: var(--blue) !important; }
body.green-weakness .overview .overview-content ul li:after { background: var(--blue) !important; }
body.green-weakness .profile .my-profile ul.switch-list li .checkbox:checked+.slider { background-color: var(--blue) !important; }
body.green-weakness .download-app, body.green-weakness .inner-banner,
body.green-weakness .gallery .product-gallery .big-image .image span,
body.green-weakness .gallery .product-gallery .small-image span { filter: grayscale(1); }
body.green-weakness .iti__flag, body.green-weakness .iti__country-list--dropup { filter: grayscale(1); }
body.green-weakness .imageoverly-content.fortravel-trade .list .image span,
body.green-weakness .gallerypopup .gallery-content,
body.green-weakness .buy-section .tab-content .listing .content .image span { filter: grayscale(1); }
body.green-weakness header .header-items .right .user img { filter: grayscale(1); }
/* Red weakness*/
body.red-weakness .menu { background: url(../images/resources/popup-bg-greyscale.png) center bottom no-repeat; }
body.red-weakness .park-timing .content { background: url(../images/resources/parktiming-bg-grayscale.jpg) center center no-repeat; }
body.red-weakness .messages--error {
color: var(--blue);
box-shadow: var(--blue);
}
body.red-weakness .error, body.red-weakness .required,
body.red-weakness .gv-register-media-user .form-item label span.required,
body.red-weakness .gv-register-media-user .form-item label span.required { color: var(--blue); }
body.red-weakness .features .cardbox .colorstyle4 { background: var(--blue) !important; }
body.red-weakness .profile .my-profile .delete-account a { background: var(--blue) !important; }
body.red-weakness .page-name .page-name-content .action-buttons .fav-flag.red-flag,
body.red-weakness .inner-banner .action-buttons .fav-flag.red-flag,
body.red-weakness .cardbox .cardbox-content .cardbox-content-header .action-buttons .fav-flag.red-flag,
body.red-weakness .our-outlets .our-outlet-slider .outlet-content .outlet-header .fav-flag.red-flag,
body.red-weakness .all-outlets .outlet-content .outlet-header .fav-flag.red-flag,
body.red-weakness .profile .favourites-routes .favourites ul.list li .fav-flag.red-flag { color: var(--blue) ; }
body.red-weakness .form-required:after, body.red-weakness .profile .my-profile .update-profile .required { filter: grayscale(1) !important; }
body.red-weakness .download-app, body.red-weakness .inner-banner,
body.red-weakness .gallery .product-gallery .big-image .image span,
body.red-weakness .gallery .product-gallery .small-image span { filter: grayscale(1); }
body.red-weakness .iti__flag, body.red-weakness .iti__country-list--dropup { filter: grayscale(1); }
body.red-weakness .imageoverly-content.fortravel-trade .list .image span,
body.red-weakness .gallerypopup .gallery-content,
body.red-weakness .buy-section .tab-content .listing .content .image span { filter: grayscale(1); }
body.red-weakness header .header-items .right .user img { filter: grayscale(1); }
/* ===== Cabana ===== */
.available-cabanas { padding-top: var(--large-spacing); }
.available-cabanas .back-event {
display: flex;
align-items: flex-start;
width: fit-content;
font-size: 24px;
font-weight: 700;
color: var(--blue);
}
.available-cabanas .back-event svg { margin-inline-end: 0.75rem; }
.available-cabanas .back-event:hover { color: var(--orange); }
.cabana-best-match, .cabana-upgrade, .available-cabana-booking {
position: relative;
padding-top: 30px;
}
.available-cabana-booking { padding-top: 50px; }
.cabana-best-match h3,
.cabana-upgrade h3,
.available-cabana-booking h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 1.5rem;
color: var(--blue);
}
.available-cabana-booking .cabana-list { margin-bottom: 30px; }
.cabana-best-match .cabana-list .cabana-list-content,
.cabana-upgrade .cabana-list .cabana-list-content,
.available-cabana-booking .cabana-list .cabana-list-content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px;
border-radius: 5px;
background-color: #F5F5F5;
}
.cabana-best-match .cabana-list .cabana-list-content {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.cabana-best-match .cabana-list .cabana-list-content .left h4,
.cabana-upgrade .cabana-list .cabana-list-content .left h4,
.available-cabana-booking .cabana-list .cabana-list-content .left h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 1rem;
color: var(--blue);
}
.cabana-best-match .cabana-list .cabana-list-content .left h4 { color: var(--white); }
.cabana-best-match .cabana-list .cabana-list-content .left ul,
.cabana-upgrade .cabana-list .cabana-list-content .left ul,
.available-cabana-booking .cabana-list .cabana-list-content .left ul {
margin: 0;
padding: 0;
}
.cabana-best-match .cabana-list .cabana-list-content .left ul { color: var(--white); }
.cabana-best-match .cabana-list .cabana-list-content .left ul li,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li {
display: flex;
align-items: center;
margin-bottom: 0.75rem;
}
.cabana-best-match .cabana-list .cabana-list-content .left ul li:last-child,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li:last-child,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li:last-child { margin-bottom: 0; }
.cabana-best-match .cabana-list .cabana-list-content .left ul li svg,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li svg,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li svg {
width: auto;
height: 20px;
padding-inline-end: 0.75rem;
}
.cabana-best-match .cabana-list .cabana-list-content .left ul li svg path { fill: #A5A5A5; }
.cabana-best-match .cabana-list .cabana-list-content .left ul li span,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li span,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li span {
display: block;
font-size: 17px;
font-weight: 600;
}
.cabana-best-match .cabana-list .cabana-list-content .right,
.cabana-upgrade .cabana-list .cabana-list-content .right,
.available-cabana-booking .cabana-list .cabana-list-content .right { text-align: right; }
.cabana-best-match .cabana-list .cabana-list-content .right .price,
.cabana-upgrade .cabana-list .cabana-list-content .right .price,
.available-cabana-booking .cabana-list .cabana-list-content .right .price {
font-size: 40px;
font-weight: 700;
margin-bottom: 0.75rem;
}
.cabana-best-match .cabana-list .cabana-list-content .right .price { color: var(--white); }
.cabana-best-match .cabana-list .cabana-list-content .right .price small,
.cabana-upgrade .cabana-list .cabana-list-content .right .price small,
.available-cabana-booking .cabana-list .cabana-list-content .right .price small {
font-size: 18px;
font-weight: 400;
color: #A5A5A5;
}
.cabana-best-match .cabana-list .cabana-list-content .right .price small { color: var(--white); }
.cabana-best-match .cabana-list .cabana-list-content .right button,
.cabana-upgrade .cabana-list .cabana-list-content .right button,
.available-cabana-booking .cabana-list .cabana-list-content .right button { min-width: 220px; }
@media (max-width: 1199px) {
.cabana-best-match .cabana-list .cabana-list-content .right button,
.cabana-upgrade .cabana-list .cabana-list-content .right button,
.available-cabana-booking .cabana-list .cabana-list-content .right button { min-width: 150px; }
}
@media (max-width: 991px) {
.cabana-best-match .cabana-list .cabana-list-content .left h4, .cabana-upgrade .cabana-list .cabana-list-content .left h4, .available-cabana-booking .cabana-list .cabana-list-content .left h4 {
font-size: 18px;
font-weight: 600;
}
.cabana-best-match .cabana-list .cabana-list-content .left ul li, .cabana-upgrade .cabana-list .cabana-list-content .left ul li, .available-cabana-booking .cabana-list .cabana-list-content .left ul li { margin-bottom: 7px; }
.cabana-best-match .cabana-list .cabana-list-content .left ul li svg, .cabana-upgrade .cabana-list .cabana-list-content .left ul li svg, .available-cabana-booking .cabana-list .cabana-list-content .left ul li svg { display: none; }
.cabana-best-match .cabana-list .cabana-list-content .left ul li span, .cabana-upgrade .cabana-list .cabana-list-content .left ul li span, .available-cabana-booking .cabana-list .cabana-list-content .left ul li span { font-size: 15px; }
.cabana-upgrade .cabana-list .cabana-list-content .right, .available-cabana-booking .cabana-list .cabana-list-content .right { margin-inline-start: 15px; }
.cabana-upgrade .cabana-list .cabana-list-content .right button, .available-cabana-booking .cabana-list .cabana-list-content .right button {
min-width: auto;
white-space: nowrap;
}
.cabana-best-match .cabana-list .cabana-list-content .right .price, .cabana-upgrade .cabana-list .cabana-list-content .right .price, .available-cabana-booking .cabana-list .cabana-list-content .right .price {
font-size: 24px;
line-height: normal;
}
.cabana-best-match .cabana-list .cabana-list-content .right .price small, .cabana-upgrade .cabana-list .cabana-list-content .right .price small, .available-cabana-booking .cabana-list .cabana-list-content .right .price small { font-size: 14px; }
}
@media (max-width: 767px) {
.available-cabana-booking .cabana-list { margin-bottom: 0; }
.available-cabana-booking .cabana-list .cabana-list-content {
padding: 0;
padding-bottom: 15px;
margin-bottom: 15px;
background: transparent;
border-bottom: 1px solid #DCDCDC;
}
}
@media (max-width: 576px) {
.cabana-best-match .cabana-list .cabana-list-content {
flex-direction: column;
align-items: flex-start;
}
.cabana-best-match h3, .cabana-upgrade h3, .available-cabana-booking h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.cabana-best-match .cabana-list .cabana-list-content, .cabana-upgrade .cabana-list .cabana-list-content { padding: 16px; }
.cabana-best-match .cabana-list .cabana-list-content .left,
.cabana-best-match .cabana-list .cabana-list-content .right,
.cabana-best-match .cabana-list .cabana-list-content .right button { width: 100%; }
.cabana-best-match .cabana-list .cabana-list-content .right { margin-top: 10px; }
.cabana-best-match .cabana-list .cabana-list-content .right .price {
position: absolute;
right: 16px;
top: 16px;
z-index: 1;
}
}
/* ===== Fifa ===== */
.path-fifa-matches .region-content .content h1 { display: none; }
.available-fifa-matches { padding-top: var(--large-spacing); }
.available-fifa-matches .content {
display: flex;
align-items: center;
justify-content: space-between;
}
.available-fifa-matches .content .back-event {
display: flex;
align-items: flex-start;
width: fit-content;
font-size: 24px;
font-weight: 700;
color: var(--blue);
}
.available-fifa-matches .content .back-event svg { margin-inline-end: 0.75rem; }
.available-fifa-matches .content .back-event:hover { color: var(--orange); }
.available-fifa-matches .content .search {
position: relative;
width: 300px;
}
.available-fifa-matches .content .search input {
width: 100%;
height: 40px;
padding: 8px 12px;
padding-inline-start: 1.875rem;
border-radius: 0;
border: none;
border-bottom: 1px solid #DDD;
}
.available-fifa-matches .content .search i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
color: var(--orange);
}
.fifa-match-list {
position: relative;
padding-top: 30px;
}
.fifa-match-list .by-date h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
color: var(--blue);
}
.fifa-match-list .by-date .match-list { margin-bottom: 30px; }
.fifa-match-list .by-date .match-list .match-list-content {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #F5F5F5;
}
.fifa-match-list .by-date .match-list .match-list-content .left h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
color: var(--blue);
}
.fifa-match-list .by-date .match-list .match-list-content .left .ticket-left {
display: none;
margin-top: 30px;
font-size: 14px;
}
.fifa-match-list .by-date .match-list .match-list-content .right {
text-align: center;
min-width: 350px;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity {
display: flex;
align-items: center;
justify-content: center;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price {
font-size: 40px;
font-weight: 700;
margin-bottom: 8px;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price small {
font-size: 18px;
font-weight: 400;
color: #A5A5A5;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price span {
font-size: 18px;
font-weight: 400;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity {
display: flex;
align-items: center;
justify-content: center;
margin-inline-start: 20px;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity input {
width: 35px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
background: transparent;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
font-size: 14px;
color: var(--orange);
background: transparent;
border: 1px solid var(--orange);
}
.fifa-match-list .by-date .match-list .match-list-content .right .btn { width: 100%; }
.fifa-match-list .by-date .match-list .match-list-content .right .btn.disable {
color: var(--white);
background: #A5A5A5;
border: 1px solid #A5A5A5;
}
.fifa-match-list .by-date .match-list .match-list-content .right span.ticket-left {
display: block;
font-size: 14px;
font-weight: 400;
margin-top: 8px;
}
.fifa-match-list .by-date .match-list .match-list-content.full-day {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.fifa-match-list .by-date .match-list .match-list-content.full-day .left h4 { color: var(--white); }
.fifa-match-list .by-date .match-list .match-list-content.full-day .right .add-quantity .price { color: var(--white); }
.fifa-match-list .by-date .match-list .match-list-content.full-day .right .add-quantity .price small { color: var(--white); }
.fifa-match-list .by-date .match-list .match-list-content.full-day .right .add-quantity .quantity input { color: var(--white); }
.fifa-match-list .by-date .match-list .match-list-content.full-day .left .ticket-left { color: var(--white) !important; }
#enjoy_fifa .modal-content {
padding: 0;
position: relative;
border-radius: 8px;
background: var(--white);
border: none;
}
#enjoy_fifa .modal-content .modal-body .image {
width: 100%;
height: 360px;
overflow: hidden;
border-radius: 8px 8px 0 0;
}
#enjoy_fifa .modal-content .modal-body .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
#enjoy_fifa .modal-content .modal-body .details {
padding: 30px;
color: var(--text-dark);
}
#enjoy_fifa .modal-content .modal-body .details h4 {
margin-bottom: 30px;
color: var(--blue);
font-size: 1.25rem;
}
#enjoy_fifa .modal-content .modal-body .details p {
font-size: 18px;
margin-bottom: 24px;
}
#enjoy_fifa .modal-content .modal-body .details .btn { margin: 0; }
#enjoy_fifa .modal-content .modal-body .details span {
display: block;
text-align: center;
cursor: pointer;
margin-top: 20px;
font-weight: var(--font-weight-medium);
}
@media (max-width: 1199px) {
.fifa-match-list .by-date .match-list .match-list-content .right { min-width: 150px; }
}
@media (max-width: 991px) {
.overview .floor-plan .listing .list {
width: calc(50% - 16px);
height: 130px;
}
.fifa-match-list .by-date .match-list .match-list-content .left h4 {
font-size: 18px;
font-weight: 600;
}
.fifa-match-list .by-date .match-list .match-list-content .left .ticket-left { display: block; }
.fifa-match-list .by-date .match-list .match-list-content .right {
margin-inline-start: 15px;
min-width: auto;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .btn {
min-width: auto;
white-space: nowrap;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price {
font-size: 18px;
line-height: normal;
}
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price small,
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price span { font-size: 12px; }
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity { margin-bottom: 10px; }
#enjoy_fifa .modal-content .modal-body .details { padding: 15px; }
#enjoy_fifa .modal-content .modal-body .details h4 { font-size: 20px; }
#enjoy_fifa .modal-content .modal-body .details p { font-size: 16px; }
}
@media (max-width: 767px) {
.available-fifa-matches .content {
flex-direction: column;
align-items: flex-start;
}
.available-fifa-matches .content .search { margin-top: 15px; }
.fifa-match-list .by-date .match-list { margin-bottom: 0; }
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity { flex-direction: column; }
.fifa-match-list .by-date .match-list .match-list-content .right span.ticket-left { display: none; }
.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity { margin-inline-start: 0; }
}
@media (max-width: 576px) {
.fifa-match-list .by-date h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.fifa-match-list .by-date .match-list .match-list-content { padding: 10px; }
.fifa-match-list .by-date .match-list .match-list-content .right {
min-width: auto;
white-space: nowrap;
}
.fifa-match-list .by-date .match-list .match-list-content .right .btn { width: auto; }
}
/* ===== Family Pack ===== */
.family-pack{
padding-top: 75px;
position: relative;
}
.family-pack .title{ margin-bottom: 0; }
.family-pack h4{
font-size: 1.5rem;
color: var(--blue);
margin-bottom: 12px;
}
.family-pack p { margin-bottom: 20px; }
.family-pack a{
color: var(--orange);
font-weight: var(--font-weight-semibold);
}
.family-pack .family-pack-img { width: 560px; }
.family-pack .pack-content{ margin-top: 40px; }
.buy-locations {
margin-top: 60px;
margin-bottom: 100px;
}
.buy-locations h4 {
font-size: 1.5rem;
margin-bottom: 32px;
color: var(--blue);
}
@media (max-width: 576px) { .buy-locations h4 { margin-bottom: 10px; } }
.buy-locations a.family-pack-map-view {
display: none;
font-size: 16px;
font-weight: 600;
color: var(--orange);
}
@media (max-width: 576px) {
.buy-locations a.family-pack-map-view {
display: inline-block;
margin-bottom: 20px;
}
}
.buy-locations .location-blocks {
max-height: 650px;
overflow: auto;
}
@media (max-width: 991px) {
.buy-locations .location-blocks { max-height: none; }
}
.buy-locations .location-blocks .list-group { margin-right: 5px; }
@media (max-width: 991px) {
.buy-locations .location-blocks .list-group { margin-right: 0; }
}
.buy-locations .location-blocks .list-group-item {
border: none;
margin-bottom: 10px;
padding: 12px 22px;
background-color: #f5f5f5;
}
@media (min-width: 992px) {
.buy-locations .location-blocks .list-group-item:last-child { margin-bottom: 0px; }
}
.buy-locations .location-blocks .list-group-item h5 {
font-size: 1.5rem;
color: var(--orange);
margin-bottom: 0;
}
@media (max-width: 576px) {
.buy-locations .location-blocks .list-group-item h5 { font-size: 18px; }
}
.buy-locations .location-blocks .list-group-item p {
margin-bottom: 2px;
font-size: 15px;
color: #2A2828;
}
.buy-locations .location-blocks .list-group-item a {
display: inline-block;
margin-top: 7px;
font-size: 14px;
color: #1A73E8;
}
.buy-locations .location-blocks .list-group-item a:hover { color: var(--orange); }
.buy-locations .location-blocks .list-group-item small {
font-size: 1.125rem;
color: #2A2828;
}
.family-pack-map { position: relative; }
.family-pack-map .location-details {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
width: 320px;
min-height: 120px;
padding: 15px;
border-radius: 2px;
background: var(--white);
box-shadow: 0 0 10px rgba(0,0,0,0.12);
}
.family-pack-map .location-details h6 {
font-size: 18px;
font-weight: 600;
margin-bottom: 6px;
color: var(--orange);
}
.family-pack-map .location-details p {
font-size: 14px;
line-height: 1.2;
margin-bottom: 10px;
}
.family-pack-map .location-details a {
font-size: 13px;
color: #1A73E8;
}
.family-pack-map .location-details a:hover { color: var(--orange); }
/* ===== Kids Form ===== */
.kids-festival-form { padding-top: var(--large-spacing); }
.kids-festival-form .form-group h5 {
margin-top: 30px;
color: var(--blue);
}
.kids-festival-form a {
color: var(--orange);
text-decoration: underline;
}
.kids-festival-form .gv-kids-festival-form .js-form-item {
margin-top: 0;
margin-bottom: 0;
}
.kids-festival-form .gv-kids-festival-form .js-form-item legend {
margin-bottom: 0.5rem;
font-size: 14px;
font-weight: var(--font-weight-normal);
color: var(--text-dark);
}
.kids-festival-form .gv-kids-festival-form .js-form-item input.form-text {
margin-top: 0;
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15);
}
.kids-festival-form .gv-kids-festival-form .js-form-item textarea.form-control { height: 100px; }
.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios {
display: flex;
align-items: center;
}
.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item {
position: relative;
margin-inline-end: 12px;
}
.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item:last-child { margin-inline-end: 0; }
.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 44px;
cursor: pointer;
}
.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item label {
display: block;
height: 44px;
margin: 0;
padding: 10px 20px;
line-height: 24px;
border-radius: 5px;
position: relative;
cursor: pointer;
margin-bottom: 0;
color: var(--text-light);
background: #DCDCDC;
}
.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item input:checked+label {
color: var(--white);
background: var(--blue);
}
.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox label {
display: inline-block;
position: relative;
cursor: pointer;
line-height: 20px;
}
.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid var(--orange);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-inline-end: 7px;
border-radius: 2px;
}
.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input:checked+label:before { background-color: var(--orange); }
.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 6px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input:checked+label:after { top: 4px; }
.kids-festival-form .gv-kids-festival-form .js-form-item .form-date {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
/* ===== //Kids Form ===== */
.error-highlight {
margin-top: 20px;
padding: 15px;
font-weight: 600;
border-radius: 10px;
color: var(--orange);
background: #f7e9e1;
}
#cartCountAction #card-form label {
margin-bottom: 0;
font-size: var(--font-regular);
color: var(--white);
}
#cartCountAction #card-form .btn {
float: left;
margin: 0 10px;
margin-top: 40px;
min-width: calc(50% - 20px) !important;
}
@media (max-width: 576px) {
#cartCountAction .modal-content a#cartCountProceed { display: none; }
}
/* Search CSS */
.path-search-results .breadcrumb-section .breadcrumb li, .path-search-results .breadcrumb-section .breadcrumb li a {
font-weight: var(--font-weight-medium);
font-size: var(--root-font);
color: #000000;
text-decoration: none;
}
.search-result { padding-top: var(--small-spacing); }
.search-result hr { display: none; }
.search-result .views-exposed-form { margin-bottom: 0; }
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results {
display: flex;
align-items: center;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox {
position: relative;
width: 600px;
flex: 0 0 600px;
margin-inline-end: 100px;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox i {
position: absolute;
right: 12px;
top: 12px;
color: var(--orange);
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox .form-item,
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item { margin: 0; }
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox .form-item label,
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item label {
display: block;
font-size: var(--root-font);
font-weight: var(--font-weight-normal);
color: #4E4953;
margin-bottom: 10px;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox .form-item input,
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item select {
height: 40px;
width: 100%;
margin: 0;
padding: 5px 12px;
letter-spacing: 0.35px;
font-size: 14px;
color: #000000;
border: none !important;
border-radius: 5px;
background: #f5f5f5;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item select {
width: 200px;
border-radius: 5px;
color: var(--text-primary);
border: 1px solid #D5D3D6 !important;
background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
appearance: none;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox #edit-submit-search-results--2 { display: none; }
.search-result .block-system-main-block { margin-top: 30px; }
.search-result .view-search-results .view-header {
font-size: 22px;
font-weight: var(--font-weight-medium);
margin-bottom: 35px;
color: #000000;
}
.search-result .view-search-results .search-list .listing .content {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
padding: 20px;
border-radius: 8px;
border: 1px solid #DCDCDC;
}
.search-result .view-search-results .search-list .listing .content .image {
width: 250px;
flex: 0 0 250px;
height: 250px;
overflow: hidden;
border-radius: 5px;
margin-inline-end: 20px;
}
.search-result .view-search-results .search-list .listing .content .image span {
display: block;
width: 100%;
height: 100%;
}
.search-result .view-search-results .search-list .listing .content .image span img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.search-result .view-search-results .search-list .listing .content .description { flex: 1; }
.search-result .view-search-results .search-list .listing .content .description .top {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 15px;
}
.search-result .view-search-results .search-list .listing .content .description .top h4 {
font-size: 20px;
font-weight: var(--font-weight-medium);
margin-bottom: 0;
margin-inline-end: 10px;
color: var(--text-dark);
}
.search-result .view-search-results .search-list .listing .content .description .top .search-category { margin-top: 10px; }
.search-result .view-search-results .search-list .listing .content .description .top .search-category .item-list ul {
display: flex;
align-items: center;
}
.search-result .view-search-results .search-list .listing .content .description .top .search-category .item-list ul li {
font-size: 14px;
font-weight: var(--font-weight-medium);
padding: 5px 15px;
margin-inline-start: 10px;
border-radius: 22px;
color: #545353;
background: #F2F2F2;
border: 1px solid transparent;
}
.search-result .view-search-results .search-list .listing .content .description .top .search-category .item-list ul li:first-child { margin-inline-start: 0; }
.search-result .view-search-results .search-list .listing .content .description p {
font-size: var(--root-font);
margin-bottom: 20px;
max-width: 80%;
}
.search-result .view-search-results .search-list .listing .content .description a.search-result-read-more {
display: flex;
align-items: center;
justify-content: center;
width: 150px;
padding: 8px 15px;
font-weight: 600;
border-radius: 5px;
color: var(--orange);
background: var(--white);
border: 2px solid var(--orange);
}
.search-result .view-search-results .search-list .listing .content .description a i {
font-size: 14px;
vertical-align: middle;
margin-inline-start: 3px;
}
.search-result .view-search-results .search-list .listing .content .description a:hover {
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
}
.search-result .view-search-results .search-list .listing .content .description a:hover i { color: var(--white); }
@media (max-width: 991px) {
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox {
width: 500px;
flex: 0 0 500px;
margin-inline-end: 30px;
}
.search-result .view-search-results .search-list .listing .content .description .top {
flex-direction: column;
align-items: flex-start;
}
.search-result .view-search-results .search-list .listing .content .description p { max-width: 100%; }
}
@media (max-width: 767px) {
.search-result .view-search-results .search-list .listing .content {
flex-direction: column;
margin-bottom: 25px;
padding: 20px;
border: 1px solid #DCDCDC;
border-radius: 8px;
}
.search-result .view-search-results .search-list .listing .content .image {
width: 100%;
flex: 0 0 100%;
height: 280px;
margin-inline-end: 0;
margin-bottom: 10px;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results {
flex-direction: column;
align-items: flex-start;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox {
width: 100%;
flex: 0 0 100%;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype {
width: 100%;
flex: 0 0 100%;
margin-top: 20px;
}
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item select { width: 100%; }
}
.search-result nav.pager {
display: flex;
justify-content: center;
}
.search-result nav.pager .pager__items { display: inline-flex; }
.search-result nav.pager .pager__items .pager__item {
margin-inline-end: 15px;
height: 34px;
display: flex;
align-items: center;
}
.search-result nav.pager .pager__items .pager__item.is-active a {
color: white;
background: var(--orange);
padding: 5px 12px;
border-radius: 7px;
}
.search-result nav.pager .pager__items .pager__item.pager__item--next span,
.search-result nav.pager .pager__items .pager__item.pager__item--last,
.search-result nav.pager .pager__items .pager__item.pager__item--previous span,
.search-result nav.pager .pager__items .pager__item.pager__item--first,
.search-result nav.pager .pager__items .pager__item.pager__item--ellipsis {
display: none;
}
.search-result nav.pager .pager__items .pager__item.pager__item--next,
.search-result nav.pager .pager__items .pager__item.pager__item--previous { margin-top: 0px; }
.search-result nav.pager .pager__items .pager__item.pager__item--next a::after,
.search-result nav.pager .pager__items .pager__item.pager__item--previous a::after {
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 16px;
color: var(--orange);
}
.search-result nav.pager .pager__items .pager__item.pager__item--next a::after {
content: "\e92a";
}
.search-result nav.pager .pager__items .pager__item.pager__item--previous a::after {
content: "\e91c";
}
/* ===== Media Queries ===== */
@media (min-width: 1600px) {
.container { max-width: 1376px; }
}
@media (max-width: 1600px) {
.gallerypopup .gallery-content { max-width: 850px; }
.gallerypopup .gallery-content .carousel-item { height: 460px; }
.gallerypopup .gallery-content .carousel-control-next,
.gallerypopup .gallery-content .carousel-control-prev { max-height: 460px; }
}
@media (max-width: 1599px) {
.media-permission .cardbox div { min-height: 220px; }
.media-permission .cardbox div h4 { font-size: calc(var(--root-font) + 4px); }
.media-permission .cardbox div p {
margin-bottom: 20px;
font-size: 14px;
}
.all-galleries .cardbox .cardbox-content { min-height: 90px; }
}
@media (min-width: 1441px) and (max-width: 1600px) {
.buy-section .tab-content .select-packs .pack-list { height: 115px; }
}
@media (min-width: 1440px) and (max-width: 1599px) {
.main-banner .main-banner-middle .text-bottom { margin-top: 30%; }
.page-not-found .content h2 { font-size: 46px; }
.page-not-found .content h1 { font-size: 66px; }
.page-not-found .content h4 { font-size: 30px; }
.page-not-found .content p { font-size: 20px; }
.page-not-found .contact-links { bottom: 30px; }
.buy-section .nav-tabs.buy-tabs li .nav-link { min-height: 80px; }
}
@media (max-width: 1439px) {
:root {
--root-font: 14px;
--font-regular: 14px;
--font-small: 13px;
--font-extrasmall: 12px;
--primary-heading: 54px;
--secondary-heading: 36px;
--section-header: 22px;
--large-spacing: 100px;
--medium-spacing: 60px;
--small-spacing: 40px;
}
.cardbox .cardbox-image { height: 220px; }
.cardbox .cardbox-content p { min-height: 60px; }
.vip-benefits .cardbox .cardbox-content p { min-height: 79px; }
.client-testimonial .testimonial .list .content { min-height: 228px; }
.client-testimonial .testimonial .list .content .image { height: 160px; }
.client-testimonial .testimonial .list .content .image img {
min-height: 160px;
width: 100%;
margin: 0 auto;
}
.addtocart .content:before { left: 90px; }
.inner-banner { height: 400px; }
.main-banner .carousel .carousel-caption h1 {
font-size: 46px;
max-width: 420px;
}
.main-banner .carousel .carousel-caption h4 {
font-size: 20px;
max-width: 460px;
}
.top-features .cardbox .cardbox-content,
.todays-shows .cardbox .cardbox-content,
.similer-outlets .view-similar-outlets .cardbox .cardbox-content { min-height: auto; }
.plan-your-visit .cardbox .cardbox-content { min-height: auto; }
.our-outlets .our-outlet-slider .cardbox.big-cell .image { height: 486px; }
.gallery .product-gallery .small-image {
width: 330px;
height: 170px;
}
.gallery .product-gallery .big-image .image { height: 350px; }
.gallerypopup .gallery-content { width: 720px }
.gallerypopup .gallery-content .carousel-item { height: 420px; }
.gallerypopup .gallery-content .carousel-item .video-gallery { height: 420px; }
.gallerypopup .gallery-content .carousel-control-prev {
left: -80px;
max-height: 420px;
}
.gallerypopup .gallery-content .carousel-control-next {
right: -80px;
max-height: 420px;
}
.gallerypopup .gallery-content .carousel-indicators li {
width: 160px;
flex: 0 0 160px;
height: 80px;
}
.release-list .image { height: 240px; }
.imageoverly-content .list .image { height: 350px; }
.fortravel-trade.imageoverly-content .list .content { height: 320px; }
.special-events .cardbox .cardbox-image { height: 200px; }
.healthy-safety .content .image { height: 400px; }
.page-not-found .content { padding-top: 30px; }
.page-not-found .content h2 { font-size: 24px; }
.page-not-found .content h1 { font-size: 48px; }
.page-not-found .content h4 {
font-size: 20px;
margin-bottom: 15px;
}
.page-not-found .content p {
font-size: 16px;
margin-bottom: 40px;
}
.page-not-found .contact-links { bottom: 30px; }
.page-not-found .content .links a span { font-size: 16px; }
.three-thumbnails-arrow,
.view-todays-shows-and-events,
.view-special-events-list .view-content { margin: -8px; }
.menu { padding: 40px 0; }
}
@media (max-width: 1279px) {
.main-banner .main-banner-middle { margin-top: 24vh; }
.buy-section .tab-content.main-content .alert-danger { align-items: flex-start; }
.buy-section .nav-tabs.buy-tabs {
flex-wrap: nowrap;
overflow-x: auto;
}
.buy-section .nav-tabs.buy-tabs li {
width: calc(275px - 16px);
flex: 0 0 calc(275px - 16px);
margin: 8px;
}
.inner-banner { padding-bottom: 30px; }
.overview .overview-content .points.points-second ul li {
width: 50%;
flex: 0 0 50%;
}
.healthy-safety .content .image { height: 300px; }
}
@media (max-width: 1199px) {
.profile { width: 90% }
}
@media (min-width: 992px) {
.modal-dialog.modal-lg {
max-width: none;
width: 1100px;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track { background: #F1F1F1; }
::-webkit-scrollbar-thumb { background: var(--blue); }
}
@media (max-width: 992px) {
:root {
--primary-heading: 40px;
--secondary-heading: 30px;
--section-header: 20px;
--large-spacing: 60px;
--medium-spacing: 30px;
--small-spacing: 20px;
}
.container { max-width: 100%; }
.slick-prev, .slick-next { display: none; }
.alert-slider .slick-prev, .alert-slider .slick-next { display: none !important; }
.alert-slider a.closealert {
right: 12px;
top: 12px;
transform: none;
}
.alert-slider .content {
width:100%;
}
.alert-slider .content p{
font-size: 12px;
}
header .container { padding: 0; }
header .header-items .right .btn.btn-theme-bordered { display: none; }
.main-banner .carousel .carousel-item { height: auto; }
.addtocart .content:before { left: 80px; }
.tripadvisor .content .left {
width: 100%;
flex: 0 0 100%;
margin-inline-end: 0;
}
.tripadvisor .content .right .user-details .tripadvisor-rating {
width: 100%;
margin-top: 15px;
}
.travelaward .content {
flex-direction: column;
align-items: flex-start;
}
.travelaward .content .left {
width: 100%;
margin-inline-end: 0;
}
.travelaward .content .right {
width: 100%;
margin-top: 20px;
}
.download-app .title h3 { font-size: 20px; }
footer .footer-top .footer-top-content { height: auto; }
footer .footer-top .footer-top-content .opening-hours {
width: 100%;
flex: 100%;
margin-inline-end: 0;
flex-direction: column;
}
footer .footer-bottom .contact-us,
footer .footer-bottom .news-letter,
footer .footer-bottom .footer-links { margin-top: 40px; }
footer .footer-bottom .news-letter .form-actions .btn { margin-top: -52px; }
.inner-banner {
height: 320px;
padding-bottom: 30px;
}
.buy-section .tab-content .listing .content { align-items: flex-start; }
.buy-section .tab-content .listing .content .image {
width: 100%;
flex: 0 0 100%;
height: 160px;
}
.buy-section .tab-content .listing .content.attraction-list-products>a {
width: 100%;
flex: 0 0 100%;
height: 160px;
margin-bottom: 15px;
margin-inline-end: 0;
}
.buy-section .tab-content .listing .content.attraction-list-products>a img { margin-bottom: 0; }
.buy-section .tab-content .listing .content .details {
width: calc(100% - 280px);
flex: 0 0 calc(100% - 280px);
}
.buy-section .tab-content .park-entry-list .listing .content .details {
width: 100%;
}
.buy-section .tab-content .listing .content .details .ticket-name {
align-items: flex-start;
}
.buy-section .tab-content .listing .content .details h4 { font-size: calc(var(--root-font) + 4px); }
.buy-section .tab-content .park-entry-list .listing .content .details h4 {
font-size: calc(var(--root-font) + 2px);
margin-bottom: 0.3rem;
}
.buy-section .tab-content .listing .content .details h5 {
font-size: calc(var(--root-font) + 2px);
margin-top: 7px;
}
.buy-section .tab-content .listing .content .details h5 small { font-size: var(--root-font); }
.buy-section .tab-content .choose-card .form-group {
width: 100%;
flex: 0 0 100%;
margin-inline-end: 0;
}
.buy-section .tab-content .guest-services-list .listing .bottom>div .form-group:nth-child(2) {
width: 50%;
flex: 0 0 50%;
}
.buy-section .tab-content .btn {
width: 180px;
flex: 0 0 180px;
height: 44px;
min-width: auto;
}
.buy-section .tab-content .park-entry-list .btn {
width: 200px;
height: 40px;
margin-top : 2rem;
}
.buy-section .tab-content .park-entry-list .listing .content .bottom {
flex-direction: row;
width: 100%;
display: block;
}
.buy-section .tab-content .park-entry-list .listing .content .bottom .ticket-dropdown {
/* width: calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
margin-inline-end: 10px;*/
}
.buy-section .tab-content .park-entry-list .listing .content .bottom .btn {
margin-left: auto;
margin-right: auto;
display: block;
}
.ticket-dropdown .ticket-label {
display: block;
width: 100%;
}
.ticket-dropdown .ticket-list .top a { display: block; }
.buy-section .tab-content .guest-services-list .listing .bottom .btn {
width: 100%;
flex: 0 0 100%;
margin-top: 10px;
}
.buy-section .tab-content .paid-parking span { width: 50%; }
.buy-section .tab-content .paid-parking input.parking-number { width: 50%; }
.buy-section .tab-content .exclusive-packs .listing .bottom {
flex-direction: column;
align-items: flex-start;
}
.buy-section .tab-content .exclusive-packs .listing .bottom .buy {
width: 100%;
justify-content: space-between;
}
.buy-section .tab-content .exclusive-packs .listing .bottom .btn { margin-top: 10px; }
.ticket-dropdown .ticket-list {
position: relative;
top: 0;
left: 0;
min-width: 100%;
padding: .5rem 0 0;
margin: 0.25rem 0 0;
font-size: var(--root-font);
border-radius: 0.25rem;
color: var(--text-primary);
background: var(--white);
z-index: 1;
}
.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list {
margin: 0;
padding: 0;
}
.services-offered .nav-tabs.offer-tab {
flex-wrap: nowrap;
overflow-x: auto;
}
.services-offered .nav-tabs.offer-tab li {
width: calc(220px - 16px);
flex: 0 0 calc(220px - 16px);
}
.our-outlets .our-outlet-slider .cardbox.big-cell .image { height: 205px; }
.profile .nav-tabs.profile-tabs .nav-item .nav-link {
padding: 10px 20px;
margin: 10px 0;
font-size: calc(var(--root-font) + 4px);
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details {
width: 305px;
height: 210px;
padding: 12px;
}
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top h5 { padding-inline-start: 0; }
.profile-link {
position: relative;
right: auto;
top: auto;
margin-top: 30px;
margin-bottom: -20px;
text-align: right;
}
.filter {
width: 100%;
flex-direction: column;
}
.filter .mobile-filter { display: block; }
.filter .filter-items { display: none; }
.filter .filter-items .form-group {
display: block;
padding-inline-start: 0;
width: 100%;
flex: 0 0 100%;
margin-top: 12px;
padding: 0;
border: none;
}
.filter.shopping-filter .filter-items .form-group {
width: 100%;
flex: 0 0 100%;
}
.filter .filter-items .form-group:nth-child(5) {
display: block;
padding-inline-start: 0;
width: 100%;
flex: 0 0 100%;
}
.filter .filter-items .form-group .form-item:after { right: 0; }
.filter .search-form a#OpenSearch {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
text-align: center;
}
.filter .search-form .search-box {
right: 7px;
width: 170px;
top: 6px;
transform: none;
}
.modal-dialog.modal-lg {
max-width: 700px;
margin: 1.75rem auto;
}
.gallery .product-gallery .small-image {
width: 340px;
height: 250px;
}
.gallery .product-gallery .big-image .image { height: 250px; }
.starting-text ul li { margin-inline-end: 20px; }
.imageoverly-content .list .image { height: 300px; }
.imageoverly-content .list .content {
width: 350px;
padding: 25px;
height: auto;
}
.imageoverly-content .list .content h4 { font-size: calc(var(--root-font) + 0.25rem); }
.health-safety .content {
flex-direction: column;
padding: 20px;
}
.health-safety .content img {
margin-inline-end: 0;
margin-bottom: 20px;
}
.wonderpass-promotion .content { height: 350px; }
.wonderpass-promotion .content p { font-size: calc(var(--root-font) + 1px); }
.once-time .content {
position: relative;
top: 0;
right: 0;
transform: translateY(0);
width: calc(100% - 100px);
height: auto;
margin: -50px auto 0;
}
.our-history .video { height: 410px; }
.gallerypopup .gallery-content { width: 520px }
.gallerypopup .gallery-content .carousel-item { height: 310px; }
.gallerypopup .gallery-content .carousel-item .video-gallery { height: 310px; }
.gallerypopup .gallery-content .carousel-control-prev {
left: -80px;
max-height: 310px;
}
.gallerypopup .gallery-content .carousel-control-next {
right: -80px;
max-height: 310px;
}
.explore-map .park-map .area-list { display: none; }
.external-links .content .ip-promo { width: 100%; }
.external-links .content .rent-ride { width: 100%;}
.latest-press-release .view-content .list.big-cell .image { height: 235px; }
.reservation-number { display: none; }
.tripadvisor .content .right { width: 100%; }
.title {
flex-direction: column;
align-items: flex-start;
}
.overview .overview-content .points.points-second ul li {
width: 50%;
flex: 0 0 50%;
}
.important-slider { margin-top: 30px; }
.other-profile .content .upcoming-trip,
.other-profile .content .your-ticket,
.other-profile .content .edutainment-kit {
width: calc(100% - 16px);
flex: 0 0 calc(100% - 16px);
}
.healthy-safety .content .image { height: 250px; }
.our-outlets .our-outlet-slider .other-cell { flex-wrap: nowrap;}
.our-outlets .our-outlet-slider .cardbox.small-cell {
width: calc(100% - 16px);
flex: 0 0 calc(100% - 16px);
margin: 8px;
}
.page-name .page-name-content.media-page-name-content .left h1 { font-size: 26px; }
.media-permission .media-permission-slider .slick-prev { left: 0; }
.media-permission .media-permission-slider .slick-next { right: 0; }
.featured-blogs .featured-blog-list .content .image { height: 230px; }
.carnaval-logo { margin-top: -95px;}
.carnaval-logo img {
max-width: 480px;
height: auto;
}
.about-content .statistics .statistics-list h2 {
font-size: 30px;
min-height: auto;
}
.blog-details .col-lg-9 {
flex: 0 0 100%;
max-width: 100%;
}
.blog-details .col-lg-3 {
flex: 0 0 100%;
max-width: 100%;
margin-top: 40px;
}
.blog-details .details { margin-top: 20px; }
.all-outlets .all-list .views-infinite-scroll-content-wrapper .cardbox { width: calc(50% - 16px); }
.similer-rides .view-content .cardbox { width: calc(50% - 16px); }
.tripadvisor .content { padding-inline-end: 15px; }
}
@media (min-width: 851px) {
.main-content { float: none !important; }
}
@media (max-width: 767px) {
:root {
--primary-heading: 26px;
--secondary-heading: 24px;
--section-header: 20px;
--large-spacing: 40px;
--medium-spacing: 20px;
--small-spacing: 20px;
}
.paddingleft { padding-left: 15px; }
.paddingright { padding-right: 15px; }
.title .tag {
font-size: calc(var(--root-font) + 4px);
margin-top: 3px;
}
.btngallery-mob { display: block; }
.title h5 {
margin-bottom: 7px;
font-size: calc(var(--root-font) + 0);
}
.title h3 { line-height: 30px; }
.title .submit-review { margin-top: 15px; }
.btn-theme-bordered { padding: 6px 10px; }
.alert-slider a.closealert {
right: 10px;
top: 10px;
transform: none;
}
.alert-slider a.closealert img { width: 26px; }
.alert-slider .content { align-items: flex-start; }
.alert-slider .content i {
margin-inline-end: 10px;
font-size: 30px;
}
header .header-items a.gv-logo img { width: 150px; }
header .header-items .right { display: none; }
header .header-items .right.school-flow { display: block; }
header .header-items .right-mobile {
display: flex;
align-items: center;
}
header .header-items .buybutton { transform: scale(0.95); }
.menu-content .mobile-menu a { margin-inline-end: 20px; }
.menu-content .dropdown {
margin: 0 20px 0 0;
}
.main-banner {
background-attachment: unset !important;
background-position: center right !important;
}
.main-banner .carousel .carousel-caption {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}
.main-banner .carousel .carousel-caption h1 {
font-size: 24px;
margin-bottom: 10px;
}
.main-banner .carousel .carousel-caption h4 {
max-width: 60%;
font-size: 14px;
}
.main-banner .carousel-indicators { bottom: 0; }
.main-banner .main-banner-top .opening-hours { display: none; }
.vip-exclusive .cardbox .list {
min-height: 185px;
padding: 7px;
}
.fellow-guest .list { padding: 7px; }
.download-app {
height: auto;
padding: 20px 0;
}
.download-app .content { height: auto; }
.download-app .content img.mobileapp {
width: 150px;
flex: 0 0 150px;
margin-top: 0;
margin-inline-start: 0;
margin-inline-end: 20px;
}
.download-app .content .store-icon a img { width: 120px; }
.download-app .content .store-icon a:nth-child(1) {
margin-inline-end: 0;
margin-bottom: 10px;
}
footer .footer-bottom { padding-top: 20px; }
footer .footer-bottom .footer-logo { text-align: center; }
footer .footer-bottom .footer-title { margin: 0 0 12px; }
footer .footer-bottom .quick-links { margin-top: 40px; }
footer .footer-bottom .footer-links a { margin-inline-end: 15px; }
footer .footer-bottom .footer-links ul li { margin-bottom: 10px; }
footer .footer-top .footer-top-content{
display: block;
}
footer .footer-top .footer-top-content .opening-hours>div,
footer .footer-top .footer-top-content .opening-hours>div:first-child {
flex-direction: column;
align-items: flex-start;
}
footer .footer-top .footer-top-content .opening-hours h6 {
margin-inline-end: 0;
margin-bottom: 5px;
}
footer .footer-top .footer-top-content .accessibility {
margin-top: 20px;
justify-content: flex-start;
margin-inline-start: 0;
}
footer .footer-top .footer-top-content .accessibility .accessibility-icons{ left: 0; }
footer .footer-top .footer-top-content .accessibility .accessibility-icons:after{ left: 45px; }
#font_decrease .modal-body, #font_increase .modal-body, #font_reset .modal-body{ margin-top: 20px; }
#font_decrease .modal-body h4, #font_increase .modal-body h4, #font_reset .modal-body h4{ font-size: 1.3rem; }
.live-chat a.chat-image { display: none; }
.live-chat a.cart-image { display: block; }
.login-section { padding: 20px 0; }
.login-section h4 { margin-bottom: 20px; }
.login-section .not-account { margin-top: 20px; }
.forgotpassword-section { padding: 20px 0; }
.addtocart { width: 100%; }
.addtocart .content {
padding: 15px;
max-height: calc(100vh - 115px);
height: auto;
overflow: auto;
}
.addtocart .content:before {
right: 94px;
left: auto;
}
.addtocart .content .action-buttons { margin: -5px; }
.addtocart .content .action-buttons .btn {
width: calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
margin: 5px;
height: 44px;
padding: 6px 10px;
}
.addtocart .content ul li { font-size: 13px; }
.addtocart .content ul li span {
display: block;
width: calc(100% - 190px);
flex: 0 0 calc(100% - 190px);
}
.addtocart .content ul li .quantity {
width: 90px;
flex: 0 0 90px;
}
.addtocart .content ul li b {
width: 90px;
flex: 0 0 90px;
margin-inline-start: 0;
}
.inner-banner {
height: 180px;
padding-bottom: 20px;
}
.buy-section .tab-content { padding: 10px; }
.buy-section .tab-content .alert-danger {
align-items: flex-start;
padding: 12px;
}
.buy-section .tab-content .alert-danger i {
margin-inline-end: 10px;
font-size: 40px;
}
.buy-section .tab-content .listing .content .image {
width: 100%;
flex: 0 0 100%;
height: 200px;
margin-inline-end: 0;
margin-bottom: 15px;
}
.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section {
width: 100%;
margin-inline-end: 0;
margin-bottom: 15px;
}
.buy-section .tab-content .listing .content .details {
width: 100%;
flex: 0 0 100%;
}
.buy-section .tab-content .listing .content .details .bottom .form-group {
width: calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
}
.buy-section .tab-content .select-packs .slider .pack-list { padding: 5px; }
.buy-section .tab-content .guest-services-list .accordion .card .card-header {
font-size: calc(var(--root-font) + 2px);
padding: 1rem;
}
.buy-section .tab-content .paid-parking span { width: 100%; }
.buy-section .tab-content .paid-parking input.parking-number { width: 100%; }
.buy-section .tab-content .paid-parking .choose-type{
text-align: center;
}
.buy-section .tab-content .paid-parking .car-selection { justify-content: center; }
.buy-section .tab-content .custom-amount { margin: 10px -10px 0; }
.buy-section .tab-content .select-packs { margin: 10px -10px 0; }
.buy-section .tab-content .wonderpass-plans a { width: auto; }
.parkentry-ticket .content h5 { font-size: calc(var(--root-font) + 4px); }
.modal-content { padding: 20px; }
.modal-content .modal-body h3 { font-size: 28px; }
.our-outlets .list .small-cell { margin: 0; }
.our-outlets .list .small-cell .cardbox {
width: 100%;
flex: 0 0 100%;
margin: 0;
}
.parkentry-ticket .have-vippack { margin-top: 30px; }
.parkentry-ticket .addto-cart { margin-top: 0px; }
.profile-banner {
height: 450px;
padding: 20px 0 60px;
}
.profile { width: 100%; }
.profile-banner .user-details .user-image {
width: 120px;
height: 120px;
}
.profile-banner .user-details .silver-member,
.profile-banner .user-details .gold-member,
.profile-banner .user-details .platinum-member,
.profile-banner .user-details .platinum-plus-member {
font-size: calc(var(--root-font) + 4px);
margin-bottom: 20px;
}
.profile .nav-tabs.profile-tabs { flex-wrap: nowrap; }
.profile .nav-tabs.profile-tabs .nav-item {
text-align: center;
white-space: nowrap;
width: auto;
flex: 1;
}
.profile .nav-tabs.profile-tabs .nav-item .nav-link {
padding: 5px 10px;
margin: 10px 0;
font-size: var(--root-font);
}
.profile .card { margin-top: 30px; }
.profile .my-profile .delete-account { margin-top: 30px; }
.profile .card .card-header {
padding: 20px 15px;
font-size: calc(var(--root-font) + 2px);
}
.profile .card .card-body { padding: 12px; }
.profile .profile-section {
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.profile .my-purchase ul.list li { flex-direction: column; }
.profile .my-purchase ul.list li .left-side {
width: 100%;
flex: 0 0 100%;
}
.profile .my-purchase ul.list li .left-side label { margin-bottom: 5px; }
.profile .my-purchase ul.list li .right-side {
width: 100%;
flex: 0 0 100%;
}
.profile .my-purchase ul.list li .right-side.multi-column {
flex-direction: column;
align-items: flex-start;
}
.profile .my-purchase ul.list li .right-side.multi-column a {
margin-top: 10px;
margin-inline-start: 0;
}
.profile .my-purchase ul.list li .right-side.offer-slider {
width: 100%;
flex: 0 0 100%;
}
.profile .my-purchase .ticket-help {
width: 100%;
margin: 60px auto 0;
text-align: center;
}
.profile .my-purchase .ticket-help p br { display: none; }
.profile .ticket-help { width: 100%; }
.profile .ticket-help p { font-size: calc(var(--root-font) + 1px); }
.profile .ticket-help p br { display: none; }
.profile .favourites-routes .favourites ul.list li label { margin-bottom: 5px; }
.profile .favourites-routes .routes ul.list li label { margin-bottom: 5px; }
.profile .my-profile ul.personal-details li {
padding: 20px;
align-items: flex-start;
flex-direction: column;
}
.profile .my-profile ul.personal-details li label {
width: 100%;
flex: 0 0 100%;
margin-bottom: 5px;
}
.profile .my-profile .preferences-list .content {
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
height: 140px;
}
.profile .my-profile .esaad-card-details .esaad-card {
width: 300px;
height: 190px;
}
.profile .my-profile .download-esaad-card .offers .list,
.profile .my-profile .esaad-card-details .offers .list {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
.profile .my-profile .esaad-card-details .esaad-card-status,
.profile .my-profile .esaad-card-details .validating-text { width: 100%; }
.profile .my-profile .download-esaad-card h4 {
font-size: 20px;
margin-bottom: 25px;
}
#Addcar .modal-content .modal-body h3,
#EditCar .modal-content .modal-body h3 { font-size: 28px; }
#Addcar .add-car-form h5,
#EditCar .add-car-form h5 { font-size: 16px; }
.profile .my-profile .car-list .list,
.buy-section .tab-content .paid-parking .car-list .list {
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
}
.page-name .page-name-content .left .image {
width: 50px;
height: 50px;
flex: 0 0 50px;
margin-inline-end: 15px;
}
.page-name .page-name-content { display: block; }
.page-name .page-name-content .action-buttons {
text-align: right;
margin-top: 10px;
}
.menu {
display: block;
padding: 40px 0;
left: -100%;
}
.menu.active {
display: block;
left: 0;
}
.menu-content .btn.btn-theme { display: block; }
.menu-content>div { margin-bottom: 50px; }
.menu-content .mobile-menu { display: flex; }
.menu-content h3 { margin-bottom: 20px; }
.menu-content .searchbox { width: 100%; }
.menu-content ul li {
font-size: calc(var(--root-font) + 6px) !important;
margin-bottom: 12px;
}
.menu a.CloseMenu {
position: fixed;
top: 40px;
right: 12px;
font-size: 24px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: var(--white);
}
.popup { padding: 50px 15px 15px; }
a.ClosePopup {
top: 10px;
right: 10px;
font-size: 24px;
width: 34px;
height: 34px;
line-height: 36px;
}
.starting-text ul {
flex-direction: column;
align-items: flex-start;
}
.starting-text ul li { margin-bottom: 10px; }
.starting-text ul li:last-child { margin-bottom: 0; }
.health-safety .content {
margin-bottom: 0;
height: auto;
}
.overview .reserve-table, .overview .reserve-cabana-table, .overview .check-availability { margin-top: 30px; }
.overview .floor-plan .listing .list {
width: calc(50% - 16px);
height: 130px;
}
.special-offers .content .image {
width: 100%;
flex: 0 0 100%;
margin-inline-end: 0;
margin-bottom: 10px;
}
.special-offers .content .details {
width: 100%;
flex: 0 0 100%;
}
.imageoverly-content .list { margin-bottom: 0; }
.imageoverly-content .list .image { height: 220px; }
.imageoverly-content .list .image.leftside i {
left: auto;
right: 15px;
}
.imageoverly-content .list .content {
width: 100%;
top: -30px;
transform: translateY(0);
position: relative;
padding: 15px;
margin: 0 25px;
height: auto;
min-height: auto;
}
.imageoverly-content .list .content h4 { font-size: calc(var(--root-font) + 4px); }
.imageoverly-content .list .content.leftside {
left: 0;
height: auto;
}
.imageoverly-content .list .content.rightside {
right: 0;
height: auto;
}
.park-timing .content .opening-hours { margin-bottom: 0; }
.park-timing .content { padding: 20px; }
.park-timing .park-timing-list { margin-top: 15px; }
.park-timing .park-timing-list.border-right { border: none !important; }
.howto-reach .content { flex-direction: column; }
.howto-reach .content .map { margin-inline-end: 0; }
.howto-reach .content .getting-text {
width: 100%;
flex: 0 0 100%;
margin-top: 20px;
}
.drive-park .nav-tabs.park-tabs {
flex-wrap: nowrap;
overflow-x: auto;
}
.drive-park .nav-tabs.park-tabs .nav-item {
width: 220px;
flex: 0 0 220px;
}
.drive-park .tab-content { padding: 20px; }
.drive-park .tab-content .parking-system { padding-top: 0; }
.drive-park .tab-content .parking-system .col-md-6.col-12 { margin-top: 30px; }
.vipparking {
min-height: 300px;
height: auto;
}
.gv-map .map { height: 250px; }
.gallery .product-gallery .big-image {
position: relative;
width: 100%;
flex: 0 0 100%;
}
.gallery .product-gallery .big-image .image { height: 240px; }
.gallery .product-gallery .small-image {
height: 240px;
width: 100%;
}
.wonderpass-promotion .content {
min-height: 220px;
height: auto;
}
.about-content .statistics { margin-top: 0; }
.statistics-list { margin-top: 40px; }
.once-time .content {
width: calc(100% - 60px);
padding: 20px;
}
.our-history .video { height: 200px; }
.merchent-offers .offer-image { height: 200px; }
.welcome-season p { font-size: 18px; }
.gallerypopup .gallery-content {
width: 100%;
max-width: auto;
}
.gallerypopup .gallery-content .carousel-item { height: 180px; }
.gallerypopup .gallery-content .carousel-item .video-gallery { height: 270px; }
.gallerypopup .gallery-content .carousel-indicators { margin: 0; }
.gallerypopup .gallery-content .carousel-indicators li {
height: 80px;
width: 140px;
flex: 0 0 140px;
}
.gallerypopup .gallery-content .carousel-control-next .carousel-control-next-icon,
.gallerypopup .gallery-content .carousel-control-prev .carousel-control-prev-icon {
width: 36px;
height: 36px;
background-size: 14px;
}
.gallerypopup .gallery-content .carousel-control-prev {
left: 0;
max-height: 190px;
}
.gallerypopup .gallery-content .carousel-control-next {
right: 0;
max-height: 190px;
}
.gallerypopup .gallery-content .carousel-item a {
right: calc(50% - 50px);
transform: translateX(-50%);
zoom: 0.9;
}
.carnaval-logo { margin-top: -40px; }
.carnaval-logo img { width: 200px; }
.external-links .content { margin-bottom: 15px; }
.our-story .our-story-content .video {
width: 100%;
height: 200px;
}
.gallerypopup.active {
display: flex;
align-items: center;
}
.contact-message-register-interest-email-form form .field--name-field-first-name,
.contact-message-register-interest-email-form form .field--name-field-last-name,
.contact-message-register-interest-email-form form .js-form-item-mail,
.contact-message-register-interest-email-form form .field--name-field-phone-number,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth,
.contact-message-register-interest-email-form form .field--name-field-gender,
.contact-message-register-interest-email-form form .field--name-field-nationality,
.contact-message-register-interest-email-form form .field--name-field-country {
padding: 0 15px;
width: 100%;
flex: 0 0 100%;
}
.contact-message-register-interest-email-form form .js-form-item-mail { margin-bottom: 20px; }
.overview .overview-content .points.points-second ul li {
width: 100%;
flex: 0 0 100%;
}
.healthy-safety .content { flex-direction: column; }
.healthy-safety .content .image { width: 100%; }
.healthy-safety .content .cardbox {
width: 100%;
margin-inline-start: 0;
margin-top: 15px;
}
.precautionary .cardbox { min-height: 360px; }
.healthy-safety .content .cardbox h4 { font-size: calc(var(--root-font) + 6px); }
.precautionary .cardbox h4 { font-size: calc(var(--root-font) + 6px); }
.downloadPayApp .store-icon a { margin: 0 10px; }
.page-not-found .content h2 { font-size: 20px; }
.page-not-found .content h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 20px;
}
.page-not-found .content h4 {
font-size: 20px;
margin-bottom: 15px;
}
.page-not-found .content p {
font-size: 16px;
margin-bottom: 30px;
}
.page-not-found .contact-links {
bottom: 30px;
flex-direction: column;
left: 0;
transform: translateX(0);
align-items: flex-start;
padding: 0 15px;
}
.page-not-found .contact-links div { margin: 6px 0 0; }
.page-not-found .content .links a img { width: 30px; }
.page-not-found .content .links a span { font-size: 14px; }
.modal-content .modal-body p { margin-top: 25px; }
.review-login-popup.modal-content .btn { top: 0; }
.menu { background-position: left bottom; }
.submission-form .idcard-conformation {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.submission-form .answer-choose {
display: flex;
align-items: flex-start;
}
.submission-form .idcard-conformation .answer-choose {
justify-content: flex-start;
margin-inline-start: 0;
flex: auto;
}
.submission-form .idcard-conformation p { margin-bottom: 10px; }
.submission-form .login-message {
flex-direction: column;
align-items: flex-start;
}
.submission-form .login-message .btn {
margin-inline-start: 0;
margin-top: 10px;
}
#edit-gv-platforms .js-form-item-gv-platforms-instagram,
#edit-gv-platforms .js-form-item-gv-platforms-facebook,
#edit-gv-platforms .js-form-item-gv-platforms-twitter,
#edit-gv-platforms .js-form-item-gv-platforms-snapchat,
#edit-gv-platforms .js-form-item-gv-platforms-tiktok,
#edit-gv-platforms .js-form-item-gv-platforms-youtube,
#edit-gv-platforms .js-form-item-gv-platforms-blog,
#edit-gv-platforms .js-form-item-gv-platforms-other { width: 100%; }
.imageoverly-content.fortravel-trade { margin-top: 0; }
#vip_terms_popup h4 { font-size: 18px; }
#vip_terms_popup .modal-content { padding: 20px; }
#LoginNow .modal-content .modal-body p,
#DeleteCard .modal-content .modal-body p,
#LoginNowRaffle .modal-content .modal-body p {
font-size: 16px;
font-weight: 600;
}
.view-id-vip_benefits .view-content .cardbox .cardbox-content { min-height: 170px; }
.vip-promotion .slick-prev {
left: 10px;
zoom: 0.6;
}
.vip-promotion .slick-next {
right: 10px;
zoom: 0.6;
}
.vip-promotion .slick-dots {
bottom: 10px;
zoom: 0.6;
}
.gv-update-media-user .card .card-body { gap: 0; }
.gv-update-media-user .card:nth-child(2) .card-body .form-group { width: 100%; }
.blogs .blog-list .content {
flex-direction: column;
align-items: flex-start;
}
.blogs .blog-list .content .image {
width: 100%;
flex: 0 0 100%;
height: 220px;
margin-inline-end: 0;
margin-bottom: 10px;
}
.blogs .blog-list .content .details {
width: 100%;
flex: 0 0 100%;
}
.featured-blogs .featured-blog-list {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
.featured-blogs .featured-blog-list .content {
width: 100%;
flex: 0 0 100%;
}
.featured-blogs .featured-blog-list .content:first-child {
margin-inline-end: 0;
margin-bottom: 20px;
}
.featured-blogs .featured-blog-list .content:last-child { margin-inline-start: 0; }
.featured-blogs .featured-blog-list .content .image h4 {
font-size: calc(var(--root-font) + 10px);
top: 20px;
left: 20px;
right: 20px;
}
.blog-details .comments h4 {
font-size: calc(var(--root-font) + 6px);
margin-bottom: 20px;
}
.blog-details .leave-comment>div { margin-bottom: 20px; }
.blog-details .leave-comment h4 { font-size: calc(var(--root-font) + 6px); }
.blog-details .comments .comment-list img,
.blog-details .latest-blogs .list img {
width: 50px;
height: 50px;
}
.blog-details .leave-comment .btn { margin-top: 0; }
.blog-details .tags,
.blog-details .latest-blogs { margin-top: 30px; }
.blog-details .videos { height: 200px; }
.blog-details .social-share {
flex-direction: column;
align-items: flex-start;
}
.blog-details .social-share .category { margin-bottom: 10px; }
.gv-wonders img {
height: 450px;
width: auto;
object-fit: cover;
object-position: center center;
height: 500px;
}
.gv-wonders a {
padding: 0.5rem 1rem;
bottom: 20px;
zoom: 0.85;
}
#faq .card .card-header .btn-header-link { font-size: 1rem; }
#OfferPopup .modal-content .modal-body .video-section {
width: 100%;
height: 210px;
}
#OfferPopup .modal-content .modal-body .image-section { height: 240px; }
.all-outlets .all-list .views-infinite-scroll-content-wrapper .cardbox { width: calc(100% - 16px); }
.similer-rides .view-content .cardbox { width: calc(100% - 16px); }
.skip-raff {
left: 0;
bottom: 50px;
}
.overview img.fifa-1-vector {
width: 100px;
top: -30px;
}
.overview img.fifa-2-vector { display: none; }
}
@media (min-width: 576px) {
.modal-dialog.modal-md {
max-width: 650px;
margin: 1.75rem auto;
}
}
@media (max-width: 576px) {
.buy-section .tab-content .select-packs .pack-list .price span { display: block; }
.blog-details .blog-slider .blog-slider-gallery .list { height: 300px; }
.blog-details .blog-slider .blog-slider-gallery .slick-dots {
left: 20px;
width: auto;
}
.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left { min-width: 130px; }
.buy-section .tab-content .paid-parking .card .card-header {
display: block;
font-size: calc(var(--root-font) + 4px);
}
.buy-section .tab-content .btn {
flex: none;
margin-inline-start: 0;
display: block;
margin-top: 10px;
}
.buy-section .tab-content .paid-parking .plate-cart-btn {
width: 100%;
display: block;
}
.buy-section .tab-content .paid-parking .car-list {
display: block;
}
.profile .my-profile .car-list .list,
.buy-section .tab-content .paid-parking .car-list .list {
width: calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
}
.buy-section .tab-content .paid-parking p b {
font-size: calc(var(--root-font) + 4px)
}
.buy-section .tab-content .park-entry-list .listing .content .bottom .btn {
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 360px) {
.cardbox .cardbox-content .points ul li { font-size: 13px; }
.rating { font-size: var(--font-small); }
.vip-exclusive .cardbox .list p {
font-size: var(--font-small);
line-height: 16px;
}
.fellow-guest .list p {
font-size: var(--font-small);
line-height: 16px;
}
footer .footer-bottom .footer-links a { margin-inline-end: 12px; }
.buy-section .tab-content .select-packs .pack-list { min-height: 130px; }
}
@media (max-width: 359px) {
.menu { padding: 20px 0; }
.microsite {
position: relative;
bottom: 0;
}
}
#engt-container .engt-launcher { z-index: 1049 !important; }
#engt-container.engt-acquire .engt-launcher-button {
background-image: url(../images/icons/live-chat.svg) !important;
background-size: 54px 54px !important;
}
#engt-container .engt-launcher-button {
width: 54px !important;
height: 54px !important;
}
a.engt-boxclose {
padding: 0 !important;
margin-right: 0 !important;
font-size: 36px !important;
width: 54px !important;
height: 54px !important;
text-align: center !important;
line-height: 58px !important;
}
html:lang(ar) .embeddedServiceHelpButton .helpButton {
right: auto !important;
left: 12px !important;
}
html:lang(ar) .embeddedServiceSidebar.layout-docked .dockableContainer {
right: auto !important;
left: 20px !important;
}
html:lang(ar) .embeddedServiceHelpButton .embeddedServiceIcon {
margin-right: 0 !important;
margin-left: 10px !important;
}
.icon-vip{
width: 64px;
height: 64px;
position: absolute;
left: 50%;
top: 55%;
z-index: 1;
transform: translate(-50%, -50%);
}
.user-vip{
width: 31px !important;
height: 36px !important;
object-fit: contain !important;
margin-inline-start: 10px !important;
margin-inline-end: 0px !important;
border-radius: 0 !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
background: none;
}
.hidden { display: none !important; }
#iframeDiv ifram { border: none !important; }
.main-banner .carousel .carousel-caption p{
color: var(--white);
font-size: 16px;
font-weight: var(--font-weight-medium);
max-width: 636px;
}
.main-banner .carousel .carousel-caption h4{
color: var(--white);
}
.toast-top-right{
top: 80px !important;
}
.theme-uae-day header.uae-day{
background: #000000;
}
.theme-uae-day header.uae-day .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton{
background: #000000;
}
.theme-uae-day .main-banner .main-banner-top.uae-day {
display: none;
}
.theme-uae-day .main-banner .main-banner-top {
color: #004A8F;
}
.theme-uae-day .main-banner .main-banner-top .weather .left i {
color: #004A8F;
}
.theme-uae-day .main-banner .main-banner-top .opening-hours h5 i {
color: #004A8F;
}
.theme-uae-day .main-banner .carousel .carousel-caption{
top: 50%;
transform: translateY(-50%);
}
.theme-uae-day .main-banner .carousel .carousel-caption h1{
color: var(--blue);
max-width: 636px;
}
/* Christmas theme */
.theme-christmas-day header{
background: #780D17;
}
.theme-christmas-day header .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton{
background: #780D17;
}
/* Patern 1 */
.theme-christmas-day .features img.pattern1 {
position: absolute;
top: 0;
left: 0;
width: 200px;
opacity: 1;
}
@media (max-width: 1199px) {
.theme-christmas-day .features img.pattern1{
width: 150px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .features img.pattern1{
display: none;
}
}
/* Patern 2 */
.theme-christmas-day .top-features img.pattern2, .top-features img.pattern2-mobile {
position: absolute;
top: -225px;
right: 0px;
z-index: 1;
width: 170px;
}
@media (max-width: 1399px) {
.theme-christmas-day .top-features img.pattern2 {
top: -115px;
width: 130px;
}
}
@media (max-width: 1199px) {
.theme-christmas-day .top-features img.pattern2{
top: -50px;
width: 100px;
}
}
@media (min-width: 992px) {
.theme-christmas-day .top-features .pattern2-mobile{
display: none;
}
}
@media (max-width: 991px) {
.theme-christmas-day .top-features img.pattern2{
display: none;
}
.theme-christmas-day .top-features img.pattern2-mobile{
display: none;
}
}
@media (max-width: 576px) {
.theme-christmas-day .top-features img.pattern2-mobile { display: none; }
}
/* Patern 3 */
.theme-christmas-day .todays-shows img.pattern3, .todays-shows img.pattern3-mobile {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 0;
}
@media (min-width: 768px) {
.theme-christmas-day .todays-shows .pattern3-mobile{
display: none;
}
}
@media (max-width: 767px) {
.theme-christmas-day .todays-shows img.pattern3{
display: none;
}
}
/* Patern 4 */
.theme-christmas-day .interactive-map img.pattern4 {
position: absolute;
top: -50px;
left: 0;
width: 180px;
}
@media (max-width: 1399px) {
.theme-christmas-day .interactive-map .pattern4{
top: 0;
width: 140px;
}
}
@media (max-width: 1119px) {
.theme-christmas-day .interactive-map .pattern4{
width: 120px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .interactive-map .pattern4{
display: none;
}
}
@media (min-width: 992px) {
.theme-christmas-day .plan-your-visit .pattern4-mobile{
display: none;
}
}
@media (max-width: 991px) {
.theme-christmas-day .plan-your-visit img.pattern4{
display: none;
}
.theme-christmas-day .plan-your-visit img.pattern4-mobile{
position: relative;
margin-top: -20px;
width: 80px;
display: none;
}
}
@media (max-width: 575px) {
.theme-christmas-day .plan-your-visit img.pattern4-mobile{
width: 60px;
}
}
/* Patern 5 */
.theme-christmas-day .plan-your-visit img.pattern5 {
position: absolute;
top: -120px;
left: 0;
width: 250px;
}
@media (max-width: 1399px) {
.theme-christmas-day .plan-your-visit img.pattern5{
top: -70px;
width: 180px;
}
}
@media (max-width: 1119px) {
.theme-christmas-day .plan-your-visit img.pattern5{
top: -35px;
width: 120px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .plan-your-visit img.pattern5{
display: none;
}
}
/* Patern 6 */
.theme-christmas-day .plan-your-visit img.pattern6 {
position: absolute;
bottom: -45px;
right: 0;
width: 160px;
}
@media (max-width: 1399px) {
.theme-christmas-day .plan-your-visit img.pattern6{
width: 100px;
}
}
@media (max-width: 1199px) {
.theme-christmas-day .plan-your-visit img.pattern6{
bottom: -45px;
width: 80px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .plan-your-visit img.pattern6 {
top: 0;
width: 60px;
bottom: auto;
z-index: 1;
}
}
@media (max-width: 576px) {
.theme-christmas-day.plan-your-visit img.pattern6 { width: 50px; }
}
/* Patern 7 */
.theme-christmas-day .vip-exclusive img.pattern7 {
position: absolute;
bottom: 0;
left: 0;
width: 220px;
}
@media (max-width: 1399px) {
.theme-christmas-day .vip-exclusive img.pattern7{
width: 180px;
}
}
@media (max-width: 1199px) {
.theme-christmas-day .vip-exclusive img.pattern7{
bottom: -20%;
width: 150px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .vip-exclusive img.pattern7 {
bottom: -20%;
width: 120px;
top: auto;
display: none;
}
}
/* Patern 8 */
.theme-christmas-day .vip-exclusive img.pattern8 {
position: absolute;
bottom: 0;
right: 0;
width: 170px;
display: none;
}
@media (max-width: 1399px) {
.theme-christmas-day .vip-exclusive img.pattern8{
width: 150px;
}
}
@media (max-width: 1199px) {
.theme-christmas-day .vip-exclusive img.pattern8{
bottom: -20%;
width: 120px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .vip-exclusive img.pattern8 {
bottom: -23%;
width: 100px;
display: block;
}
}
/* Patern 9 */
.theme-christmas-day .tripadvisor img.pattern9, .theme-christmas-day .tripadvisor img.pattern9-mobile {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
@media (min-width: 768px) {
.theme-christmas-day .tripadvisor img.pattern9-mobile{
display: none;
}
}
@media (max-width: 767px) {
.theme-christmas-day .tripadvisor img.pattern9{
display: none;
}
.theme-christmas-day .tripadvisor img.pattern9-mobile{
position: absolute;
top: 85%;
}
}
.ramadan-premium-checkbox {
display: flex;
align-items: center;
}
.ramadan-premium-checkbox .form-item {
margin-right: 5px;
}
/* Patern 10 */
.theme-christmas-day .sponsors img.pattern10 {
position: absolute;
bottom: -90px;
right: 0;
width: 180px;
z-index: 1;
}
@media (max-width: 1399px) {
.theme-christmas-day .sponsors img.pattern10 {
width : 160px;
}
}
@media (max-width: 991px) {
.theme-christmas-day .sponsors img.pattern10 {
bottom: -50px;
width : 100px;
display: none;
}
}
@media (max-width: 575px) {
.theme-christmas-day .sponsors img.pattern10 {
bottom: -30px;
width : 70px;
}
}
/* Ramadan Theme */
.theme-ramadan .features .pattern1 {
position: absolute;
top: 270px;
left: -15px;
z-index: 0;
width: 175px;
opacity: 1;
}
@media (max-width: 1399px) {
.theme-ramadan .features .pattern1{
width: 150px;
}
}
@media (max-width: 1199px) {
.theme-ramadan .features .pattern1{
width: 110px;
}
}
@media (max-width: 991px) {
.theme-ramadan .features .pattern1{
display: none;
}
}
.theme-ramadan .top-features .pattern2, .theme-ramadan .top-features .pattern2-mobile {
position: absolute;
top: -100px;
right: 0;
z-index: 0;
width: 170px;
}
@media (max-width: 1399px) {
.theme-ramadan .top-features .pattern2 {
top: -20px;
width: 125px;
}
}
@media (max-width: 1199px) {
.theme-ramadan .top-features .title { width: 90%; }
.theme-ramadan .top-features .pattern2{
top: -15px;
width: 120px;
}
}
@media (min-width: 992px) {
.theme-ramadan .top-features .pattern2-mobile{
display: none;
}
}
@media (max-width: 991px) {
.theme-ramadan .top-features .pattern2{ display: none; }
.theme-ramadan .top-features img.pattern2-mobile {
top: -10px;
width: 60px;
}
}
@media (max-width: 576px) {
.theme-ramadan .top-features img.pattern2-mobile {
display: none;
top: 0;
}
}
.theme-ramadan .top-features .pattern7, .theme-ramadan .todays-shows .pattern7-mobile {
position: absolute;
width: 100%;
top: -5%;
left: -17%;
z-index: 0;
}
@media (min-width: 992px) {
.theme-ramadan .todays-shows .pattern7-mobile {
display: none;
}
}
@media (max-width: 991px) {
.theme-ramadan .top-features .pattern7 { display: none; }
.theme-ramadan .todays-shows .pattern7-mobile{
left: 0;
top: 0;
width: auto;
}
}
.theme-ramadan .interactive-map .pattern3, .theme-ramadan .interactive-map .pattern3-mobile {
position: absolute;
top: 185px;
left: -30px;
z-index: 0;
width: 200px;
}
@media (max-width: 1199px) {
.theme-ramadan .interactive-map .pattern3 {
top: 200px;
width: 175px;
}
}
@media (min-width: 992px) {
.theme-ramadan .interactive-map .pattern3-mobile{
display: none;
}
}
@media (max-width: 991px) {
.theme-ramadan .interactive-map .pattern3{
display: none;
}
.theme-ramadan .interactive-map .pattern3-mobile{
top: auto;
left:0;
bottom: -40px;
width: 100px;
}
}
.theme-ramadan .plan-your-visit .pattern4 {
position: absolute;
top: -20px;
left: 0;
z-index: 0;
width: 180px;
}
@media (max-width: 1399px) {
.theme-ramadan .plan-your-visit .pattern4{
width: 120px;
}
}
@media (max-width: 1199px) {
.theme-ramadan .plan-your-visit .pattern4{
width: 100px;
}
}
@media (max-width: 991px) {
.theme-ramadan .plan-your-visit .pattern4{
display: none;
}
}
.theme-ramadan .plan-your-visit .pattern5 {
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: 100%;
height: 110%;
}
@media (max-width: 991px) {
.theme-ramadan .plan-your-visit .pattern5{
display: none;
}
}
.theme-ramadan .sponsors .pattern6, .theme-ramadan .sponsors .pattern6-mobile {
position: absolute;
bottom: -80px;
right: 30px;
z-index: 0;
height: 135px;
}
@media (max-width: 1399px) {
.theme-ramadan .sponsors .pattern6 {
height: 90px;
right: 5px;
}
}
@media (max-width: 1199px) {
.theme-ramadan .sponsors .pattern6 {
height: 90px;
right: 0px;
}
}
@media (min-width: 992px) {
.theme-ramadan .sponsors .pattern6-mobile{
display: none;
}
}
@media (max-width: 991px) {
.theme-ramadan .sponsors .pattern6{
display: none;
}
.theme-ramadan .sponsors .pattern6-mobile {
top: 0;
height: 100px;
right:0;
}
}
@media (max-width: 767px) {
.theme-ramadan .sponsors .pattern6-mobile { height: 80px; }
}
.page-node-type-kids-festival #kids-festival-btn{
margin-top: 25px;
padding-left: 40px;
padding-right: 40px;
}
.gv-kids-festival-form input.form-submit {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
min-width: 140px;
width: auto;
font-family: inherit;
border-radius: 0.25rem;
}
.gv-kids-festival-form label{
font-size: 14px;
font-weight: var(--font-weight-regular);
}
.gv-kids-festival-form .form-group.gender-selection {
position: relative;
display: flex;
align-items: center;
}
.gv-kids-festival-form .form-group.gender-selection div:first-child { margin-inline-end: 15px; }
.gv-kids-festival-form .form-group.gender-selection label {
height: 50px;
padding: 20px;
line-height: 15px;
border-radius: 5px;
position: relative;
cursor: pointer;
margin-bottom: 0;
background: #DCDCDC;
}
.gv-kids-festival-form .form-group.gender-selection input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 50px;
cursor: pointer;
}
.gv-kids-festival-form .form-group.gender-selection input:checked+label {
background: var(--blue);
color: var(--white);
}
.gv-kids-festival-form .form-date{
width: 100%;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
border-radius: 0.25rem;
font-size: var(--font-regular);
color: var(--text-primary);
border: 1px solid rgba(78, 73, 83, 0.15) !important;
margin: 0;
background: url(../images/icons/cardbox/calendar-orange.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.page-node-type-entry-ticket .parkentry-ticket .content h5 { margin-top: 20px; }
.page-node-type-entry-ticket .enty-learnmore .learn-more-action-link{
margin-top: 15px;
margin-bottom: 15px;
}
/* Popup Scan Your Purchases */
#scanPurchases .modal-content,
#lostCard .modal-content,
#offseasonBuy .modal-content { background: var(--white); }
#scanPurchases .modal-content a.scan-purchases-close,
#lostCard .modal-content a.scan-purchases-close,
#offseasonBuy .modal-content a.scan-purchases-close {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: var(--white);
background: var(--orange);
}
#scanPurchases .modal-content a.scan-purchases-close i,
#lostCard .modal-content a.scan-purchases-close i,
#offseasonBuy .modal-content a.scan-purchases-close i {
font-size: 14px;
vertical-align: middle;
}
#offseasonBuy .modal-content .modal-text {
text-align: center;
color: var(--text-primary);
}
#scanPurchases .modal-content h4 {
color: var(--blue);
margin-bottom: 20px;
}
#scanPurchases .modal-content p { margin-bottom: 30px; }
#scanPurchases .modal-content .store-icon,
#offseasonBuy .modal-content .modal-buttons {
display: flex;
justify-content: center;
}
#offseasonBuy .modal-content .modal-buttons .btn { width: 125px; }
@media (min-width: 1400px) {
#offseasonBuy .modal-content .modal-buttons .btn { width: 140px; }
}
#offseasonBuy .modal-content .modal-buttons .btn.btn-theme-bordered { margin-inline-end: 1rem; }
@media (max-width: 575px) {
#scanPurchases .modal-content .store-icon { display: block; }
}
#scanPurchases .modal-content .store-icon a.ios { margin-right: 10px; }
@media (max-width: 575px) {
#scanPurchases .modal-content .store-icon a.ios { margin-bottom: 10px; }
}
#scanPurchases .modal-content .store-icon a {
display: flex;
position: relative;
width: 150px;
height: auto;
top: 0;
right: 0;
}
#scanPurchases .modal-content img {
width: 100%;
height: auto;
}
#scanPurchases .modal-content .modal-body { color: var(--text-primary); }
#lostCard .modal-content .modal-body p { color: var(--text-primary); }
#lostCard .modal-content .modal-body .btn {
margin-top: 20px;
margin-right: 10px;
width: 125px;
}
.wonderpass-overlay {
position: absolute;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 12px;
background-color: rgba(0,0,0,0.75);
z-index: 2;
}
.wonderpass-overlay .content {
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
width: 100%;
}
.wonderpass-overlay .content .overlay-wrapper {
text-align: center;
font-weight: 500;
}
.wonderpass-overlay .content a {
margin-top: 10px;
color: var(--orange);
}
.wonderpass-count.disabled .wonderpass-overlay { display: flex; }
#password_confirm_message .icon-alert { margin-inline-end: 5px; }
#password_confirm_message { color: red; }
/* Popup recommended for you*/
#recommended .modal-dialog {
max-width: 1000px;
margin: 1rem auto;
}
#recommended.recommended-one-card .modal-dialog { max-width: 500px; }
@media (max-width: 1020px) {
#recommended .modal-dialog { max-width: calc(100% - 3rem); }
}
@media (max-width: 767px) {
#recommended .modal-dialog {
max-width: 350px;
margin: 2rem auto;
}
}
@media (max-width: 576px) {
#recommended.recommended-one-card .modal-dialog { max-width: calc(100% - 30px); }
}
#recommended .modal-content {
padding: 0;
background: var(--white);
}
#recommended .modal-content a.recommended-close {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: var(--white);
background: var(--orange);
}
#recommended .modal-content a.recommended-close i {
font-size: 14px;
vertical-align: middle;
}
#recommended .modal-content .modal-body {
padding: 20px;
color: var(--text-primary);
}
@media (max-width: 767px) {
#recommended .modal-content .modal-body {
height: calc(100vh - 150px);
overflow-y: auto;
padding-bottom: 55px;
}
}
@media (max-width: 575px) {
#recommended .modal-content .modal-body { padding-bottom: 125px; }
}
#recommended .modal-content .modal-body .modal-heading h4 {
font-size: 24px;
font-weight: 600;
margin-bottom: 7px;
}
@media (max-width: 767px) {
#recommended .modal-content .modal-body .modal-heading h4 {
font-size: 20px;
font-weight: 600;
}
}
#recommended .modal-content .modal-body p { padding-bottom: 20px; }
@media (max-width: 767px) {
.modal-content .modal-body p { margin-top: 0; }
}
#recommended .modal-content .modal-body .three-thumbnails-card,
#recommended .modal-content .modal-body .one-thumbnail-card {
display: block;
margin-bottom: 1.5rem;
}
#recommended .modal-content .modal-body .one-thumbnail-card {
max-width: 350px;
margin: 0 auto;
}
@media (max-width: 575px) {
#recommended.recommended-one-card .modal-content .modal-body .one-thumbnail-card { max-width: auto; }
}
#recommended .modal-content .modal-body .three-thumbnails-card .view-content,
#recommended .modal-content .modal-body .one-thumbnail-card .view-content { margin: -1rem -0.875rem; }
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox {
margin: 1rem 0.875rem;
border-radius: 12px;
border: 1px solid #A5A5A5;
box-shadow: none;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .card-body,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .card-body {
height: 100%;
padding: 1rem;
}
@media (max-width: 767px) {
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox {
width: 100%;
margin: 1.25rem 0 0;
border: none;
border-bottom: 1px solid #a5a5a5;
border-radius: 0;
}
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox {
width: calc(100% - 1.75rem);
margin: 1.25rem 0.875rem;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox:last-child { border-bottom: none; }
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .image,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .image {
width: 100%;
height: 182px;
overflow: hidden;
border-radius: 5px;
margin-bottom: 0.75rem;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .image span,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .image span {
display: block;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 100%;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .image:hover span,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .image:hover span { transform: scale(1.1); }
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details {
flex-direction: column;
display: flex;
height: calc(100% - 194px);
justify-content: space-between;
width: 100% ;
}
@media (min-width: 768px) {
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details { min-height: 275px; }
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details { min-height: 275px; }
}
@media (min-width: 992px) {
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details { min-height: 205px; }
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details { min-height: 280px; }
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a.btn,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a.btn { width: fit-content; }
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details .ticket-name {
margin-bottom: 10px;
max-height: 190px;
overflow: hidden;
}
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details .ticket-name
{
margin-bottom: 10px;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h4,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h4 {
font-size: 1.25rem;
color: #2A2828;
font-weight: var(--font-weight-semibold);
margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h4,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h4 { font-size: 1rem; }
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h5,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h5 {
font-size: 1.125rem;
color: #2A2828;
font-weight: var(--font-weight-bold);
margin-bottom: 10px;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h5 small,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h5 small {
font-size: calc(var(--root-font) + 1px);
font-weight: var(--font-weight-semibold);
color: rgba(78, 73, 83, 0.5);
margin: 0;
text-transform: none;
letter-spacing: initial;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details p,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details p {
margin-bottom: 10px;
font-size: 0.875rem;
color: #545353;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details p:not(.modal-offer-text),
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details p:not(.modal-offer-text) {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details p small,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details p small {
font-size: 0.75rem;
color: #2A2828;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a {
color: var(--orange);
font-weight: var(--font-weight-bold);
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details ul,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details ul {
padding-inline-start: 0;
list-style-type: none;
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details ul li,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details ul li {
padding: 15px;
border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details ul li:last-child,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details ul li:last-child { border-bottom: none; }
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a.btn,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a.btn { width: fit-content; }
#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a i,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a i {
display: inline-block;
margin-inline-start: 1px;
vertical-align: 0;
font-size: var(--font-extrasmall);
}
#recommended .modal-content .modal-body .three-thumbnails-card .details a.btn,
#recommended .modal-content .modal-body .three-thumbnails-card .details a.btn:hover,
#recommended .modal-content .modal-body .three-thumbnails-card .details a.btn:focus,
#recommended .modal-content .modal-body .one-thumbnail-card .details a.btn,
#recommended .modal-content .modal-body .one-thumbnail-card .details a.btn:hover,
#recommended .modal-content .modal-body .one-thumbnail-card .details a.btn:focus { color: var(--white); }
#recommended .modal-content .modal-body .three-thumbnails-card .details .bottom,
#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom {
margin-top: 0;
width: auto;
margin: 0 auto;
}
#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
}
@media (max-width: 767px) {
#recommended .modal-content .modal-body .three-thumbnails-card .details .bottom { margin-top: 0; }
#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom
{
margin-top: 0;
width: auto;
}
}
#recommended .modal-content .modal-body .three-thumbnails-card .details .bottom .form-group,
#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom .form-group {
margin-bottom: 0;
margin-inline-end: 10px;
width: 210px;
flex: 0 0 210px;
}
#recommended .modal-content .modal-body .three-thumbnails-card .quantity,
#recommended .modal-content .modal-body .one-thumbnail-card .quantity {
display: flex;
align-items: center;
}
#recommended .modal-content .modal-body .three-thumbnails-card .quantity input,
#recommended .modal-content .modal-body .one-thumbnail-card .quantity input {
width: 30px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-semibold);
}
#recommended .modal-content .modal-body .three-thumbnails-card .quantity button,
#recommended .modal-content .modal-body .one-thumbnail-card .quantity button {
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next { right: -45px; }
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev { left: -45px; }
@media (max-width: 767px) {
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev,
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next {
font-size: 16px;
width: 35px;
height: 35px;
}
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next { right: -35px; }
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev { left: -35px; }
}
#recommended .modal-content .modal-body .three-thumbnails-card .slick-track {
margin-left: auto;
margin-right: auto;
}
#recommended .modal-content .modal-body .three-thumbnails-card .slick-slide { height: inherit !important; }
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next.slick-disabled,
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev.slick-disabled {
display: none !important;
}
#recommended .modal-content .modal-buttons {
display: flex;
justify-content: end;
}
@media (max-width: 576px) {
#recommended .modal-content .modal-buttons {
flex-direction: column-reverse;
margin: auto;
width: 100%;
}
}
#recommended .modal-content .modal-buttons .btn {
width: 150px;
margin-top: 0;
height: 40px;
font-size: 1rem;
font-weight: var(--font-weight-semibold);
}
@media (max-width: 767px) {
#recommended .modal-content .modal-buttons .btn {
width: 130px;
height: 40px;
}
}
@media (max-width: 576px) {
#recommended .modal-content .modal-buttons .btn {
width: 100%;
}
}
#recommended .modal-content .modal-buttons .btn.btn-theme-bordered {
margin-inline-end: 1rem;
}
@media (max-width: 576px) {
#recommended .modal-content .modal-buttons .btn.btn-theme-bordered {
margin-inline-end: 0;
border: none;
margin-top: 0.5rem;
height: auto;
}
#recommended .modal-content .modal-buttons .btn.btn-theme-bordered:hover {
background: none;
color: var(--orange);
}
}
#recommended .modal-content .modal-footer {
border-top: none;
justify-content: center;
}
@media (max-width: 767px) {
#recommended .modal-content .modal-footer {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background: white;
border-top: none;
border-top: 1px solid #a5a5a5;
}
}
/* Popup checkout offers*/
#cart_discount_offers .modal-dialog {
max-width: 550px;
margin: 1rem auto;
}
@media (max-width: 576px) {
#cart_discount_offers .modal-dialog {
max-width: calc(100% - 3rem);
}
}
#cart_discount_offers .modal-content {
background: var(--white);
padding: 20px;
}
#cart_discount_offers .modal-content .modal-header {
padding-bottom: 5px;
}
#cart_discount_offers .modal-content .modal-header h4{
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-bold);
margin-bottom: 10px;
color: var(--blue);
}
@media (max-width: 767px) {
#cart_discount_offers .modal-content .modal-body p {
margin-top: 5px;
}
}
#cart_discount_offers .modal-content .modal-body {
color: var(--text-primary);
padding: 0 20px;
}
@media (max-width: 767px) {
#cart_discount_offers .modal-content .modal-body p {
margin-top: 10px;
}
}
#cart_discount_offers .modal-content .modal-body .profile {
width: 100%;
margin: 0;
}
#cart_discount_offers .modal-content .modal-body .profile .my-purchase .raffeldraw-offers .list {
width: 100%;
margin: 15px 0;
}
#cart_discount_offers .modal-content a.close {
position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: var(--white);
background: var(--orange);
opacity: 1;
}
#cart_discount_offers .modal-content a.close i {
font-size: 14px;
vertical-align: middle;
}
#cart_discount_offers .modal-content .modal-text {
text-align: center;
color: var(--text-primary);
}
.path-user-reset-password .profile{
max-width: 450px;
}
.gv-web-reset-password .form-text {
display: block;
width: 100%;
height: 44px;
margin: 0;
padding: 5px 12px;
font-size: var(--font-regular);
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.35px;
border-radius: 0.25rem;
color: var(--text-primary);
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(78, 73, 83, 0.15);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gv-web-reset-password .eye-icon {
position: absolute;
top: 50px;
right: 25px;
}
.gv-web-reset-password .js-form-submit, .gv-web-reset-password .js-form-submit:focus, .gv-web-reset-password .js-form-submit:hover {
margin: 0;
min-width: 150px;
height: 44px;
width: 100%;
font-family: Poppins;
color: var(--white);
background: var(--orange);
border: 1px solid var(--orange);
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
line-height: 1.5;
border-radius: 0.25rem;
}
/* ===== New Buy Journey ===== */
.buy-section .tab-content .fixed-bottom { display: none; }
/* white background for all tabs */
.buy-section .tab-pane {
padding: 0px;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.buy-section .tab-content .white-bg{
padding: 30px 20px;
border-radius: 20px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
/* Park Entry */
.buy-section #park-entry .white-bg {
padding: 0;
margin-top: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
/* Attraction */
.buy-section .tab-content .new-attraction-tab .attraction-content { position: relative; }
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title {
text-align: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title h4 {
font-size: 24px;
font-weight: var(--font-weight-semibold);
margin-bottom: 16px;
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title p {
font-size: 14px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing-title {
font-size: 22px;
color: var(--text-primary);
font-weight: var(--font-weight-semibold);
margin-bottom: 30px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing {
position: relative;
padding-top: 50px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
border-bottom: none;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p {
font-size: 14px;
min-height: 38px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p.small-height {
min-height: 20px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider { margin-bottom: 0px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev,
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
font-size: 16px;
width: 8px;
height: 16px;
position: absolute;
box-shadow: none;
background: transparent;
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev {
left: auto;
right: 65px;
top: -44px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
right: 0;
top: -44px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
position: absolute;
right: 0;
left: calc(100% - 55px);
top: 5px;
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap .total { box-shadow: none; }
/*.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
*/
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel {
width: 330px;
flex: 0 0 330px;
margin-inline-end: 30px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item { height: 326px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item img{
border-radius: 10px;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators { margin-bottom: 30px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators li {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
opacity: 1;
border-top: none;
border-bottom: none;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators li.active {
background-color: #fff;
width: 14px;
background-color: var(--orange);
list-style-type: none;
-moz-border-radius: 7px;
-webkit-border-radius: 5px;
border: 1px solid var(--orange);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
padding-bottom: 10px;
margin-bottom: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease-in-out;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image span,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image:hover span,
.buy-section .tab-content .exclusive-packs .listing .content .image:hover span { transform: scale(1.1); }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details,
.buy-section .tab-content .exclusive-packs .listing .content .details {
width: calc(100% - 360px);
flex: 0 0 calc(100% - 360px);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details { max-width: 700px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name,
.buy-section .tab-content .exclusive-packs .listing .content .details .ticket-name { margin-bottom: 8px; }
.buy-section .tab-content .exclusive-packs .listing .content .details .ticket-name a { padding: 0; }
.buy-section .tab-content .exclusive-packs .listing .content .details h4 {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .list-item:not(:first-child) {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #EEF2F8;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .list-item .list-header { position: relative; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name h4,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .ticket-name h4 {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-bottom: 0.4rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name h4 { margin-bottom: 0; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name + p {
font-size: 14px;
color: var(--text-primary);
margin-bottom: 0.5rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right { text-align: end; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 1rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom { margin-bottom: 0; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title { margin-top: 10px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom { justify-content: flex-end; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5 .strike-off,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom .price h5 .strike-off {
text-decoration: line-through;
text-decoration-color: var(--orange);
font-size: 1rem;
font-weight: var(--font-weight-semibold);
color: #88848B;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom .price h5 {
font-size: 1rem;
font-weight: var(--font-weight-medium);
color: #707070;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom strong,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom strong { color: var(--text-primary); }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .attraction-title {
display: flex;
align-items: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title {
display: flex;
align-items: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title img {
margin: 0 7px 0 0;
width: 18px;
height: auto;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .attraction-title h6 {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title h6 {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .custom-checkbox.mobile-checkbox {
margin-top: 0.5rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox .custom-control-label::before {
border: 1px solid var(--orange);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5 small,
.buy-section .tab-content .exclusive-packs .listing .content .details .bottom h5 small {
display: inline-block;
font-size: 12px;
font-weight: var(--font-weight-normal);
color: #A7A4A9;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity {
display: flex;
align-items: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity input {
width: 30px;
text-align: center;
border: none;
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity button {
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity button:hover {
color: var(--white);
background: var(--orange);
border: 1px solid var(--orange);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row {
margin-left: -8px;
margin-right: -8px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row > .col,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row > [class*="col-"] {
padding-right: 8px;
padding-left: 8px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions { margin-top: 1rem; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions label { width: 100%; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions label .cardbox {
border-radius: 8px;
cursor: pointer;
position: relative;
text-align: center;
background: var(--white);
border: 2px solid var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .form-check { padding-left: 0; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .form-check .form-check-input {
position: absolute;
top: 0;
left: 1.25rem;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions input[type=checkbox]:checked+label .cardbox { border: 2px solid var(--orange); }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions input[type=checkbox]:checked+label .cardbox .card-body .card-details h6 { color: var(--orange); }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions input[type=checkbox]:checked+label .cardbox .card-body .card-details span { color: var(--orange); }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body { padding: 5px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image {
width: 100%;
height: 75px;
margin-bottom: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image img {
border-radius: 8px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details {
font-size: 14px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details small{
font-size: 12px;
color: var(--text-light);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details h6 {
font-size: 1rem;
font-weight: var(--font-weight-medium);
color: var(--blue);
margin-bottom: 10px;
min-height: 40px;
max-height: 40px;
overflow: hidden;
}
.buy-section .tab-content .exclusive-packs .listing .content .details a { padding: 8px 15px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title { text-align: center; }
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4{
color: #C8362F;
font-weight: var(--font-weight-bold);
margin-bottom: 0.8rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
position: absolute;
left: 0%;
width: 262px;
}
@media (max-width: 767px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img { display: none; }
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img.wonderpass-mobile-img { display: block; }
}
@media (min-width: 768px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img.wonderpass-mobile-img { display: none; }
}
@media (max-width: 1439px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img { left: 0%; }
}
@media (max-width: 1199px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: 0%;
top: 20px;
width: 185px;
}
}
@media (max-width: 991px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
width: 150px;
top: 25px;
}
}
@media (max-width: 767px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: 0%;
top: 0px;
width: 125px;
}
}
@media (max-width: 575px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: -6%;
top: 5px;
width: 132px;
}
}
@media (max-width: 490px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
display: flex;
flex-direction: column;
align-items: end;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: -5%;
top: 10px;
width: 100px
}
}
@media (max-width: 400px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: -8%;
top: 20px;
width: 95px;
}
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
margin-bottom: 40px;
color: #333333;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc span{
color: #C8362F;
font-weight: var(--font-weight-bold);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .blue-bg {
background-color: #E3F1FF;
margin: 0 -20px;
padding: 30px 20px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .and-or {
text-align: center;
margin: 30px 0;
color: var(--text-light);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider {
text-align: center;
margin: 40px -20px 40px -20px;
border-bottom: 1px solid #E3F1FF;
position: relative;
display: block;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider span {
font-size: 14px;
background-color: #F1F5F9;
border-radius: 24px;
padding: 5px 15px;
position: absolute;
left: 50%;
top: -12px;
transform: translateX(-50%);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs {
text-align: center;
background: transparent;
margin: 0;
padding: 0;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs h4 {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
margin-bottom: 0.5rem;
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-desc {
font-size: 12px;
margin-bottom: 27px;
color: rgba(23, 23, 23, 0.8);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing {
display: block;
column-gap: 20px;
row-gap: 20px;
padding-bottom: 15px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .slick-prev { left: -50px }
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .slick-next { right: -50px }
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
width: calc(20% - 16px);
flex: 0 0 calc(20% - 16px);
padding: 20px 15px 15px 15px;
border-radius: 6px;
cursor: pointer;
position: relative;
text-align: center;
background: var(--white);
border: 2px solid var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
margin: 20px 8px 0 8px;
min-height: 120px;
}
@media (max-width:1199px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
min-height: 140px;
}
}
@media (max-width:991px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
min-height: 140px;
}
}
@media (max-width:767px){
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
min-height: 108px;
}
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price {
font-size: calc(var(--root-font) + 6px);
font-weight: var(--font-weight-semibold);
margin-bottom: 5px;
color: var(--text-primary);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal {
padding: 5px;
background: white;
color: #004A8F;
font-size: 14px;
font-weight: var(--font-weight-regular);
border-radius: 4px;
border: 1px solid #004A8F;
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 115px;
top: -20px;
display: flex;
align-items: center;
justify-content: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal svg {
width: 15px;
height: 15px;
fill: var(--orange);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal img {
width: 15px;
height: auto;
position: relative;
top: 0;
right: 0;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price span {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list p {
font-size: 14px;
color: var(--text-light);
font-weight: 400;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list.current-deal { border: 2px solid var(--orange); }
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list.current-deal .price { color: var(--orange); }
.buy-section .tab-content .new-attraction-tab .fixed-total {
margin-top: 20px;
position: sticky;
z-index: 99;
bottom: 0;
left: 0;
background: var(--white);
width: 100%;
padding: 10px 20px;
border-top: 1px solid #dde2e9;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .show-hide-content {
display: flex;
justify-content: center;
font-size: 20px;
color: var(--orange);
max-width: 912px;
margin: 0 auto 10px auto;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .show-hide-content .rotate-arrow {
transform: rotate(180deg);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total {
box-shadow: none;
max-width: 912px;
margin: 0 auto;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li span {
display: inline-block;
font-size: 16px;
font-weight: 400;
color: var(--text-light);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total hr { margin: 15px 0; }
.buy-section .tab-content .new-attraction-tab .fixed-total .total .fixed-total-proceed {
margin-top: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price {
display: flex;
margin-bottom: 0;
column-gap: 18px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price b {
display: inline-block;
font-size: 24px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price {
font-size: 26px;
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price span {
font-size: 22px;
font-weight: var(--font-weight-normal);
color: var(--text-light);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .add-to-cart-button {
text-align: center;
margin-top: 0px;
display: flex;
justify-content: center;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .add-to-cart-button .btn-theme {
min-width: 250px;
height: 50px;
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-semibold);
margin-top: 0px;
}
/* Wonderpass*/
.buy-section .tab-content .top-up-wonderpass {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1000px;
margin: 0 auto;
padding: 25px 40px;
border-radius: 10px;
background: var(--white);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.buy-section .tab-content .top-up-wonderpass span {
display: inline-block;
font-size: calc(var(--root-font) + 4px);
color: var(--text-primary);
}
.buy-section .tab-content .top-up-wonderpass span b { font-weight: var(--font-weight-semibold); }
.buy-section .tab-content .top-up-wonderpass a {
display: inline-block;
min-width: 150px;
height: 40px;
line-height: normal;
font-size: calc(var(--font-regular) + 2px);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .wonderpass-section {
display: flex;
align-items: flex-start;
width: 100%;
}
.buy-section .tab-content .wonderpass-section .left_wonder h5{
font-size: var(--section-header);
font-weight: var(--font-weight-semibold);
color: var(--blue);
line-height: 36px;
margin-bottom: 7px;
}
.buy-section .tab-content .wonderpass-section .left_wonder p{
font-size: var(--font-extrasmall);
font-weight: var(--font-weight-normal);
margin-bottom: 0;
color: rgba(23, 23, 23, 0.8);
line-height: 18px;
}
.buy-section .tab-content .wonderpass-section .right_wonder {
max-width: 565px;
width: 100%;
margin-inline-start: auto;
}
@media (max-width: 767px) {
.buy-section .tab-content .wonderpass-section .right_wonder { margin-inline-start: 0; }
}
.buy-section .tab-content .wonderpass-section .right_wonder #wp_rem_bal_p {
display: flex;
justify-content: end;
margin-top: 0.5rem;
}
.buy-section .tab-content .wonderpass-section .right_wonder #wp_rem_bal_p span{
font-weight: 600;
padding-inline-start: 5px ;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card.show .dropdown-toggle:after {
transform: rotate(-180deg);
}
.buy-section .tab-content .wonderpass-section .right_wonder .new_mediacode_select option.new-card {
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-toggle {
display: flex;
align-items: center;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
border: 1px solid #E5E4E5;
border-radius: 4px;
padding: 11px 20px;
width: 100%;
margin-top: 0;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-toggle:after {
background: url('../images/icons/dropdown-orange.svg') no-repeat center;
border: none;
margin-left: 0;
width: 14px;
height: 8px;
position: absolute;
transition: 0.2s linear;
right: 20px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu {
position: static !important;
transform: none !important;
width: 100%;
border: none;
margin: 0;
margin-top: 16px;
padding: 0;
float: none;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control{
height: 48px;
padding: 5px 20px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control:focus{
border: 1px solid #E5E4E5;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters {
margin-right: -5px;
margin-left: -5px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters > .col,
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.buy-section .tab-content .wonderpass-section .right_wonder input[type=number]::-webkit-outer-spin-button,
.buy-section .tab-content .wonderpass-section .right_wonder input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.buy-section .tab-content .wonderpass-section .right_wonder input[type=number] {
-moz-appearance: textfield;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-toggle {
display: flex;
align-items: center;
font-size: var(--font-regular);
font-weight: var(--font-weight-medium);
color: var(--text-primary);
border: 1px solid #E5E4E5;
border-radius: 4px;
padding: 11px 20px;
width: 100%;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-toggle:after {
background: url('../images/icons/dropdown-orange.svg') no-repeat center;
border: none;
margin-left: 0;
width: 14px;
height: 8px;
position: absolute;
transition: 0.2s linear;
right: 20px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp.show .dropdown-toggle {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp.show .dropdown-menu {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
float: none;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu {
margin: 0;
padding: 0;
width: 100%;
position: static !important;
transform: none !important;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item {
color: var(--orange);
font-weight: var(--font-weight-semibold);
display: flex;
align-items: center;
padding: 6px 20px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item.mobile {
display: none;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item span {
font-size: 24px;
font-weight: var(--font-weight-medium);
margin-right: 8px;
display: inline-block;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item:active,
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item:focus{
background-color: transparent;
color: var(--orange);
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item:hover {
background-color: transparent;
color: var(--orange);
}
.buy-section .tab-content .wonderpass-content .enter-points {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.buy-section .tab-content .wonderpass-content .enter-points .left { margin-inline-end: 40px; }
.buy-section .tab-content .wonderpass-content .enter-points .left a {
color: var(--orange);
font-size: 1rem;
font-weight: var(--font-weight-medium);
text-decoration: underline;
}
.buy-section .tab-content .wonderpass-content .enter-points .left p {
font-size: 12px;
padding-top: 0.1rem;
}
.buy-section .tab-content .wonderpass-content .enter-points .right .form-control {
width: 100px;
height: 45px;
border-radius: 6px;
text-align: center;
font-size: 20px;
font-weight: var(--font-weight-semibold);
}
/* Wonderpass add new card modal */
.addNewCard_modal .modal-dialog .modal-content {
background-color: var(--white);
border-radius: 6px;
}
.addNewCard_modal .modal-dialog .modal-content .modal-header {
padding: 0;
border: none;
border-radius: 0;
}
.addNewCard_modal .modal-dialog .modal-content .modal-header .close {
padding: 0;
margin: 0;
position: absolute;
right: 20px;
z-index: 11;
opacity: 1;
line-height: normal;
font-size: inherit;
float: none;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body {
padding-top: 18px;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body h5 {
font-size: 16px;
font-weight: 600;
color: var(--blue);
line-height: 26px;
margin-bottom: 6px;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body p {
font-size: 12px;
font-weight: 400;
margin-bottom: 20px;
color: #4E4953;
line-height: 18px;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control {
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
color: #171717;
line-height: 21px;
background-color: var(--white);
border: 1px solid #E5E4E5;
padding: 10px 16px;
border-radius: 4px;
letter-spacing: 0;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group {
position: relative;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group a{
position: absolute;
right: 16px;
top: 11px;
display: inline-block;
height: auto;
width: auto;
font-size: inherit;
line-height: normal;
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCard_modal .modal-dialog .modal-content .modal-body .btn {
margin-top: 0;
width: 166px;
}
@media (max-width:1440px) {
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control {
height: 45px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item {
font-size: 14px;
padding: 4px 20px;
}
}
@media (max-width:1199px) {
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control {
height: 45px;
padding: 5px 12px;
}
.buy-section .tab-content .wonderpass-section .right_wonder{
max-width: 450px;
}
}
@media (max-width:991px) {
.buy-section .tab-content .wonderpass-section .right_wonder{
max-width: 365px;
}
}
@media (max-width:767px){
.buy-section .tab-content .wonderpass-section{
border-radius: 12px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
display: block;
padding: 12px;
}
.buy-section .tab-content .wonderpass-section .left_wonder h5{
font-size: 16px;
line-height: normal;
margin-bottom: 0;
}
.buy-section .tab-content .wonderpass-section .left_wonder p{
font-size: 10px;
margin-bottom: 15px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-toggle {
padding: 11px 12px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-toggle {
padding: 11px 16px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item {
font-size: 14px;
padding: 4px 16px;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item.desk {
display: none;
}
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item.mobile {
display: flex;
}
}
.buy-section .tab-content .wonderpass-section .left,
.buy-section .tab-content .wonderpass-section .right { flex: 1; }
.buy-section .tab-content .wonderpass-section .left .add-card-link { margin-top: 12px; }
.buy-section .tab-content .wonderpass-section .left .add-card-link a {
display: flex;
align-items: center;
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.buy-section .tab-content .wonderpass-section .left .add-card-link svg { margin-inline-end: 10px; }
.buy-section .tab-content .wonderpass-section .center {
margin: 10px 48px;
line-height: normal;
color: var(--text-light);
}
.buy-section .tab-content .wonderpass-section .right h6 {
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
margin-top: 16px;
margin-bottom: 8px;
color: var(--blue);
}
.buy-section .tab-content .wonderpass-section .right span {
display: block;
font-size: 12px;
font-weight: var(--font-weight-medium);
color: var(--orange);
}
/* New Buy journey Responsive*/
@media (min-width: 992px){
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .custom-checkbox.mobile-checkbox { display: none; }
}
@media (max-width: 1199px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4:before {
top: 75px;
zoom: 75%;
}
}
@media (max-width: 991px){
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox { display: none; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content { display: block; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel {
width: 100%;
overflow: hidden;
margin-inline-end: 0px;
margin-bottom: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item {
text-align: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details {
width: 100%;
flex: 0 0 100%;
text-align: left;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom { margin-bottom: 0px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title { margin-top: 20px; }
.buy-section .tab-content .top-up-wonderpass { flex-wrap: nowrap; }
}
@media (max-width: 767px) {
.buy-section .tab-content .white-bg{
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
margin-bottom: 0;
}
.buy-section .tab-content .white-bg-mobile{
padding: 20px 10px;
margin: 0 -10px;
border-radius: 12px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
.buy-section .tab-content .fixed-bottom {
background-color: white;
display: flex;
justify-content: space-between;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}
.buy-section .tab-content .fixed-bottom .total-price {
display: flex;
align-items: center;
}
.buy-section .tab-content .fixed-bottom .total-price .price {
font-size: 20px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .fixed-bottom .total-price .price span {
font-size: 14px;
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .fixed-bottom .btn { width: 100%; }
.buy-section .tab-content .buy-title {
margin-top: 35px;
margin-bottom: 20px;
}
.buy-section .tab-content .total .sub-price ul li .price {
font-size: 10px;
min-width: 60px;
flex: 0 0 60px;
text-align: end;
}
.buy-section .tab-content .total .sub-price ul li .price small { font-size: 8px; }
/* Attraction Responsive*/
.buy-section .tab-content .new-attraction-tab .fixed-total {
position: sticky;
margin: 0 -20px;
width: calc(100% + 40px);
padding: 10px 15px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total { margin-top: 0; }
.buy-section .tab-content .new-attraction-tab .fixed-total .total .fixed-total-proceed {
margin-top: 10px;
display: flex;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price {
margin-top: 10px;
margin-bottom: 10px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .show-hide-content {
margin: 0 auto 5px auto;
font-size: 15px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider span {
font-size: 12px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
margin: 0 -15px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing {
padding-top: 22px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
display: block;
margin-bottom: 0px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image {
width: 80px;
flex: 0 0 80px;
height: 80px;
margin-inline-end: 12px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image {
height: 58px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details,
.buy-section .tab-content .exclusive-packs .listing .content .details {
width: 100%;
flex: 0 0 100%;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p {
font-size: 10px;
min-height: auto;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .desktop-message,
.buy-section .tab-content .exclusive-packs .listing .content .desktop-message { display: none; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details h4,
.buy-section .tab-content .exclusive-packs .listing .content .details h4 {
font-size: 14px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox { display: none; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5,
.buy-section .tab-content .exclusive-packs .listing .content .details .bottom h5 {
font-size: 14px;
color: var(--text-primary);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .list-item:not(:first-child) {
margin: 10px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #EEF2F8;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5 small,
.buy-section .tab-content .exclusive-packs .listing .content .details .bottom h5 small { font-size: 10px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .attraction-title { justify-content: center; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title {
justify-content: start;
margin-top: 12px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions {
margin-top: 12px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row {
margin-left: -2.5px;
margin-right: -2.5px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom {
margin-top: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row > .col,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row > [class*="col-"] {
padding-right: 2.5px;
padding-left: 2.5px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title h6 { text-align: left; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details h6 {
font-size: 10px;
min-height: 25px;
max-height: 25px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details {
font-size: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details small { font-size: 8px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity input {
width: 30px;
font-size: 14px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider { margin-bottom: 0px;}
.buy-section .tab-content .new-attraction-tab .attraction-content .and-or { margin: 20px 0; }
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs h4 {
font-size: 16px;
color: var(--text-primary);
margin-bottom: 0.2rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-desc {
font-size: 10px;
margin-bottom: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider {
margin: 40px 0px 15px 0px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing {
display: block;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
width: calc(33.33% - 16px);
flex: 0 0 calc(33.33% - 16px);
padding: 20px 5px 5px 5px;
margin: 20px 5px 0 5px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price {
font-size: 19px;
margin-bottom: 8px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price span {
font-size: 14px;
display: inline;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list p { font-size: 11px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal {
padding: 5px 3px;
font-size: 12px;
width: 95px;
top: -15px
}
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal svg {
width: 12px;
height: 12px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li span { font-size: 10px; }
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price b {
font-size: 14px;
display: none;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price { font-size: 14px; }
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price span { font-size: 10px; }
.buy-section .tab-content .new-attraction-tab .fixed-total .add-to-cart-button .btn-theme {
height: 38px;
font-size: 14px;
min-width: 215px;
margin-top: 0;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price {
padding-bottom: 6px
}
.buy-section .tab-content .new-attraction-tab .attraction-content .add-to-cart-button {
margin-top: 0px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img-description {
text-align: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 {
font-size: 0.8rem;
margin-bottom: 0.5rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
font-size: 10px;
margin-bottom: 20px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .blue-bg {
padding: 30px 0 0 0;
border-radius: 12px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title h4 {
font-size: 16px;
margin-bottom: 0.5rem;
color: var(--text-primary);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title p { font-size: 10px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing-title {
font-size: 16px;
margin-bottom: 15px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
font-size: 12px;
left: calc(100% - 45px);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item {
height: 160px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators {
margin-bottom: 20px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev {
top: -30px;
right: 60px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
top: -30px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
top: 0;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name,
.buy-section .tab-content .exclusive-packs .listing .content .details .ticket-name { margin-bottom: 4px; }
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name h4{
font-size: 16px;
margin-bottom: 0.3rem;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .ticket-name h4 {
font-size: 12px;
margin-bottom: 0.3rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name + p {
font-size: 10px;
text-align: left;
}
/* Wonderpass Responsive*/
.buy-section .tab-content .wonderpass-section { display: block; }
.buy-section .tab-content .wonderpass-section .center { font-size: 12px; }
.buy-section .tab-content .wonderpass-section .right span { font-size: 10px; } */
.buy-section .tab-content hr { margin: 15px 0; }
.buy-section .tab-content .wonderpass-content .enter-points {
justify-content: space-between;
padding: 0 20px;
margin-top: 0;
position: relative;
padding-bottom: 15px;
}
}
@media (max-width: 575px) {
.buy-section .tab-content .buy-title h4 {
font-size: 18px;
margin-bottom: 10px;
}
.buy-section .tab-content .buy-title p { font-size: 10px; }
.buy-section .tab-content .select-packs .slider .pack-list {
padding: 5px;
}
.buy-section .tab-content .listing .content .details {
width: 100%;
flex: 0 0 100%;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 {
font-size: 10px;
margin-bottom: 0.5rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc { font-size: 8px; }
.buy-section .tab-content .top-up-wonderpass { flex-wrap: nowrap; }
.buy-section .tab-content .top-up-wonderpass span { font-size: 1rem; }
.buy-section .tab-content .top-up-wonderpass a {
min-width: 80px;
height: 35px;
flex: 0 0 80px;
}
.buy-section .tab-content .wonderpass-content .enter-points {
justify-content: space-between;
padding: 0 20px;
margin-top: 0;
position: relative;
padding-bottom: 15px;
}
.buy-section .tab-content .wonderpass-content .enter-points .left {
margin-inline-end: 20px;
}
.buy-section .tab-content .wonderpass-content .enter-points .left a { font-size: 14px; }
.buy-section .tab-content .wonderpass-content .enter-points .left p { font-size: 10px; }
.buy-section .tab-content .wonderpass-content .enter-points .right .form-control { font-size: 16px; }
}
@media (max-width: 400px) {
/* .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 { font-size: 8px; } */
}
/* Wonderpass pop up */
#AddNewCardWp .modal-dialog {
max-width: 360px;
margin: 0 auto;
}
#AddNewCardWp .modal-content {
background: var(--white);
}
#AddNewCardWp .modal-content .modal-body {
color: var(--text-primary);
}
#AddNewCardWp .modal-content .modal-body .form-group .form-control {
color: var(--text-primary) !important;
background-color: transparent;
margin-top: 20px;
}
#AddNewCardWp .modal-content .modal-body h3 {
font-size: 17px;
font-weight: 600;
margin-bottom: 12px;
color: var(--blue);
}
#AddNewCardWp .modal-content .modal-body p {
font-size: 12px;
color: #4E4953;
}
#AddNewCardWp .modal-content .modal-body .btn {
margin-top: 1rem;
width: 170px;
font-size: 14px;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
/* Attraction pop up */
@media (min-width: 576px) {
#liWpAttr .modal-dialog {
max-width: 520px;
}
}
#liWpAttr .modal-content {
background: var(--white);
}
@media (max-width: 767px) {
#liWpAttr .modal-content a svg {
width: 18px;
height: 18px;
}
}
#liWpAttr .modal-content .modal-body {
color: var(--text-primary);
}
#liWpAttr .modal-content .modal-body h4 {
color: var(--blue);
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 10px;
}
@media (max-width: 767px) {
#liWpAttr .modal-content .modal-body h4 {
font-size: 1.125rem;
}
}
@media (max-width: 767px) {
#liWpAttr .modal-content .modal-body p {
font-size: 12px;
}
}
#liWpAttr .modal-content .modal-body .form-group .form-control {
color: var(--text-primary) !important;
background-color: transparent;
margin-top: 20px;
}
#liWpAttr .modal-content .modal-body .rem_balance {
margin-top: 0.5rem;
display: flex;
justify-content: end;
}
@media (max-width: 767px) {
#liWpAttr .modal-content .modal-body .rem_balance {
font-size: 12px;
}
}
#liWpAttr .modal-content .modal-body .rem_balance span {
font-weight: 600;
padding-inline-start: 5px;
}
#liWpAttr .modal-content .modal-body .action-buttons {
display: flex;
column-gap: 20px;
justify-content: center;
}
@media (max-width: 575px) {
#liWpAttr .modal-content .modal-body .action-buttons {
display: flex;
column-gap: 10px;
}
}
#liWpAttr .modal-content .modal-body .action-buttons .btn {
flex: 1 1 0px;
height: 40px;
width: 100%;
}
@media (max-width: 767px) {
#liWpAttr .modal-content .modal-body .action-buttons .btn {
}
}
@media (max-width: 575px) {
#liWpAttr .modal-content .modal-body .action-buttons .btn {
font-size: 12px;
font-weight: 600;
min-width: 125px;
max-width: max-content;
}
}
@media (max-width: 575px) {
#liWpAttr .modal-content .modal-body .action-buttons .btn { margin-top: 20px; }
}
/* Select2 */
.select2-container {
width: 100% !important;
}
.select2-search--dropdown { display: none ; }
.select2-container .select2-selection--single { height: 3rem; }
.select2-container--default .select2-selection--single {
border-radius: 4px;
background-color: var(--white);
border: 1px solid #E5E4E5;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0.875rem;
padding-right: 3.125rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: calc(3rem - 0.125rem);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 1px;
height: calc(3rem - 0.125rem);
width: calc(3rem - 0.125rem);
}
.select2-selection__placeholder { color: var(--secondary); }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
content: url('../images/icons/dropdown-orange.svg');
width: 0.875rem;
height: auto;
display: block;
position: relative;
left: 50%;
top: 50%;
right: auto;
margin: 0;
border: none;
transform: translate(-50%, -50%);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
content: url('../images/icons/dropdown-orange.svg');
width: 0.875rem;
height: auto;
display: block;
position: relative;
left: 50%;
top: 50%;
right: auto;
margin: 0;
border: none;
transform: translate(-50%, -50%) rotate(180deg);
}
.select2-results__option {
margin: 0;
padding: 0.5rem 0.875rem;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option:last-child {
font-size: 14px;
font-weight: 600;
color: #f26f22;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-radius: 0.5rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: var(--white);
}
.select2-container--default .select2-results__option--selected {
background-color: transparent;
}
/*Mini World*/
.miniworld { padding-top: var(--small-spacing); }
.miniworld .content {
display: flex;
align-items: center;
column-gap: 40px;
}
.miniworld .main-title h1 {
color: var(--blue);
font-size: 68px;
}
.miniworld .content .image {
width: 116px;
height: 116px;
flex: 0 0 116px;
}
@media (max-width: 767px) {
.miniworld .content .image { display: none; }
.miniworld .main-title h1 { font-size: 26px; }
}
.miniworld .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 50%;
}
.miniworld-gallery { padding-bottom: 0; }
.miniworld-gallery .product-gallery .small-image {
width: 440px;
height: 220px;
}
.miniworld-gallery .product-gallery .big-image .image {
height: 450px;
}
@media (max-width: 991px) {
.miniworld-gallery .product-gallery .big-image .image { height: 220px; }
}
.miniworld-gallery .btn { border: none; }
.miniworld-gallery .btn {
background-color: rgba(0,0,0,0.5);
background-image: none;
font-size: 1rem;
font-weight: var(--font-weight-medium);
}
.miniworld-gallery .btn.btn-mobile { display: none; }
@media (max-width: 1199px) {
.miniworld-gallery .btn.btn-mobile {
display: block;
position: absolute;
z-index: 1;
bottom: 20px;
right: 40px;
height: 30px;
font-size: 12px;
}
.miniworld-gallery .product-gallery .big-image .btn { display: none; }
}
.miniworld-topbar { padding-top: var(--small-spacing); }
@media (max-width: 767px) {
.miniworld-topbar {
padding-top: 20px;
}
}
.miniworld-topbar .review {
padding-top: 0;
padding-bottom: 0;
}
.miniworld-topbar .review .view-text { text-decoration: none; }
.miniworld-topbar .topbar {
position: relative;
display: flex;
align-items: center;
justify-content: end;
flex-wrap: wrap;
margin-bottom: 0px;
}
@media (max-width: 767px) {
.miniworld-topbar .topbar {
justify-content: space-between;
}
}
.miniworld-topbar .action-buttons {
margin-inline-start: 40px;
column-gap: 15px;
display: flex;
align-items: center;
}
.miniworld-topbar .action-buttons .addtofavourite {
display: inline-block;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
color: #DBDADC;
background: #FAFAFA;
}
.miniworld-topbar .action-buttons .my-route {
display: inline-block;
margin-left: 7px;
width: 40px;
height: 40px;
line-height: 44px;
border-radius: 50%;
text-align: center;
font-size: calc(var(--root-font) + 4px);
color: #DBDADC;
background: #FAFAFA;
}
.miniworld-topbar .action-buttons .addtofavourite.red-flag {
color: #D7182A;
background: #FBE7E9;
}
.miniworld-topbar .action-buttons .my-route.blue-flag {
color: #004A8F;
background: #E5ECF4;
}
.miniworld-text { padding-top: var(--small-spacing); }
@media (max-width: 767px) {
.miniworld-text {
padding-top: 20px;
}
}
.miniworld-text .starting-text { padding-top: 0; }
.miniworld-text .starting-text p {
margin-bottom: 20px;
font-size: calc(var(--root-font) + 2px);
}
@media (max-width: 767px) {
.miniworld-text .starting-text p {
font-size: calc(var(--root-font) - 2px);
}
}
.miniworld-text .view-text {
display: flex;
align-items: center;
margin-top: 12px;
}
.miniworld-text .view-text p.desc {
margin-bottom: 0;
padding-inline-start: 10px;
font-size: 14px;
}
@media (max-width: 767px) {
.miniworld-text .view-text img{
width: 32px;
height: 32px;
}
}
.miniworld-text .view-text span {
margin-inline-start: 7px;
margin-inline-end: 7px;
}
@media (max-width: 767px) {
.miniworld-text .view-text span{
font-size: calc(var(--root-font) - 2px);
}
}
.miniworld-text .view-text .icon-right-arrow { font-size: 1rem; }
@media (max-width: 767px) {
.miniworld-text .view-text .icon-right-arrow { font-size: 12px; }
}
.dining-direction { padding-top: var(--small-spacing); }
@media (max-width: 767px) {
.dining-direction { padding-top: 20px; }
}
.dining-direction .dining-wrapper {
background-color: #FCF1E4;
text-align: center;
}
.dining-direction .dining-wrapper img {
width: 100%;
height: auto;
}
.dining-direction .dining-wrapper .btn-theme {
position: absolute;
bottom: 30px;
right: 40px;
height: 40px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
}
@media (max-width: 767px) {
.dining-direction .dining-wrapper .btn-theme {
position: relative;
right: 0;
margin-top: 40px;
}
}
.miniworld-offer { padding-top: var(--medium-spacing); }
.miniworld-offer .miniworld-slider {
margin: -20px;
display: flex;
align-items: stretch;
}
.miniworld-offer .miniworld-slider .slick-track {
display: flex;
}
.miniworld-offer .miniworld-slider .slick-slide {
height: auto;
}
@media (max-width: 991px) {
.miniworld-offer .miniworld-slider {
margin: -10px;
}
}
@media (max-width: 575px) {
.miniworld-offer .miniworld-slider {
margin: -10px;
}
}
@media (max-width: 575px) {
.miniworld-offer .miniworld-slider .slick-center {
/* -webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scaleY(1.2);
transition: all 0.3s ease; */
z-index: 9999;
margin: 0 -30px;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
}
.miniworld-offer .miniworld-slider .slick-next,
.miniworld-offer .miniworld-slider .slick-prev {
top: 100px;
width: 36px;
height: 36px;
}
@media (min-width: 768px) {
.miniworld-offer .miniworld-slider .slick-next,
.miniworld-offer .miniworld-slider .slick-prev {
top: 137px;
}
}
.miniworld-offer .miniworld-slider .slick-next {
right:8px;
}
.miniworld-offer .miniworld-slider .slick-prev {
left:8px;
}
.miniworld-offer .miniworld-slider .cardbox {
width: calc(33.33% - 40px);
margin: 20px;
border-radius: 20px;
height: auto;
}
@media (max-width: 991px) {
.miniworld-offer .miniworld-slider .cardbox {
margin: 10px;
}
}
@media (max-width: 575px) {
.miniworld-offer .miniworld-slider .cardbox {
margin: 20px 0px;
}
}
.miniworld-offer .miniworld-slider .cardbox .show-hide-text-body {
display: inline-flex;
font-size: 14px;
color: var(--orange);
text-decoration: underline;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-image {
height: 275px;
border-radius: 20px 20px 0 0;
}
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .show-hide-text-body {
display: inline-flex;
font-size: 12px;
color: var(--orange);
text-decoration: underline;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-image {
height: 166px;
}
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
max-width: none;
transition: all 0.25s ease-in-out;
}
.miniworld-offer .miniworld-slider .cardbox:hover .cardbox-image img {
transform: scale(1.1);
}
.miniworld-offer .miniworld-slider .cardbox .magnifier {
position: absolute;
margin-top: -45px;
right: 15px
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content p {
font-size: 14px;
height: auto;
min-height: auto;
max-height: none;
height: max-content;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content.expanded p {-webkit-line-clamp: unset; }
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .cardbox-content-header{
margin-bottom: 6px;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content h6 {
font-size: 14px;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content p {
font-size: 12px;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price {
font-size: 12px;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price .light { font-size: 10px; }
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .full-desc p { -webkit-line-clamp: unset; }
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom {
display: flex;
flex-direction: column;
justify-content: end;
padding-top: 20px;
padding-bottom: 75px;
}
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom {
border-top: 1px solid #E5E4E5;
margin-top: 15px;
}
}
@media (min-width: 1190px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom {
}
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .action-buttons{
position: absolute;
bottom: 20px;
width: calc(100% - 30px);
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item { margin-bottom: 20px; }
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content {
display: flex;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .image {
width: 145px;
flex: 0 0 145px;
margin-inline-end: 15px;
height: 82px;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details {
display: flex;
flex-direction: column;
text-align: center;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details p {
min-height: auto;
max-height: none;
text-align: start;
-webkit-line-clamp: unset;
}
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details p { -webkit-line-clamp: unset; }
}
@media (max-width: 1199px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details { text-align: left; }
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details .list-title {
color: var(--blue);
font-weight: var(--font-weight-medium);
font-size: 14px;
text-align: left;
margin-bottom: 0.5rem;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom h6.points{
color: var(--blue);
font-weight: var(--font-weight-semibold);
padding-bottom: 0.3rem;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price-quantity {
display: flex;
justify-content: space-between;
align-items: end;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom h6.points { padding-bottom: 0.2rem; }
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price-quantity { padding-bottom: 10px; }
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price {
font-weight: var(--font-weight-semibold);
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price .cost{
font-size: 1rem;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price .light{
font-weight: var(--font-weight-medium);
color: #545353;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity {
display: flex;
align-items: center;
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity input {
width: 28px;
text-align: center;
border: none;
font-size: 16px;
font-weight: var(--font-weight-regular);
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity button {
padding: 0;
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity button:hover {
color: var(--white);
background: var(--orange);
border: 1px solid var(--orange);
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .custom-checkbox .custom-control-label::before {
border: 1px solid var(--orange);
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .custom-checkbox .custom-control-label {
color: #A7A4A9;
font-size: 14px;
font-weight: var(--font-weight-normal);
line-height: 1.5;
}
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .custom-checkbox .custom-control-label { font-size: 12px; }
}
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .btn {
height: 40px;
font-size: 1rem;
font-weight: var(--font-weight-semibold);
color: var(--white);
margin-top: 10px;
width: 100%;
}
@media (max-width: 767px) {
.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .btn {
font-size: 14px;
padding: 8px 15px;
}
}
.miniworld-review {
padding-top: var(--medium-spacing);
padding-bottom: var(--medium-spacing);
}
@media (max-width: 767px) {
.miniworld-review { padding-top: 30px; }
}
.miniworld-review .title { margin-bottom: 1rem; }
@media (max-width: 991px) {
.miniworld-review .title {
flex-direction: row;
align-items: flex-end;
}
}
@media (max-width: 556px) {
.miniworld-review .title {
flex-direction: column;
align-items: flex-start;
}
}
.miniworld-review .title h3 {
font-size: 30px;
font-weight: var(--font-weight-semibold);
margin-bottom: 10px;
}
@media (max-width: 767px) {
.miniworld-review .title h3 { font-size: 20px; }
}
.miniworld-review .rating span {
font-weight: var(--font-weight-semibold);
margin-inline-end: 7px;
}
.miniworld-review .list .list-item {
padding-top: 20px;
}
.miniworld-review .list .list-item .user {
display: flex;
column-gap: 10px;
}
@media (max-width: 767px) {
.miniworld-review .list .list-item .user .user-details { width: 100%; }
}
.miniworld-review .list .list-item .user .userpic {
width: 30px;
height: 30px;
}
.miniworld-review .list .list-item .user .userpic img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 50%;
}
.miniworld-review .list .list-item .user .user-name {
display: flex;
column-gap: 100px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.miniworld-review .list .list-item .user .user-name {
justify-content: space-between;
column-gap: 20px;
}
.miniworld-review .list .list-item .user .user-name h6 { font-size: 14px; }
.miniworld-review .list .list-item .user .user-name h6 { font-size: 12px; }
}
.miniworld-review .list .list-item .user small {
padding-top: 10px;
}
.miniworld-review .review-text {
font-size: 1rem;
font-weight: var(--font-weight-medium);
color: var(--orange);
display: flex;
justify-content: end;
padding-top: 1rem;
align-items: center;
}
@media (max-width: 767px) {
.miniworld-review .review-text { justify-content: center; }
}
.miniworld-review .review-text img {
margin-inline-end: 7px;
}
.mini-detail-upgrade {
display: flex;
align-items: flex-start;
column-gap: 8px;
}
.mini-detail-upgrade .show_premium_products { margin-top: 4px; }
.mini-detail-upgrade label {
color: #A7A4A9;
font-size: 14px;
font-weight: var(--font-weight-normal);
margin-bottom: 0;
}
@media (max-width: 767px) {
.mini-detail-upgrade label { font-size: 12px; }
}
/* Neon Galaxy */
.total-block {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding-top: 5px;
padding-bottom: 5px;
position: sticky;
z-index: 1;
bottom: 0;
background: white;
width: 100%;
}
.total-block .attraction-list {
display: flex;
flex: 0 0 45%;
justify-content: space-between;
align-items: end;
column-gap: 10px;
}
@media (max-width: 767px) {
.total-block .attraction-list { display: block; }
}
.total-block .attraction-list.total-list { display: block; }
.total-block .show-hide-content {
display: flex;
justify-content: center;
font-size: 20px;
color: var(--orange);
max-width: 912px;
margin: 0 auto 10px auto;
}
.total-block .show-hide-content .rotate-arrow {
transform: rotate(180deg);
}
.total .show-hide-text {
display: flex;
justify-content: center;
color: var(--orange);
font-size: 12px;
font-weight: var(--font-weight-semibold);
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
.total .show-hide-text, .show-hide-content {
position: absolute;
left: 50%;
top: 0px;
transform: translateX(-50%);
}
}
.total .show-hide-list { display: none; }
@media(max-width: 767px) {
.total .show-hide-text {
display: flex;
justify-content: end;
color: var(--orange);
font-size: 12px;
font-weight: var(--font-weight-semibold);
margin-bottom: 0.5rem;
}
.total .show-hide-list { display: none; }
}
.total .list {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #EEF2F8;
}
.total .list .left_quantity {
display: flex;
align-items: center;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
column-gap: 10px;
}
@media(min-width: 768px) {
.total .list .left_quantity { column-gap: 40px; }
}
@media(max-width: 767px) {
.total .list .left_quantity { justify-content: space-between; }
}
.total .list:last-child, .total .list:only-child {
border-bottom: none;
padding-bottom: 0;
}
.total .list .left h6 {
color: var(--blue);
font-weight: var(--font-weight-semibold);
padding-bottom: 0.2rem;
}
.total .list .left .price {
font-weight: var(--font-weight-semibold);
font-size: 14px;
}
.total .list .left .price .cost{
font-size: 1rem;
}
.total .list .left .price .light {
font-weight: var(--font-weight-medium);
color: #545353;
}
@media (max-width: 767px) {
.total .list .left .price .light { font-size: 12px; }
}
.total .list .quantity {
display: flex;
align-items: center;
}
.total .list .quantity input {
width: 28px;
text-align: center;
border: none;
font-size: var(--root-font);
}
.total .list .quantity button {
padding: 0;
width: 28px;
height: 28px;
border-radius: 50%;
line-height: 28px;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.total .list .left .left-points {
display: flex;
align-items: center;
column-gap: 10px;
}
.total .terms-add-button {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.total .terms-add-button { display: block; }
}
.total .add-button {
height: 35px;
margin: auto;
display: flex;
max-width: 195px;
width: 195px;
text-align: center;
align-items: center;
justify-content: center;
font-weight: var(--font-weight-semibold);
margin-top: 0 !important;
}
@media (max-width: 575px) {
.total .add-button {
width: 100%;
}
}
.section-tandc { padding-top: 20px;}
@media (max-width: 767px) {
.section-tandc { padding-top: 10px;}
}
.miniworld-offer .terms-and-conditions,
.total .terms-and-conditions {
padding-top: 0.5rem;
position: relative;
display: block;
font-size: 14px;
color: var(--orange);
text-align: center;
text-decoration: underline;
}
.miniworld-offer .terms-and-conditions a,
.total .terms-and-conditions a {
color: var(--orange);
}
.total .terms-and-conditions {
text-align: center;
display: none;
}
.terms-condition-mobile-view { display: none; }
@media (max-width: 767px) {
.miniworld-offer .terms-and-conditions,
.total .terms-and-conditions { font-size: 12px; }
.terms-condition-mobile-view { display: block; }
}
.rides-list {
padding-top: var(--medium-spacing);
}
@media (max-width: 767px) {
.rides-list {
padding-top: 30px;
padding-bottom: 0px;
}
}
.rides-list .rides-thumbnails {
margin: -20px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.rides-list .rides-thumbnails .list-item {
width: calc(33.33% - 40px);
margin: 20px;
display: block;
position: relative;
border-radius: 22px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
}
.rides-list .rides-thumbnails .list-item .list-content .show-hide-text-body { display: none; }
@media (max-width: 1199px) {
.rides-list .rides-thumbnails { margin: -10px; }
.rides-list .rides-thumbnails .list-item {
width: calc(50% - 20px);
margin: 10px;
}
}
@media (max-width: 767px) {
.rides-list .rides-thumbnails {
margin: 0px;
display: block;
}
.rides-list .rides-thumbnails .list-item {
width: 100%;
margin: 10px 0px;
box-shadow: none;
border-radius: 0;
border-bottom: 1px solid #E5E4E5;
}
.rides-list .rides-thumbnails .list-item:last-child { border-bottom: none; }
.rides-list .rides-thumbnails .list-item .list-content .show-hide-text-body {
display: inline-flex;
font-size: 12px;
color: var(--orange);
text-decoration: underline;
}
}
.rides-list .rides-thumbnails .list-item .list-top {
display: flex;
margin-bottom: 1rem;
}
.rides-list .rides-thumbnails .list-item .list-top .left {
width: 140px;
flex: 0 0 140px;
margin-inline-end: 10px;
position: relative;
}
.rides-list .rides-thumbnails .list-item .list-top .left .list-image {
width: 140px;
height: 75px;
display: block;
position: relative;
}
.rides-list .rides-thumbnails .list-item .list-top .left .list-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.rides-list .rides-thumbnails .list-item .list-top .left .magnifier {
position: absolute;
top: 40px;
right: 5px;
}
.rides-list .rides-thumbnails .list-item .list-top .left .magnifier img {
width: 28px;
height: 28px;
}
.rides-list .rides-thumbnails .list-item .list-top .right {
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 14px;
width: calc(100% - 140px);
}
.rides-list .rides-thumbnails .list-item .list-top .right img { max-width: 17px; }
@media (max-width: 767px) {
.rides-list .rides-thumbnails .list-item .list-top .right { font-size: 12px; }
.rides-list .rides-thumbnails .list-item .list-top .right img {
width: 16px;
height: 16px;
}
}
.rides-list .rides-thumbnails .list-item .list-top .right h6 {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--blue);
}
@media (max-width: 767px) {
.rides-list .rides-thumbnails .list-item .list-top .right h6 { font-size: 12px; }
}
.rides-list .rides-thumbnails .list-item .list-top .right .right-wrapper {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.rides-list .rides-thumbnails .list-item .list-top .right p span {
font-weight: var(--font-weight-semibold);
font-size: 1rem;
}
@media (max-width: 767px) {
.rides-list .rides-thumbnails .list-item .list-top .right p span { font-size: 14px; }
}
.rides-list .rides-thumbnails .list-item .list-top .right .cost {
display: flex;
justify-content: space-between;
align-items: center;
}
.rides-list .rides-thumbnails .list-item .list-top .right .cost img { margin-inline-end: 5px; }
.rides-list .rides-thumbnails .list-item .list-content p {
font-size: 14px;
height: max-content;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: unset;
-webkit-box-orient: vertical;
}
@media (max-width: 767px) {
.rides-list .rides-thumbnails .list-item .list-content p {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.rides-list .rides-thumbnails .list-item .list-content.expanded p {-webkit-line-clamp: unset; }
}
.miniworld_dining_search .form-item input {
height: 40px;
width: 33.33%;
margin: 0;
padding: 5px 12px;
letter-spacing: 0.35px;
font-size: 14px;
color: #000000;
border: none !important;
border-radius: 5px;
background: #f5f5f5;
}
@media (max-width: 991px) {
.miniworld_dining_search .form-item input { width: 50%; }
}
@media (max-width: 767px) {
.miniworld_dining_search .form-item input { width: 100%; }
}
/* fix youtube video button position */
.miniworld-gallery.gallerypopup .gallery-content .carousel-item .video-gallery iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.miniworld-gallery.gallerypopup .gallery-content .carousel-control-prev,
.miniworld-gallery.gallerypopup .gallery-content .carousel-control-next {
top: calc(50% - 28px);
transform: translateY(-50%);
bottom: auto;
}
@media (max-width: 767px) {
.miniworld-gallery.gallerypopup .gallery-content .carousel-control-prev,
.miniworld-gallery.gallerypopup .gallery-content .carousel-control-next {
top: calc(50% - 22px);
}
}
/* Add close button to review */
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
top: -10px !important;
right: 0;
padding: 0px;
text-align: center;
color: var(--orange);
}
.ui-dialog .ui-dialog-titlebar-close:after {
display: inline-block;
content: "\00d7";
font-size: 40px;
font-weight: 600;
}
/* offseason popup */
.offseason-popup .modal-dialog{
max-width: 675px;
}
@media (max-width: 767px) {
.offseason-popup .modal-dialog{
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 575px) {
.offseason-popup .modal-dialog{
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.offseason-popup#offseasonBuy .modal-content {
padding: 28px 28px 36px 28px;
position: relative;
border-radius: 20px;
border: none;
background: var(--blue);
color: var(--white);
}
.offseason-popup .modal-content .modal-body {
padding: 0;
text-align: center;
position: initial;
}
.offseason-popup .modal-content .modal-body .off-popup-content {
max-width: 475px;
margin: 0 auto;
}
.offseason-popup .modal-content .modal-body p {
font-size: 18px;
font-weight: var(--font-weight-medium);
margin-bottom: 36px;
}
@media (max-width: 575px) {
.offseason-popup .modal-content .modal-body p {
font-size: 14px;
}
}
.offseason-popup .modal-content .modal-body p.off-popup-bottom {
font-size: 20px;
margin-bottom: 24px;
}
@media (max-width: 575px) {
.offseason-popup .modal-content .modal-body p.off-popup-bottom {
font-size: 16px;
}
}
.offseason-popup .modal-content .modal-body a.close {
position: absolute;
width: 22px;
height: 22px;
top: 24px;
right: 24px;
opacity: 1;
font-size: inherit;
}
.offseason-popup .modal-content a {
position: relative;
top: 15px;
right: 15px;
width: auto;
height: auto;
color: var(--orange);
text-align: center;
line-height: 1;
}
.offseason-popup .modal-content .modal-body .logo-wrapper {
background-color: var(--white);
padding: 12px;
border-radius: 50%;
position: relative;
margin: auto;
margin-top: -100px;
margin-bottom: 24px;
width: 112px;
height: 112px;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}
.offseason-popup .modal-content .modal-body .popup_logo {
width: 88px;
height: auto;
}
.offseason-popup .modal-content .modal-body .btn {
margin: 0 auto;
display: block;
width: auto;
min-width: 212px;
height: 48px;
font-size: 1rem;
font-weight: 600;
}
@media (max-width: 575px) {
.offseason-popup .modal-content .modal-body .logo-wrapper {
width: 102px;
height: 102px;
margin-top: -90px;
}
.offseason-popup .modal-content .modal-body .popup_logo {
width: 78px;
}
.offseason-popup .modal-content .modal-body .btn {
min-width: 182px;
}
}
.offseason-popup .modal-content .modal-body .btn.new-btn-theme-btn {
border-radius: 24px;
background-image: linear-gradient(180deg, #FF6000, #FF9000);
border: none;
}
/* Exclusive Offer Detail Page CSS Start */
.page-node-type-exclusive-offers {
background: var(--blue);
}
.page-node-type-exclusive-offers .exclusive-offers-section {
padding: calc(2rem + 4px) 0;
}
.page-node-type-exclusive-offers .exclusive-offers-section #block-global-village-local-actions {
display: none;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp {
display: flex;
column-gap: 44px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head {
font-size: 18px;
color: #171717;
margin-top: 0;
display: flex;
align-items: center;
margin-bottom: 0;
column-gap: 0.25rem;
flex-wrap: wrap;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head span {
font-weight: var(--font-weight-semibold);
font-size: calc(var(--root-font) + 4px);
color: #A09EA2;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head span.price {
color: #171717;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head small,
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head strike {
color: #A19EA3;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .bottom {
display: flex;
align-items: center;
column-gap: 10px;
flex: 1 0 0;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .bottom .btn {
margin-top: 0;
width: 200px;
flex: 0 0 200px;
color: #fff;
margin-inline-start: auto;
height: 50px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.02em;
}
.page-node-type-exclusive-offers .exclusive-offers-section .quantity {
display: flex;
align-items: center;
}
.page-node-type-exclusive-offers .exclusive-offers-section .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-medium);
}
.page-node-type-exclusive-offers .exclusive-offers-section .quantity button {
padding: 0;
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 40px;
text-align: center;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .white-bg {
margin-bottom: 20px;
background: #fff;
padding: 30px 40px;
border-radius: 20px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .white-bg .content-width {
max-width: 1100px;
margin: 0 auto;
width: 100%;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .buy-title {
margin-bottom: 30px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .buy-title p {
font-size: 18px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-title h3 {
font-size: 36px;
line-height: 40px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-bottom: 40px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-title .buy-title h4 {
margin-bottom: 20px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included {
padding-top: 40px;
padding-bottom: 60px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .included-list {
margin-bottom: 40px;
list-style-type: disc;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .included-list li {
display: list-item;
margin-inline-start: 16px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included h4 {
font-size: 24px;
font-weight: var(--font-weight-semibold);
margin-bottom: 20px;
color: var(--blue);
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included h5 {
font-size: 20px;
font-weight: var(--font-weight-semibold);
margin-bottom: 40px;
color: var(--blue);
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li {
display: flex;
align-items: center;
column-gap: 20px;
margin-bottom: 15px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li span {
font-size: 18px;
color: #2A2828;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li:last-child {
margin-bottom: 0;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li img {
width: 24px;
height: 24px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions {
margin-top: 40px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions h6 {
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
margin-bottom: 15px;
color: var(--blue);
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions span {
display: block;
color: var(--text-primary);
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions span a {
font-weight: var(--font-weight-medium);
color: var(--orange);
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery {
display: grid;
grid-auto-flow: column;
grid-template-columns: 390px 1fr;
row-gap: 25px;
column-gap: 25px;
position: relative;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image {
width: 100%;
overflow: hidden;
border-radius: 14px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(1),
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(2) {
height: 164px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(3) {
height: 358px;
grid-row-start: 1;
grid-row-end: 3;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery button.btn-theme {
position: absolute;
right: 15px;
bottom: 15px;
z-index: 1;
width: 135px;
height: 35px;
font-size: 14px;
font-weight: var(--font-weight-semibold);
margin-top: 30px;
}
@media (max-width:991px) {
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp {
column-gap: 24px;
}
}
@media (max-width:767px) {
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .white-bg {
padding: 16px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp {
row-gap: 16px;
flex-direction: column;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-title h3 {
font-size: 24px;
margin-bottom: 20px;
line-height: 24px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head span {
font-size: 0.875rem;
}
.page-node-type-exclusive-offers .exclusive-offers-section .quantity input {
width: 30px;
font-size: 14px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .bottom .btn {
width: 140px;
flex: 0 0 140px;
height: 40px;
font-size: 14px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .buy-title p {
font-size: 12px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery {
display: block;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image {
height: 100px;
margin: 5px;
width: -webkit-fill-available;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(1),
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(2) {
height: 100px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(3) {
height: 100px;
}
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery button.btn-theme {
display: none;
}
#ETicketOffers .modal-dialog .modal-content {
padding: 60px 20px 20px;
}
}
/* Exclusive Offer Detail Page CSS End */
/*Gems Page design*/
.page-node-type-hidden-gems-tour .price-block {
display: none;
}
@media (max-width: 575px) {
.page-node-type-hidden-gems-tour .price-block {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #cdcdcd;
border-radius: 5px;
margin-top: 1rem;
flex-wrap: wrap;
column-gap: 0.5rem;
padding: 14px 6px;
}
}
.page-node-type-hidden-gems-tour .price-block .price {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: #000000;
}
.page-node-type-hidden-gems-tour .price-block .price span {
font-weight: var(--font-weight-medium);
color: #A09EA2;
}
.page-node-type-hidden-gems-tour .price-block .book-now-btn {
color: var(--orange);
font-size: var(--font-regular);
font-weight: var(--font-weight-bold);
display: flex;
align-items: center;
column-gap: 0.5rem;
}
.page-node-type-hidden-gems-tour .hidden_gems_info {
padding-top: 3rem;
padding-bottom: 1.5rem;
}
@media (max-width: 575px) {
.page-node-type-hidden-gems-tour .hidden_gems_info {
padding-bottom: 0;
}
}
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list {
list-style: none;
display: flex;
column-gap: 1.125rem;
row-gap: 0.75rem;
}
@media (max-width: 767px) {
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list {
justify-content: space-between;
flex-wrap: wrap;
}
}
@media (max-width: 575px) {
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list {
column-gap: 1rem;
justify-content: space-between;
}
}
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li {
display: inline-flex;
align-items: center;
column-gap: 0.375rem;
color: #2A2828;
}
@media (max-width: 767px) {
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li {
width: calc(50% - 1.125rem);
flex: 0 0 calc(50% - 1.125rem);
}
}
@media (max-width: 575px) {
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li {
width: calc(50% - 1rem);
flex: 0 0 calc(50% - 1rem);
}
}
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li img {
height: 28px;
}
.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li span {
letter-spacing: 0.38px;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view {
display: flex;
align-items: flex-start;
column-gap: 2.5rem;
}
@media (max-width: 991px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view {
flex-direction: column;
}
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view {
width: 670px;
flex: 0 0 670px;
}
@media (max-width: 1199px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view {
width: 520px;
flex: 0 0 520px;
}
}
@media (max-width: 991px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view {
width: 100%;
flex: 0 0 100%;
}
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview {
margin-bottom: 1.5rem;
}
@media (max-width: 575px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview {
padding-top: 1.5rem;
}
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content p {
color: #545353;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions {
padding-bottom: 1.5rem;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list {
padding-inline-start: 1.5rem;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list li {
font-size: 1rem;
line-height: 1.5rem;
color: #545353;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list li:not(:last-child) {
margin-bottom: 0.5rem;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list li::marker {
color: #00AB4E;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .terms-conditions {
padding-bottom: 2.5rem;
}
@media (max-width: 575px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .terms-conditions {
padding-bottom: 1.5rem;
}
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .terms-conditions .content {
color: #2A2828;
font-weight: 500;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .terms-conditions .content a {
color: #F37021;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .right-view {
width: calc(100% - 710px);
flex: 0 0 calc(100% - 710px);
display: flex;
justify-content: end;
padding-top: var(--small-spacing);
padding-bottom: var(--small-spacing);
}
@media (max-width: 1199px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .right-view {
width: calc(100% - 560px);
flex: 0 0 calc(100% - 560px);
}
}
@media (max-width: 991px) {
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .right-view {
width: 100%;
flex: 0 0 100%;
justify-content: start;
padding-top: 10px;
padding-bottom: 2.25rem;
}
}
/* Hidden Gems form*/
.hidden-gems-temporary-booking-form {
position: relative;
max-width: 475px;
border: 1px solid #CDCDCD;
border-radius: 5px;
padding: 20px;
}
.hidden-gems-temporary-booking-form .form-item {
margin-bottom: 20px;
}
.hidden-gems-temporary-booking-form label {
margin-bottom: 0.5rem;
font-size: 17px;
color: var(--blue);
font-weight: var(--font-weight-semibold);
}
.hidden-gems-temporary-booking-form input[type="text"],
.hidden-gems-temporary-booking-form input[type="email"],
.hidden-gems-temporary-booking-form input[type="number"],
.hidden-gems-temporary-booking-form input[type="date"],
.hidden-gems-temporary-booking-form input[type="time"]
{
margin-top: 0;
color: var(--text-primary) !important;
height: 44px;
padding: 5px 12px;
letter-spacing: 0.35px;
text-align: left;
font-size: var(--font-regular);
border: 1px solid #d9d9d9;
border-radius: 5px;
width: 100%;
}
.hidden-gems-temporary-booking-form input[type="date"] {
background: url(../images/icons/cardbox/calendar.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: right 10px center;
}
.hidden-gems-temporary-booking-form input.form-submit {
padding: 6px 15px;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--white);
background: var(--orange);
border: 2px solid var(--orange);
width: 140px;
font-family: inherit;
border-radius: 0.5rem;
height: 52px;
margin: 0;
}
/* Hidden Gems Booking Form CSS */
/* General Container */
.page-node-type-hidden-gems-tour .reservation-container {
max-width: 460px;
min-width: 300px;
margin: 0 auto;
background-color: #fff;
}
.page-node-type-hidden-gems-tour .reservation-container h2 {
font-size: 24px;
margin-bottom: 17px;
color: #20295C;
}
/* Date Picker Section */
.page-node-type-hidden-gems-tour .reservation-datetime-section {
border: solid 1px #CDCDCD;
padding: 20px;
border-radius: 5px;
}
.page-node-type-hidden-gems-tour .reservation-date-section {
position: relative;
}
.page-node-type-hidden-gems-tour .reservation-date-section label {
display: block;
font-size: 17px;
margin-bottom: 8px;
color: #20295C;
font-weight: 600;
}
.page-node-type-hidden-gems-tour .hidden_gems_date_picker {
width: 100%;
padding: 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: transparent;
position: relative;
appearance: none;
}
.page-node-type-hidden-gems-tour .hidden_gems_date_picker::-webkit-date-and-time-value {
color: #000;
text-align: left ;
}
.page-node-type-hidden-gems-tour .hidden_gems_date_picker[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
}
.page-node-type-hidden-gems-tour .reservation-date-section::before {
content: '';
position: absolute;
top: 46px;
right: 10px;
height: 20px;
width: 20px;
background: url(../images/icons/cardbox/black-calender.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* Time Section */
.page-node-type-hidden-gems-tour .reservation-time-section {
margin-top: 20px;
}
.page-node-type-hidden-gems-tour .reservation-time-section label {
font-size: 17px;
font-weight: 600;
color: #20295C;
margin-bottom: 16px;
display: block;
}
.page-node-type-hidden-gems-tour .time-options {
display: flex;
flex-direction: column;
gap: 10px;
}
.page-node-type-hidden-gems-tour .time-option {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 16px;
border: 1px solid #D9D9D9;
border-radius: 5px;
background-color: transparent;
cursor: pointer;
position: relative;
}
.page-node-type-hidden-gems-tour .time-option:hover {
background-color: #f1f7fd;
}
.page-node-type-hidden-gems-tour .time-option.sold-out {
color: #aaa;
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
pointer-events: none;
}
.page-node-type-hidden-gems-tour .time-option-radio {
display: none;
}
.page-node-type-hidden-gems-tour .time-option label {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
gap: 1rem;
}
.page-node-type-hidden-gems-tour .time-option span:first-child {
font-size: 14px;
font-weight: 400;
color: #2A2828;
}
.page-node-type-hidden-gems-tour .time-option span:nth-child(2) {
font-size: 14px;
color: #2A2828;
font-weight: 400;
}
.page-node-type-hidden-gems-tour .time-option span.free-slots {
position: relative;
padding-inline-start: 20px;
display: block;
}
.page-node-type-hidden-gems-tour .time-option span.free-slots::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 20px;
width: 20px;
background: url(../images/icons/cardbox/slots-icon.svg);
background-repeat: no-repeat;
background-size: cover;
}
.page-node-type-hidden-gems-tour .circle {
min-width: 24px;
min-height: 24px;
max-width: 24px;
max-height: 24px;
border-radius: 50%;
border: 1px solid #252430;
position: relative;
}
.page-node-type-hidden-gems-tour .circle::after {
content: '';
display: none;
width: 12px;
height: 7px;
border-left: 3px solid #FFF;
border-bottom: 3px solid #FFF;
border-radius: 2px;
position: absolute;
top: 6px;
left: 5px;
transform: rotate(-45deg);
}
.page-node-type-hidden-gems-tour .time-option input:checked + label .circle {
background-color: #ff6600;
border-color: #ff6600;
}
.page-node-type-hidden-gems-tour .time-option input:checked + label .circle::after {
display: block;
}
.page-node-type-hidden-gems-tour .time-option.sold-out .circle {
background-color: transparent;
border-color: #ccc;
}
.page-node-type-hidden-gems-tour .booking_note {
display: block;
font-size: 14px;
margin-top: 20px;
color: #2A2828;
}
.page-node-type-hidden-gems-tour .details {
margin-top: 20px;
border-top: solid 1px #DCDCDC;
padding-top: 20px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.page-node-type-hidden-gems-tour .product_title_info label {
font-weight: 500;
font-size: 16px;
color: #484848;
margin-bottom: 4px;
}
.page-node-type-hidden-gems-tour .price_info_box span {
font-size: 12px;
color: #A5A5A5;
}
.page-node-type-hidden-gems-tour .price_info_box strong {
font-size: 18px;
color: #2A2828;
font-weight: 700;
}
/* Bottom Section */
.page-node-type-hidden-gems-tour .bottom {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
/* Quantity Buttons */
.page-node-type-hidden-gems-tour .quantity {
display: flex;
align-items: center;
gap: 5px;
}
.page-node-type-hidden-gems-tour .quantity button {
color: #F26F22;
border: none;
border-radius: 50%;
width: 28px;
height: 28px;
font-size: 14px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #F26F22;
background-color: transparent;
}
.page-node-type-hidden-gems-tour .quantity input {
width: 30px;
text-align: center;
border-radius: 5px;
font-size: 16px;
padding: 5px;
color: #000000;
border: transparent;
}
.page-node-type-hidden-gems-tour .price-info {
font-size: 14px;
margin-top: 7px;
color: #A09EA2;
max-width: 300px;
}
/* Fixed total css */
.page-node-type-hidden-gems-tour .fixed-total {
margin: 50px 0 0;
position: sticky;
z-index: 999;
bottom: 0;
left: 0;
width: 100%;
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
padding: 10px 20px;
background: #fff !important;
border-top: none;
display: none;
border-radius: 16px 16px 0 0;
}
.page-node-type-hidden-gems-tour .show-hide-content {
display: flex;
justify-content: center;
font-size: 20px;
color: var(--orange);
max-width: 912px;
margin: 5px auto 0;
}
.page-node-type-hidden-gems-tour .fixed-total .total {
box-shadow: none;
max-width: 850px;
margin: 0 auto;
padding: 0 20px;
}
.page-node-type-hidden-gems-tour .fixed-total .total .sub-price {
border-bottom: 1px solid #707070;
padding: 15px 0 10px;
}
.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
}
.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li span {
display: inline-block;
font-size: 18px;
font-weight: 400;
color: #2A2828;
}
.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li .price {
color: #20295C;
font-size: 18px;
font-weight: var(--font-weight-semibold);
}
.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li small {
color: #E5E4E5;
font-size: 16px;
font-weight: var(--font-weight-medium);
}
.page-node-type-hidden-gems-tour .fixed-total .total .fixed-total-proceed {
margin-top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.page-node-type-hidden-gems-tour .fixed-total .total .fixed-total-proceed {
align-items: normal;
flex-direction: column;
}
}
.page-node-type-hidden-gems-tour .fixed-total .total .total-price {
display: flex;
margin-bottom: 0;
column-gap: 18px;
}
@media (max-width: 991px) {
.page-node-type-hidden-gems-tour .fixed-total .total .total-price {
justify-content: space-between;
}
}
.page-node-type-hidden-gems-tour .fixed-total .total .total-price b {
display: inline-block;
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: #20295C;
}
.page-node-type-hidden-gems-tour .fixed-total .total .total-price .price {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: #2A2828;
}
.page-node-type-hidden-gems-tour .fixed-total .total .total-price .price span {
font-size: 14px;
font-weight: 400;
color: #A5A5A5;
}
.page-node-type-hidden-gems-tour .fixed-total .cart-action-btn {
text-align: center;
margin-top: 0;
display: flex;
justify-content: center;
gap: 15px;
}
.page-node-type-hidden-gems-tour .fixed-total .cart-action-btn .btn-theme {
min-width: 213px;
height: 53px;
font-size: 16px;
font-weight: 700;
background-color: #F37021;
background-image: none;
margin-top: 0;
border-radius: 5px;
}
.page-node-type-hidden-gems-tour .fixed-total .show-hide-content {
display: flex;
justify-content: center;
font-size: 20px;
color: var(--orange);
max-width: 912px;
margin: 5px auto 0;
}
.page-node-type-hidden-gems-tour .fixed-total .show-hide-content .rotate-arrow {
transform: rotate(180deg);
}
.page-node-type-hidden-gems-tour .hidden-gems-view-more-btn {
display: none;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content.full-height-content p {
/* height: auto; */
-webkit-line-clamp: none;
}
@media (max-width: 767px) {
.page-node-type-hidden-gems-tour .hidden-gems-view-more-btn {
display: block;
color: var(--orange);
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content p {
/* height: 86px; */
/* overflow: hidden; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
width: 100%;
}
.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content.full-height-content p {
/* height: auto; */
-webkit-line-clamp: none;
}
}
/* Guest service section */
.guest-service-section {
padding-top: var(--medium-spacing);
}
.guest-service-content .buy-title {
margin-bottom: 2.5rem;
}
.guest-service-content .buy-title h4 {
font-size: 40px;
color: var(--blue);
font-weight: var(--font-weight-bold);
}
.guest-service-content .guest-slider {
max-width: 1225px;
margin: 0 auto;
}
@media (max-width: 575px) {
.guest-slider .slick-list{padding:0 20% 0 0 !important;}
}
.guest-service-content .guest-slider .slick-slide {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.guest-service-content .guest-slider .list{
display: flex;
align-items: center;
border-radius: 0.5rem;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
margin-bottom: 1.5rem;
position: relative;
}
.guest-service-content .guest-slider .list-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.guest-service-content .list-image {
width: 175px;
height: 105px;
}
.guest-service-content .list-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transition: all 0.25s ease-in-out;
border-radius: 0.5rem 0 0 0.5rem;
}
.guest-service-content .list-content {
width: calc(100% - 175px);
flex: 0 0 calc(100% - 175px);
padding: 15px 11px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.guest-service-content p.list-title {
font-size: 0.875rem;
font-weight: var(--font-weight-medium);
color: var(--black);
margin-bottom: 0.5rem;
}
.guest-service-content p.small-text {
font-size: 12px;
font-weight: var(--font-weight-normal);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.875rem;
color: #2A2828;
}
.guest-service-content p.guest-price {
color: #171717;
font-size: 0.625rem;
font-weight: var(--font-weight-semibold);
}
.guest-service-content p.guest-price span {
color: #707070;
font-size: 0.625rem;
font-weight: var(--font-weight-semibold);
}
@media (max-width: 575px) {
.guest-service-content .guest-slider .slick-slide {
max-width: 310px;
}
.guest-service-content .list {
margin-bottom: 1rem;
}
.guest-service-content .list-image {
width: 103px;
height: 96px;
}
.guest-service-content .list-content {
padding: 10px;
width: calc(100% - 103px);
flex: 0 0 calc(100% - 103px);
}
.guest-service-content p.list-title {
font-size: 12px;
}
.guest-service-content p.small-text {
font-size: 9px;
margin-bottom: 0.75rem;
}
.guest-service-content p.guest-price, .guest-service-content p.guest-price span {
font-size: 9px;
}
}
/* Disable homepage & buy page free ticket CSS START */
body.path-frontpage .free-ticket-items button:disabled,
.buy-section .tab-content .quantity button:disabled {
color: var(--text-light) !important;
border-color: var(--text-light) !important;
cursor: not-allowed;
}
/* Disable homepage & buy page free ticket CSS END */
/* Home page exclusive_offers csrds css start */
.homepage-bundle-offers .title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.homepage-bundle-offers .title .responsive-seeall-btn {
font-size: 14px;
color: #F37021;
text-decoration: underline;
display: none;
}
.homepage-bundle-offers .exclusive_offers {
box-shadow: 0px 0px 9.12699px rgba(0, 0, 0, 0.1);
border-radius: 18px;
margin: 10px;
}
.homepage-bundle-offers .exclusive_offers .details {
padding: 16px;
background-color: #fff;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.homepage-bundle-offers .exclusive_offers .ticket-name h4 {
font-size: 20px;
color: #20295C;
margin-bottom: 16px;
height: 52px;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head {
font-size: 20px;
color: #171717;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head strike {
color: #A09EA2;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head small {
color: #A09EA2;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: 6px;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity {
display: flex;
align-items: center;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-medium);
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity button {
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50%;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
text-align: center;
padding: 0;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .new-btn-theme-btn {
color: #fff;
height: 50px;
width: 126px;
text-align: center;
padding: 13px 0px;
margin-inline-start: auto;
}
@media (max-width: 767px) {
.homepage-bundle-offers .title .responsive-seeall-btn {
display: block;
}
}
@media (max-width: 575px) {
.homepage-bundle-offers .exclusive_offers .details {
padding: 10px;
padding-bottom: 18px;
}
.homepage-bundle-offers .exclusive_offers .ticket-name h4 {
font-size: 14px;
margin-bottom: 9px;
height: 36px;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head {
font-size: 12px;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .new-btn-theme-btn {
height: 30px;
width: 100px;
padding: 5px 0px;
font-size: 12px;
}
.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity input {
font-size: calc(var(--root-font) + 2px);
}
}
/* Home page exclusive_offers csrds css end */