/* ===== Media Queries ===== */
@media (min-width: 1480px) {
.container { max-width: 1360px; }
}
:root {
--orange-new: #F26F22;
}
/******** New homepage ********/
.new-btn-theme-btn {
border-radius: 24px;
background-color:var(--orange-new);
border: none;
border-radius: 0.75rem;
}
.new-btn-theme-btn:hover,
.new-btn-theme-btn:focus,
.new-btn-theme-btn:active {
background-color:var(--orange-new);
border: none;
border-radius: 0.75rem;
}
.new-btn-border-btn {
border-radius: 0.75rem;
}
.new-btn-theme-btn[disabled] {
background-image: linear-gradient(180deg, #766975, #E8E6E8);
}
.new-btn-theme-btn:hover[disabled],
.new-btn-theme-btn:focus[disabled] {
background-image: linear-gradient(180deg, #766975, #E8E6E8);
}
.new-btn-grey-btn {
background-image: linear-gradient(180deg, #766975, #E8E6E8);
}
.new-btn-grey-btn:hover {
background-image: linear-gradient(180deg, #766975, #E8E6E8);
}
header {
display: flex;
align-items: center;
height: 80px;
padding: 15px;
position: relative;
z-index: 15;
background-image: linear-gradient(#004A8F, #20295C);
width: 100%;
}
.transparent-header header.trans-bg {
background: transparent;
margin-bottom: -80px;
}
.transparent-header header.trans-bg .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton { background: transparent !important; }
.transparent-header header.bg-blue { background-image: linear-gradient(#004A8F, #20295C); }
header.bg-blue { background-image: linear-gradient(#004A8F, #20295C); }
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: 20px;
height: 24px;
text-align: center;
margin-inline-start: 30px;
margin-inline-end: 0;
}
header .header-items a.gv-logo {
display: block;
margin: 0;
}
header .header-items a.gv-logo img { width:228px; }
header .header-items .right {
display: flex;
align-items: center;
}
header .header-items .right .header-cart-options{
display: flex;
align-items: center;
}
header .header-items .right a {
position: relative;
margin: 0 10px;
color: var(--white);
}
header .header-items .right a.language-link {
font-size: 18px;
font-weight: var(--font-weight-semibold);
font-family: 'Cairo';
}
header .header-items .right a img {
width: 24px;
height: auto;
}
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: 20px;
position: relative;
z-index: 10;
}
header .header-items .right .btn.btn-theme {
width: 130px;
height: 44px;
font-weight: var(--font-weight-bold);
}
header .header-items .right .btn.btn-theme-bordered {
padding: 10px;
font-weight: var(--font-weight-semibold);
color: var(--white);
background: transparent;
border: 1px solid var(--white);
border-radius: 0.75rem;
width: 227px;
height: 44px;
}
header .header-items .right .btn.btn-theme-bordered:hover,
header .header-items .right .btn.btn-theme-bordered:focus {
color: var(--white);
background: transparent;
border: 1px solid var(--white);
}
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;
display: none;
}
header .header-items .right-mobile a#ExploreMenu {
margin-inline-start: 10px;
}
header .header-items a.AddtoCartPopup {
position: relative;
margin: 0 10px;
color: var(--white);
}
header .header-items a.AddtoCartPopup.active-cart svg path { fill: var(--orange); }
header .header-items a.AddtoCartPopup .count {
position: absolute;
top: 0px;
right: -8px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 11px;
background: var(--orange);
}
@media (max-width: 767px) {
header .header-items a.AddtoCartPopup .count {
top: 4px;
left: 22px;
width: 12px;
height: 12px;
line-height: 12px;
font-size: 8px;
}
}
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: transparent;
}
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/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; }
/*** Add to cart */
.addtocart {
display: none;
position: absolute;
top: 64px;
right: 0;
z-index: 1050;
border-radius: 20px;
max-width: 580px;
width: 100%;
background: var(--white);
overflow: auto;
max-height: 500px;
}
@media (max-width: 991px) {
.addtocart { right: 0; }
}
.addtocart .cart-header {
text-align: center;
margin-bottom: 1rem;
margin-top: -1.5rem;
}
@media (max-width: 575px) {
.addtocart .cart-header { margin-top: -1rem; }
}
.addtocart svg { width: 100%; }
.addtocart a {
position: relative;
margin: 0 auto;
font-size: var(--font-regular);
font-weight: var(--font-weight-semibold);
color: var(--orange);
cursor: pointer;
}
.addtocart a:hover { color: var(--orange); }
.addtocart a img {
width: 20px;
}
.addtocart .content {
padding: 25px;
overflow: auto;
}
.addtocart .content h5 small {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.addtocart .content ul li {
display: flex;
align-items: start;
justify-content: space-between;
padding: 20px 0 15px 0;
border-bottom: 1px solid #EBEBEB;
}
@media (max-width: 575px) {
.addtocart .content ul li {padding: 12px 0 10px 0; }
}
.addtocart .content ul li .left-content {
display: block;
width: calc(100% - 100px);
flex: 0 0 calc(100% - 100px);
}
.addtocart .content ul li .left-content h5 {
font-size: 1.25rem;
color: var(--blue);
font-weight: var(--font-weight-semibold);
margin-bottom: 0;
}
.addtocart .content ul li .left-content.free-ticket-addtocard h5{
color: var(--text-primary);
font-size: 18px;
}
.addtocart .content ul li .left-content span {
color: var(--text-light);
margin-top: 0.3rem;
}
.addtocart .content ul li .right-content {
width: 100px;
flex: 0 0 100px;
}
.addtocart .content ul li .right-content .price { text-align: end; }
.addtocart .content ul li .quantity {
display: flex;
align-items: center;
justify-content: space-between;
width: 100px;
flex: 0 0 100px;
margin-top: 0.5rem;
}
.addtocart .content ul li .quantity input {
width: 30px;
text-align: center;
border: none;
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
margin-inline-start: auto;
margin-inline-end: auto;
}
.addtocart .content ul li .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
flex: 0 0 30px;
border-radius: 50%;
text-align: center;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.addtocart .content ul li b {
display: block;
width: 100px;
flex: 0 0 100px;
margin-left: 10px;
text-align: right;
}
.addtocart .content ul li:first-child {
padding-top: 0;
border-top: none;
}
.addtocart .content .total {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0 40px 0;
}
@media (max-width: 767px) {
.addtocart .content .total { margin-bottom: 20px; }
}
.addtocart .content .total .total-title {
font-size: 1.125rem;
font-weight: var(--font-weight-semibold);
}
.addtocart .content .total h5, .addtocart .content .price h5 { font-weight: var(--font-weight-semibold); }
.addtocart .content .action-buttons {
display: flex;
align-items: center;
justify-content: center;
margin: -8px;
}
.addtocart .content .action-buttons .btn {
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
margin: 8px;
height: 44px;
}
.addtocart .content .action-buttons .btn.btn-theme-bordered {
max-width: 200px;
}
.addtocart .content .action-buttons .btn.btn-theme {
max-width: 180px;
box-shadow: 0px 5px 15px 0px #4D438A26;
border-bottom: none;
}
.addtocart .content:before {
width: 0;
height: 0;
position: absolute;
top: -15px;
left: 35px;
}
.transparent-bg {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--blue);
opacity: 0.5;
z-index: 12;
display: none;
}
.transparent-bg.active {
display: block;
}
/** Add to cart responsive **/
@media (max-width: 575px) {
.addtocart {
width: 100%;
left: auto;
right: auto;
top: 50px;
}
.addtocart .content:before { display: none; }
.addtocart .content {
padding: 15px;
}
.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 6px;
min-width: 155px;
font-weight: 500;
}
.addtocart .content ul li {
font-size: 13px;
}
.addtocart .content ul li .left-content h5 {
font-size: 1rem;
}
.addtocart .content ul li .left-content.free-ticket-addtocard h5{
font-size: 14px;
}
.addtocart .content .price h5 { font-size: 1.125rem; }
.addtocart .content h5 small { font-size: 12px; }
.addtocart .content ul li .quantity {
width: 90px;
flex: 0 0 90px;
}
.addtocart .content ul li b {
width: 90px;
flex: 0 0 90px;
margin-left: 0;
}
}
.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-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 img {
width: 46px;
display: none;
}
.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 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;
height: 740px;
}
.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 {
display: none;
position: absolute;
right: 0;
left: 0;
z-index: 10;
padding-top: 0;
padding-bottom: 0;
text-align: start;
color: var(--white);
}
@media (max-width: 991px) {
.main-banner .carousel .carousel-caption {
display: block;
}
}
.main-banner .carousel .carousel-indicators { margin-bottom: 80px; }
@media (max-width: 991px) {
.main-banner .carousel .carousel-indicators { margin-bottom: 25px; }
}
.main-banner .carousel .carousel-indicators li {
width: 10px;
height: 10px;
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: 25px;
background-color: var(--orange);
list-style-type: none;
-moz-border-radius: 7px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
@media (max-width: 991px) {
.main-banner .carousel .carousel-indicators li {
width: 8px;
height: 8px;
}
.main-banner .carousel .carousel-indicators li.active { width: 18px;border-radius: 4px; }
}
.main-banner .carousel .carousel-caption .caption-content {
text-align: center;
}
.main-banner .carousel .carousel-caption h1 {
font-size: 20px;
margin-bottom: 20px;
color: var(--white);
max-width: 500px;
}
.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: 991px) {
.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; }
/* New hero banner code*/
.main-banner .top-message {
color: var(--white);
border: 2px solid var(--white);
border-radius: 8px;
padding: 10px 15px;
margin-top: 20px;
font-size: 14px;
width: 470px;
display: flex;
align-items: center;
gap: 8px;
display: none;
}
.main-banner .top-message svg {
width: 30px;
flex: 0 0 30px;
}
.main-banner .top-message p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: left;
}
@media (max-width: 991px) {
.main-banner .top-message {
border: 1px solid var(--white);
margin-bottom: 10px;
font-size: 10px;
width: 100%;
max-width: 420px;
padding: 6px 5px;
text-align: center;
margin: 14px auto 0 auto;
}
}
.main-banner .content {
max-width: 470px;
margin-top: 20px;
background: transparent;
}
.main-banner .content .white-bg {
padding: 10px 30px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
background-color: var(--white);
border-radius: 20px;
margin-bottom: 8px;
}
@media (max-width: 991px) {
.main-banner .content {
margin-left: auto;
margin-right: auto;
}
.main-banner .content .white-bg {
padding: 10px 20px;
}
}
@media (max-width: 991px) {
.main-banner .content {
padding: 10px 20px;
margin-top: 0px;
}
.main-banner .content .details {
padding-bottom: 30px;
}
}
@media (max-width: 575px) {
.main-banner .content {
padding: 1rem 0;
}
}
.main-banner .content .ticket-name {
margin-bottom: 1.125rem;
}
.main-banner .content .ticket-dropdown .ticket-list .value-ticket-wrapper {
display: flex;
}
.main-banner .content .ticket-dropdown .ticket-list .value-ticket-wrapper .cm-toggle {
order: 0;
margin-inline-end: 0px;
margin-inline-start: 0.875rem;
width: 40px;
flex: 0 0 40px;
height: 24px;
}
.ticket-dropdown .ticket-list .cm-toggle:before {
box-shadow: none;
width: 17px;
height: 17px;
top: 1.5px;
left: 1.5px;
}
.ticket-dropdown .ticket-list .cm-toggle:checked:before {
left: 17px;
}
.ticket-dropdown .ticket-list .cm-toggle:checked:after {
background-color: var(--orange);
}
.main-banner .content .ticket-dropdown .ticket-list .value-ticket-wrapper label {
font-size: 1rem;
color: var(--text-primary);
}
.main-banner .content .ticket-name h4 {
font-size: 1.5rem;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.main-banner .content .ticket-name p {
font-size: 1rem;
font-weight: var(--font-weight-medium);
color: var(--text-primary);
margin-top:0.2rem;
}
.main-banner .content .ticket-name p .icon-dirham-symbol{
font-size: 14px;
}
.main-banner .content .ticket-name p span { color: rgba(78, 73, 83, 0.5); }
@media (max-width: 991px) {
.main-banner .content .ticket-dropdown .ticket-list {
display: block;
position: relative;
top: 0;
border: none;
}
}
.main-banner .content .ticket-dropdown .blackout-dates {
color: var(--orange);
font-weight: 400;
font-size: 1rem;
padding-top: 12px;
position: relative;
display: flex;
align-items: center;
column-gap: 10px;
}
@media (max-width: 991px) {
.main-banner .content .ticket-dropdown .blackout-dates {
font-size: 12px;
column-gap: 6px;
}
}
.main-banner .content .ticket-dropdown .ticket-list ul li {
border: none;
padding: 10px 0 0 0;
}
@media (max-width: 991px) {
.main-banner .content .ticket-dropdown .ticket-list ul li {
padding: 0 0 10px 0;
}
}
.main-banner .content .ticket-dropdown .ticket-list ul li + li {
background:url('../images/icons/zigzag-border.svg') repeat-x top left;
}
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details label {
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: var(--font-weight-semibold);
color:var(--blue);
}
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details .price {
font-size: 1rem;
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details .price .icon-dirham-symbol {
font-size: 14px;
padding-inline-end: 2px;
}
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details .sub-details {
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details .price small {
color: #A7A4A9;
margin-inline-start: 5px;
}
.main-banner .content .ticket-dropdown .ticket-list ul .quantity {
width: 100px;
flex: 0 0 100px;
}
@media (max-width: 991px) {
.main-banner .content .ticket-dropdown .ticket-list ul .quantity {
width: 90px;
flex: 0 0 90px;
}
}
.main-banner .content .ticket-dropdown .ticket-list ul li .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
.main-banner .content .btn-wrapper {
text-align: center;
margin-top: 0;
margin-bottom: -40px;
}
.main-banner .content .btn-wrapper .adtbutton {
height: 58px;
min-width: 225px;
font-size: 20px;
font-weight: var(--font-weight-semibold);
border-radius: 0.75rem;
}
@media (max-width: 991px) {
.main-banner .content .btn-wrapper .adtbutton {
height: 44px;
width: 218px;
font-size: 14px;
}
}
@media (max-width: 575px)
{
.main-banner .content .free-ticket-home .ticket-dropdown .ticket-list ul li .pack-details label {
font-size: 14px;
color: #171717;
}
.main-banner .content .free-ticket-home .ticket-dropdown .ticket-list ul li .pack-details small {
font-size: 12px;
}
}
@media (max-width: 575px) {
.main-banner .content .ticket-name h4 {
font-size: 1rem;
}
.main-banner .content .ticket-name p {
font-size: 0.75rem;
}
.main-banner .content .ticket-dropdown .ticket-list .value-ticket-wrapper label { font-size: 0.75rem; }
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details label { font-size: 14px; }
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details .price { font-size: 0.875rem; }
.main-banner .content .ticket-dropdown .ticket-list ul li .pack-details .price small {
font-size: 0.625rem;
}
.main-banner .content .btn-wrapper {
margin-top: 0;
margin-bottom: -1.5rem;
}
}
.main-banner .main-banner-mobile {
display: none;
}
@media (max-width: 575px) {
.main-banner .main-banner-mobile {
display: none;
text-align: center;
}
.main-banner .main-banner-mobile h2 {
color: var(--white);
padding-top: 20px;
font-size: 1.25rem;
font-weight: var(--font-weight-normal);
}
.main-banner .main-banner-mobile h2 span { font-weight: var(--font-weight-semibold); }
}
.main-banner .main-banner-top {
position: relative;
display: flex;
align-items: center;
color: var(--white);
padding-top: 20px;
}
.main-banner .hero-content {
position: absolute;
top: 80px;
left: 0;
}
@media (max-width: 991px) {
.main-banner .hero-content {
position: relative;
top: 0;
margin: 0 10px;
}
}
.main-banner.main-banner-uae .main-banner-top {
display: block;
}
.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 i {
font-size: 50px;
margin-right: 3px;
margin-bottom: 0.4rem;
vertical-align: 0;
color: var(--white);
}
.main-banner.main-banner-uae .main-banner-top .weather .left i {
color: var(--blue);
}
.main-banner .main-banner-top .weather .right {
display: flex;
align-items: start;
flex-direction: column;
}
.main-banner .main-banner-top .weather .right h3 {
font-size: 3.125rem;
line-height: 3.125rem;
display: flex;
align-items: center;
margin-bottom: 0.4rem;
}
.main-banner .main-banner-top .opening-hours {
padding-left: 15px;
margin-left: 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: 0.625rem;
font-size: 1.5rem;
}
.main-banner .main-banner-top .opening-hours h5 i {
margin-inline-end: 5px;
font-size: 26px;
color: var(--white);
}
.main-banner .main-banner-top .main-banner-hours .opening-hours h5 i {
color: var(--blue);
}
.main-banner .main-banner-top .opening-hours .items {
font-weight: var(--font-weight-bold);
font-size: 0.875rem;
}
.main-banner .main-banner-top .opening-hours .items a.showMore {
display: block;
font-size: 12px;
color: var(--white);
text-decoration: none;
}
.main-banner .main-banner-top .opening-hours .items a.showMore::after {
content: '\e90c';
font-family: 'icomoon';
}
.main-banner .main-banner-top .opening-hours .items a.showMore.showLess::after {
content: '\e930';
font-family: 'icomoon';
}
.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 .main-banner-middle {
position: relative;
padding-top: 100px;
color: var(--white);
}
.main-banner .main-banner-middle .text-top {
max-width: 930px;
color: var(--white);
}
.main-banner .main-banner-middle .text-top h1 {
font-size: 98px;
}
.main-banner .main-banner-middle .text-top h4 {
font-size: 26px;
line-height: 34px;
max-width: 870px;
font-weight: var(--font-weight-semibold);
}
.main-banner .main-banner-middle .text-top p {
display: none;
}
.main-banner .main-banner-middle .text-bottom {
float: right;
max-width: 600px;
margin-top: 40%;
}
.main-banner .main-banner-middle .text-bottom h2 {
font-size: 68px;
}
.main-banner .main-banner-middle .text-bottom h5 {
font-size: 26px;
line-height: 32px;
font-weight: var(--font-weight-semibold);
text-transform: initial;
letter-spacing: 0.35px;
}
.cardbox-new-design-radius {
border-radius: 15px;
}
.cardbox-new-design-radius .cardbox-image {
border-radius: 15px 15px 0 0;
}
.cardbox-new-design-radius .cardbox-content {
border-radius: 0 0 15px 15px;
}
/*Start Develop-ks Home Page*/
.welcome-sec {
padding: 40px 0 20px 0;
}
@media (max-width: 767px) {
.welcome-sec {
padding: 20px 0;
}
}
.welcome-sec .title {
margin-bottom: 0;
}
.welcome-sec .title h3{
color: var(--blue);
margin-bottom: 15px;
}
@media (max-width: 767px) {
.welcome-sec .title h3 {
margin-bottom: 10px;
}
}
.welcome-sec .title p{
font-size: 18px;
margin-bottom: 0;
color: var(--text-dark);
}
@media (max-width: 767px) {
.welcome-sec .title p{
font-size: 14px;
}
}
.features {
padding-top: var(--medium-spacing);
position: relative;
}
@media (max-width: 767px) {
.features .title {
margin-bottom: 15px;
}
}
.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;
border-radius: 15px;
}
.features .cardbox .features-image {
height: 200px;
overflow: hidden;
border-radius: 15px 15px 0 0;
}
@media (max-width: 576px) {
.features .cardbox .features-image { height: 160px; }
}
.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 15px 15px;
line-height: 18px;
font-weight: var(--font-weight-semibold);
color: var(--white);
}
.features .cardbox .colorstyle1 { background: #0075BE; }
.features .cardbox .colorstyle2 { background: #00AB4E; }
.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: 222px; }
.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:nth-child(3) .cardbox-image img{
/*object-position: 100% center;*/
}
.plan-your-visit .cardbox .cardbox-content { min-height: 242px; }
.plan-your-visit .cardbox .btn {
margin-top: 50px;
min-width: 190px;
height: 44px;
padding: 8px 20px;
}
@media (max-width: 767px) {
.plan-your-visit .cardbox .btn {
margin-top: 25px;
height: 40px;
min-width: 160px;
}
}
.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;
}
.top-features .cardbox .cardbox-content p+p { display: none; }
.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 .cardbox .cardbox-content h4 {
height: auto;
}
.todays-shows {
padding-top: var(--medium-spacing);
position: relative;
}
.todays-shows .cardbox .cardbox-content p {
margin-bottom: 1.5rem;
}
.todays-shows .cardbox .cardbox-content .points {
margin-bottom: 1.5rem;
}
.todays-shows .cardbox .cardbox-content .points ul li {
width: 100%;
flex: 0 0 100%;
font-size: 1rem;
color: #2A2828;
font-weight: 400;
}
.todays-shows .cardbox .cardbox-content .points ul li .venue-location {
display: flex;
align-items: center;
width: 40%;
flex: 0 0 40%;
}
.todays-shows .cardbox .cardbox-content .points ul li .venue-time {
display: flex;
align-items: center;
width: 60%;
flex: 0 0 60%;
}
.gv-wonders {
position: relative;
margin-top: var(--medium-spacing);
}
.gv-wonders img {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.gv-wonders img {
height: 500px;
}
}
.gv-wonders a {
min-width: 230px;
height: 44px;
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);
border: none;
border-radius: 24px;
text-align: center;
background-image: linear-gradient(180deg, #FF6000, #FF9000);
}
.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: 112px;
position: relative;
}
.interactive-map.home-spacing { background-color: #F9F9F9 ;margin-top: 65px; }
@media (max-width: 991px) {
.interactive-map {
padding-top: 8px;
}
.interactive-map.home-spacing {
margin-top: 34px;
}
.interactive-map.home-spacing .title h3 {
font-size: 22px;
}
}
.interactive-map .interactive-map-content {
background: #F9F9F9;
padding: 60px 0;
}
.interactive-map .interactive-map-content .pavilion-list {
margin-top: 30px;
position: relative;
text-align: center;
}
.interactive-map .pavillion_hover_info {
text-align: center;
margin-top: 1.5rem;
}
.interactive-map .interactive-map-content .pavilion-list .up-hand.mobile {
display: none;
}
@media (max-width: 767px) {
.interactive-map .pavillion_hover_info {
font-size: 10px;
margin-top: 10px;
}
.interactive-map .interactive-map-content .pavilion-list .up-hand {
width: 28px;
height: 28px;
display: none;
}
.interactive-map .interactive-map-content .pavilion-list .up-hand.mobile {
display: block;
margin: auto;
}
}
.interactive-map .interactive-map-content .pavilion-list ul {
width: 90%;
margin: 0 auto;
display: block;
overflow: inherit;
}
.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);
}
@media (max-width: 767px) {
.interactive-map .interactive-map-content .pavilion-list:after {
top: 10px;
}
}
.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);
padding-bottom: var(--medium-spacing);
padding: 40px 0;
margin-top: 80px;
overflow: hidden;
}
.vip-exclusive::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(../images/vipExpertBg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
html:lang(ar) .vip-exclusive::after {
transform: scaleX(-1); /* Flip the background image horizontally */
}
.vip-exclusive:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(90deg, #1A1A1A -5.88%, rgba(44, 44, 44, 0.3) 75.19%, rgba(255, 255, 255, 0) 102.22%);
}
html:lang(ar) .vip-exclusive::before {
transform: scaleX(-1); /* Flip the background image horizontally */
}
.vip-exclusive .title {
text-align: center;
justify-content: center;
}
.vip-exclusive .title h3 { color: var(--white);font-size: 40px; }
.vip-exclusive .title h5 { color: var(--white); font-size: 18px;}
@media (max-width: 767px) {
.vip-exclusive .title h5{font-size: 14px;line-height: 24px;}
.vip-exclusive .title h3{font-size: 24px;}
}
.vip-exclusive button{
border-radius: 12px;
padding: 6px 20px;
height: 50px;
}
.vip-exclusive .five-thumbnails { justify-content: center; }
.vip-exclusive .cardbox { border-radius: 20px; }
.vip-exclusive .cardbox .list {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: 215px;
}
.vip-exclusive .cardbox .list img {
width: 120px;
margin-bottom: 10px;
}
.vip-exclusive .cardbox .list p {
font-weight: var(--font-weight-semibold);
color: var(--blue);
font-size: 1rem;
/* height: 45px; */
}
.vip-exclusive .btn {
min-width: 190px;
margin-top: 30px;
padding: 8px 20px;
}
@media (max-width: 767px) {
.vip-exclusive .btn {
height: 44px;
min-width: 175px;
margin-top: 40px;
width: 100%;
padding: 6px 20px;
}
}
.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);
display: inline-block;
transition: all 0.3s ease;
overflow: hidden;
position: relative;
border-radius: 0.75rem ;
}
.learn-more-action a::after {
content: "";
position: absolute;
height: 155px;
left: -75px;
top: -50px;
width: 50px;
z-index: 0;
opacity: 0.2;
background: var(--white);
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.learn-more-action a:hover::after {
transform: translateX(120%);
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.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: self-start;
justify-content: space-between;
flex-wrap: wrap;
padding: 15px;
padding-inline-end: 30px;
border-radius: 15px;
background: none;
}
.tripadvisor .content .left {
width: 420px;
margin-inline-end: 30px;
}
.tripadvisor .content .left img.logo {
width: 280px;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.tripadvisor .content .left img.logo {
width: 235px;
height: auto;
}
}
.tripadvisor .content .left .tripadvisor-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.tripadvisor .content .left .tripadvisor-rating + p {
text-align: center;
}
}
/*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,");
}
@media (max-width: 991px) {
.tripadvisor-rating .trip-rating {
width: 100px;
height: 20px;
background-size: 20px 20px;
margin-inline-start: auto;
}
.tripadvisor-rating .trip-rating:-moz-meter-optimum::-moz-meter-bar {
background-size: 20px 20px;
}
.tripadvisor-rating .trip-rating::-webkit-meter-bar {
height: 20px;
}
.tripadvisor-rating .trip-rating::-webkit-meter-optimum-value {
background-size: 20px 20px;
}
}
.tripadvisor .content .left .tripadvisor-rating h4 {
font-size: 40px;
margin-inline-end: 7px;
color: #00AF87;
}
@media (max-width: 991px) {
.tripadvisor .content .left .tripadvisor-rating h4 {
font-size: 28px;
}
}
.tripadvisor .content .left .tripadvisor-rating meter { margin-inline-end: 7px; }
@media (max-width: 991px) {
.tripadvisor .content .left .tripadvisor-rating meter { margin-inline-end: 5px; }
}
.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 80px;
border-radius: 20px;
background: var(--white);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
@media (max-width: 991px) {
.tripadvisor .content .right {
padding: 15px;
}
}
.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description { margin-bottom: 15px; }
.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description p {
min-height: 60px;
font-size: 18px;
line-height: 20px;
-webkit-line-clamp: 3;
}
@media (max-width: 991px) {
.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description p { font-size: 12px; }
}
.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;
}
@media (max-width: 991px) {
.tripadvisor .content .right .user-details {
flex-wrap: nowrap;
}
}
.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;
}
@media (max-width: 991px) {
.tripadvisor .content .right .user-details .userpic {
width: 40px;
height: 40px;
flex: 0 0 40px;
margin-inline-end: 7px;
}
}
.tripadvisor .content .right .user-details h6 {
font-weight: var(--font-weight-normal);
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.tripadvisor .content .right .user-details h6 {
font-size: 14px;
font-weight: var(--font-weight-medium);
}
}
.tripadvisor .content .right .user-details small {
display: block;
color: #4E4953;
margin-top: 3px;
}
.tripadvisor .content .right .slick-prev {
background: none;
box-shadow: none;
width: auto;
height: auto;
left: -50px;
color: #00af87;
}
.tripadvisor .content .right .slick-next {
background: none;
box-shadow: none;
width: auto;
height: auto;
right: -50px;
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;
}
@media (max-width: 991px) {
.sponsors .title{
text-align: center;
align-items: center;
margin-bottom: 10px;
margin-top: 10px;
}
}
.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: transparent;
box-shadow: none;
min-height: 150px;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.sponsors .cardbox {
min-height: 100px;
}
}
.sponsors .cardbox img {
max-height: 150px;
width: auto;
}
@media (max-width: 767px) {
.sponsors .cardbox img {
max-height: 100px;
}
}
.client-testimonial {
position: relative;
padding-top: var(--large-spacing);
}
.client-testimonial .title .tag { display: none; }
.client-testimonial .testimonial { margin: -8px; }
.client-testimonial .testimonial .list {
margin: 8px;
border-radius: 15px;
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: 20px 20px 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: 100px;
position: relative;
height: 100%;
}
@media (max-width: 767px) {
.download-app {
margin-top: 50px;
}
}
.download-app .mobile-wrapper {
max-width: 1920px;
position: relative;
display: block;
margin: 0 auto;
}
.mobile-only { display: none; }
@media (max-width: 767px) {
.mobile-only { display: block; }
}
.download-app .container {
position: relative;
z-index: 1;
}
.download-app .mobileapp {
position: absolute;
top: 0;
left: 0;
z-index: 0;
margin-top: -40px;
}
@media (max-width: 1199px) {
.download-app .mobileapp {
left: -10%;
}
html:lang(ar) .download-app .mobileapp {
right: 0%;
}
}
.download-app .content {
display: flex;
align-items: center;
min-height: 400px;
flex-direction: column;
margin-inline-start: 450px;
}
@media (max-width: 1199px) {
.download-app .content {
margin-inline-start: 400px;
}
}
.download-app .content .title h5 {
max-width: none;
margin: 10px 0 7px;
}
.download-app .content img.mobileapp {
width: 375px;
flex: 0 0 375px;
margin-top: 160px;
margin-inline-start: 0px;
margin-inline-end: 50px;
}
.download-app .content>div {
width: 100%;
flex: none;
}
.download-app .content .store-icon {
display: flex;
}
.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: 30px; }
.download-app:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, #FF6000, #FF9000);
}
@media (max-width: 767px) {
.download-app {
height: auto;
padding: 20px 0 0 0;
}
.download-app h3 {
font-size: 18px;
margin-bottom: 6px;
}
.download-app .content .title h5 {
font-size: 12px;
margin-top: 0;
}
.download-app .mobileapp {
left: 0;
top: auto;
bottom: -2px;
}
.download-app .content {
height: auto;
min-height: 220px;
margin-inline-start: 195px;
padding-top: 0;
}
.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;
}
}
.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: 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: 3rem 0 1.25rem;
color: var(--white);
overflow: hidden;
position: relative;
}
footer .footer-bottom .container { position: static;}
footer .footer-bottom .footer-logo {
text-align: center;
height: 100%;
display: flex;
align-items: center;
}
footer .footer-bottom .footer-logo img { width: 160px; }
footer .footer-bottom .footer-title {
font-weight: var(--font-weight-semibold);
color: var(--orange);
margin: 0 0 30px;
letter-spacing: initial;
text-transform: none;
font-size: 1.5rem;
}
@media (max-width: 991px) {
footer .footer-bottom .footer-logo { display: none; }
footer .footer-bottom .footer-title {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}
}
footer .footer-bottom .quick-links li {
display: block;
padding: 0;
margin-bottom: 8px;
}
@media (max-width: 991px) {
footer .footer-bottom .quick-links li {
font-size: 0.875rem;
}
}
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: 3rem; }
@media (max-width: 991px) {
footer .footer-bottom .contact-us p {
margin-bottom: 20px;
}
}
footer .footer-bottom .contact-us p + p{ margin-bottom: 2rem; }
@media (max-width: 991px) {
footer .footer-bottom .contact-us p + p{ margin-bottom: 1.5rem; }
}
footer .footer-bottom .contact-us a {
font-weight: var(--font-weight-semibold);
color: var(--white);
text-decoration: underline;
}
footer .footer-bottom .contact-us .btn {
padding: 8px 25px;
font-size: var(--font-regular);
font-weight: var(--font-weight-medium);
color: var(--white);
background: transparent;
border: 1px solid var(--orange);
border-radius: 1.5rem;
text-decoration: none;
}
footer .footer-bottom .news-letter { margin-bottom: 30px; }
@media (max-width: 991px) {
footer .footer-bottom .news-letter { margin-bottom: 0; }
}
footer .footer-bottom .news-letter form { position: relative; }
footer .footer-bottom .news-letter label {
font-weight: 500;
margin-bottom: 3px;
display: block;
}
footer .footer-bottom .news-letter label a {
color: var(--orange);
}
footer .footer-bottom .news-letter .form-required:after { display: none; }
footer .footer-bottom .news-letter input,
footer .footer-bottom .newsletter-email {
height: auto;
padding: 0 0 0.625rem 0;
font-size: 0.875rem;
font-weight: 400;
border-radius: 0;
color: var(--white);
background: transparent;
border: none;
border-bottom: 1px solid var(--white);
width: 100%;
max-width: 300px;
}
footer .footer-bottom .newsletter-email {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 28px;
padding: 0;
font-weight: 400;
}
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 {
padding: 0.5rem 3rem;
font-size: var(--font-regular);
font-weight: var(--font-weight-medium);
color: var(--white);
background: transparent;
border: 1.5px solid var(--orange);
border-radius: 1.5rem;
margin-top: 0.75rem;
width: auto;
float: left;
}
footer .footer-bottom .social {
margin-top: 0;
display: flex;
justify-content: end;
}
@media (max-width: 991px) {
footer .footer-bottom .social {
display: block;
margin-top: 50px;
}
}
footer .footer-bottom .social ul {
display: flex;
align-items: center;
column-gap: 0.25rem;
row-gap: 0.25rem;
}
footer .footer-bottom .social ul li { display: block; }
footer .footer-bottom .social ul li a:hover { color: var(--orange); }
footer .footer-bottom .social ul li a svg {
width: 14px;
height: 14px;
vertical-align: 0;
}
footer .footer-bottom .social ul li a:hover svg path { fill: var(--orange); }
footer .footer-bottom .footer-links { margin-top: 20px; }
/* @media (max-width: 991px) {
footer .footer-bottom .footer-links { display: none; }
} */
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;
font-size: var(--font-regular);
font-weight: var(--font-weight-medium);
color: var(--white);
}
footer:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/footer-bg.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}
footer .js-form-type-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
footer .js-form-type-checkbox label {
position: relative;
cursor: pointer;
line-height: 20px;
}
footer .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;
}
footer .js-form-type-checkbox input:checked+label:before { background-color: var(--orange); }
footer .js-form-type-checkbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 2.6px;
left: 6.2px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
footer .js-form-type-checkbox label a {
color: #FF6000;
}
footer .footer-bottom:before {
background-image: none;
width: 0;
height: 0;
}
.site-footer .content a, .site-footer .content a:hover {
color: transparent;
border-bottom: none;
}
@media (max-width: 991px) {
footer:before {
background: none;
}
}
.mobile-only-footer { display: none; }
@media (max-width: 991px) {
footer .footer-bottom:before {
background: url(../images/footer-bg-mobile.png);
background-repeat: no-repeat;
background-size: cover;
}
.mobile-only-footer {
display: block;
padding-top: 80px;
margin: 0 auto;
margin-left: 28%;
}
.mobile-only-footer .footer-gv-text {
text-align: center;
}
footer .footer-bottom .mobile-only-footer .footer-logo{
display: block;
position: absolute;
right: -120px;
bottom: -45px;
height: auto;
}
footer .footer-bottom .mobile-only-footer .footer-logo img{ width: 250px; }
}
/** Add to cart responsive **/
@media (max-width: 767px) {
.addtocart .content ul li span { width: 100%; }
}
@media (max-width: 575px) {
.addtocart {
width: 100%;
left: auto;
right: 0;
top: 50px;
max-width: 360px;
}
.addtocart .content:before { display: none; }
.addtocart .content {
padding: 15px;
}
.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 6px;
min-width: 155px;
}
.addtocart .content ul li {
font-size: 13px;
}
.addtocart .content .price h5 { font-size: 1.125rem; }
.addtocart .content h5 small { font-size: 12px; }
.addtocart .content ul li .quantity {
width: 90px;
flex: 0 0 90px;
}
.addtocart .content ul li b {
width: 90px;
flex: 0 0 90px;
margin-left: 0;
}
}
/***** New homepage responsive ********/
@media (max-width: 1599px) {
.media-permission .cardbox div { min-height: 220px; }
.media-permission .cardbox div h4 {
font-size: calc(var(--root-font) + 4px);
height: 52px;
overflow: hidden;
}
.media-permission .cardbox .permission-description {
max-height: 100px;
min-height: 100px;
overflow: hidden;
}
.media-permission .cardbox div p {
margin-bottom: 20px;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.all-galleries .cardbox .cardbox-content { min-height: 90px; }
}
@media (min-width: 1440px) and (max-width: 1599px) {
.main-banner .main-banner-middle .text-bottom { margin-top: 30%; }
}
@media (max-width: 1439px) {
.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;
}
.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; }
.menu { padding: 40px 0; }
}
@media (max-width: 1279px) {
.main-banner .main-banner-middle { margin-top: 24vh; }
}
@media (max-width: 992px) {
header .container { padding: 0; }
header .header-items .right .btn.btn-theme-bordered { display: none; }
.main-banner {
background-attachment: unset !important;
background-position: center right !important;
background-color: var(--blue);
display: flex;
flex-flow: column-reverse;
}
.path-frontpage .main-banner-top {display: none; }
.main-banner .carousel .carousel-item {
height: 400px;
}
.tripadvisor .content .left {
width: 100%;
flex: 0 0 100%;
margin-inline-end: 0;
}
.tripadvisor .content .right .user-details .tripadvisor-rating {
width: 100%;
}
.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; }
.tripadvisor .content .right { width: 100%; }
.title {
flex-direction: column;
align-items: flex-start;
}
.tripadvisor .content {
padding: 15px 0;
justify-content: center;
}
.our-outlets .our-outlet-slider .cardbox.big-cell .image { height: 205px; }
}
@media (max-width: 767px) {
header .header-items a.gv-logo img { width: 130px; }
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 .btn-theme {
transform: scale(0.95);
margin-inline-start: 10px;
}
header .header-items a.AddtoCartPopup .cart-icon { display: block; }
/* header .header-items a.AddtoCartPopup.hasItems .btn-theme { display: none; }
header .header-items a.AddtoCartPopup.hasItems .cart-icon { display: block; } */
.menu-content .mobile-menu a { margin-inline-end: 20px; }
.menu-content .dropdown {
margin: 0 20px 0 0;
}
.menu a.CloseMenu {
top: 36px;
}
.main-banner .carousel-indicators { bottom: 0; }
.main-banner .main-banner-top .opening-hours { display: none; }
.vip-exclusive .cardbox .list {
min-height: 185px;
padding: 20px 7px;
}
.fellow-guest .list { padding: 7px; }
.download-app {
height: auto;
padding: 20px 0 0 0;
}
.download-app .mobileapp {
left: 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; }
}
@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; }
}
@media (max-width: 359px) {
.menu { padding: 20px 0; }
}
/* ===== End New Homepage ===== */
/* ===== New Checkout Page ===== */
.checkout {
padding-bottom: 60px;
padding-top: 0;
position: relative;
background: var(--blue);
z-index: 0;
}
.checkout:before,
.checkout:after {
content: '';
position: absolute;
border-radius: 50%;
z-index: -1;
}
.checkout:before{
width: 473px;
height: 473px;
bottom: 80px;
left: 8px;
background: rgba(254, 83, 187, 0.3);
filter: blur(100px);
-webkit-filter: blur(100px);
}
.checkout:after {
width: 718px;
height: 709px;
top: 600px;
right: 72px;
background: rgba(9, 251, 211, 0.3);
filter: blur(200px);
-webkit-filter: blur(200px);
}
.checkout .iti{
display: flex;
}
.checkout .iti .iti__flag-container{
width: 136px;
margin-inline-end: 8px;
position: relative;
padding: 0;
}
.checkout .iti .iti__flag-container:hover .iti__selected-flag {
background-color: #fff;
border: 1px solid #E5E4E5;
}
.checkout .iti .iti__selected-flag .iti__flag {
display: none;
}
.checkout .iti .iti__selected-flag .iti__selected-dial-code {
margin: 0;
}
.checkout .iti .iti__selected-flag .iti__arrow {
height: 8px;
width: 14px;
border: none;
background: url(../images/dropdown-orange.svg) no-repeat right center/12px 12px;
margin-inline-start: auto;
transition: 0.2s linear;
}
.checkout .iti .iti__selected-flag .iti__arrow.iti__arrow--up {
transform: rotate(-180deg);
}
.checkout .iti .iti__selected-flag {
background-color: #fff;
border: 1px solid #E5E4E5;
font-size: 18px;
color: var(--text-dark);
border: 1px solid #E5E4E5;
border-radius: 8px;
height: 48px;
font-weight: 500;
padding: 6px 14px;
}
.checkout .iti .form-control {
width: calc(100% - 136px);
margin-left: auto;
padding: 9px 18px !important;
}
.checkout-journey .inner-banner {
align-items: center;
height: 520px;
padding-bottom: 80px;
}
.checkout-journey .inner-banner img {
display: none;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.checkout .checkout-content { margin-top: -485px; }
.checkout .checkout-content form .fieldset-content .form-control {
height: 48px;
padding: 9px 18px;
font-size: 18px;
color: var(--text-dark);
border: 1px solid #E5E4E5;
border-radius: 8px;
}
.checkout .checkout-content form .fieldset-content .form-control.error {
border: 1px solid red !important;
}
.checkout .guest-details .form-group .nameprefix input {
width: 100%;
margin-inline-start: 0;
}
.checkout .checkout-content form .fieldset-content .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.checkout .checkout-content form .fieldset-content .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.checkout .checkout-content form .fieldset-content .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.checkout .checkout-content form .fieldset-content .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox {
padding-inline-start: 43px;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-input {
width: 1.5rem;
height: 1.5rem;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label::before,
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label::after {
top: 0;
left: -43px;
width: 1.5rem;
height: 1.5rem;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label::before {
display: block;
border: var(--orange) solid 1px;
border-radius: 4px;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label {
color: #A7A4A9;
cursor: pointer;
font-weight: normal;
display: block;
line-height: normal;
padding-inline-start: 0;
}
.checkout #msform .custom-control-label { padding-inline-start: 0; }
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label a {
font-size: 16px;
font-weight: 400;
color: var(--orange);
text-decoration: none;
display: inline-block;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-input:focus~.custom-control-label::before{
box-shadow: none;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
color: var(--white);
background: var(--orange);
}
.checkout .checkout-content form .fieldset-content .form-control.form-card-number{
color: black;
font-weight: var(--font-weight-medium);
/* background: url(../images/icons/mastercard-logo.svg); */
background-repeat: no-repeat;
background-size: 70px 22px;
background-position: right 0px center;
}
.checkout .checkout-content #progressbar {
display: flex;
justify-content: center;
overflow: hidden;
color: var(--text-light);
max-width: 895px;
margin: 0 auto;
column-gap: 60px;
}
.checkout .checkout-content #progressbar .active { color: var(--text-dark); }
.checkout .checkout-content #progressbar li {
list-style-type: none;
font-size: 14px;
font-weight: 500;
width: 20%;
float: left;
position: relative;
text-align: center;
}
.checkout .checkout-content #progressbar li:before {
display: block;
width: 83px;
height: 83px;
margin: 0 auto;
color: var(--blue);
background: var(--text-light);
border-radius: 50%;
background-position: center;
background-size: 83px;
background-repeat: no-repeat;
object-fit: contain;
}
.checkout .checkout-content #progressbar li span {
display: block;
text-align: center;
margin-top: 15px;
font-size: calc(var(--root-font) + 4px);
font-family: var(--font-weight-semibold);
}
.checkout .checkout-content #progressbar #guest:before { content: url(../images/user_1.svg); }
.checkout .checkout-content #progressbar #cart:before { content: url(../images/cart.svg); }
.checkout .checkout-content #progressbar #payment:before { content: url(../images/creditcard.svg); }
.checkout .checkout-content #progressbar #confirm:before { content: url(../images/finish.svg); }
.checkout #progressbar li:after {
content: '';
position: absolute;
left: calc(-50% + 5px);
top: 38px;
width: calc(100% - 70px);
height: 3px;
z-index: -1;
border-radius: 2px;
background: var(--text-light);
}
.checkout .checkout-content #progressbar li:nth-child(1):after { display: none; }
.checkout .checkout-content #progressbar li.active span { color: var(--orange); }
.checkout .checkout-content #progressbar li.active:before,
.checkout .checkout-content #progressbar li.active:after { background-image: linear-gradient(180deg, #FF6000, #FF9000); }
.checkout fieldset {
margin-top: 50px;
}
.checkout fieldset .fieldset-content {
padding: 36px 67px;
border-radius: 20px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.checkout fieldset .fieldset-content:not(:last-child) {margin-bottom: 23px;}
.checkout .checkout-content fieldset:not(:first-of-type) { display: none; }
.checkout .checkout-content fieldset .fs-title { margin-bottom: 37px; }
.checkout .checkout-content fieldset .fs-title h3 {
font-size: 36px;
font-weight: var(--font-weight-semibold);
margin-bottom: 18px;
color: var(--blue);
}
.checkout .checkout-content fieldset .fs-title p { color: var(--text-dark); }
.checkout .checkout-content fieldset .checkout-guest-form {
max-width: 1030px;
margin: 0 auto;
}
.checkout .checkout-content fieldset .checkout-guest-form .padding-right { padding-inline-end: 45px; }
.checkout .checkout-content fieldset .checkout-guest-form .padding-left { padding-inline-start: 45px; }
.checkout .checkout-content fieldset .checkout-guest-form .d-flex select {
width: 136px;
margin-inline-end: 8px;
}
.checkout .checkout-content fieldset .checkout-guest-form .form-group { margin-bottom: 30px;position: relative;}
.checkout .checkout-content fieldset .checkout-guest-form .nameprefix { column-gap: 10px; }
.checkout .checkout-content fieldset .checkout-guest-form .nameprefix .label-input+.label-input { width: 100%; }
.checkout .checkout-content fieldset .checkout-guest-form .form-group .from-control { height: 48px; }
.checkout .checkout-content form .fieldset-content .form-control.checkoutdatepicker {
background: url("../images/calendar-new-icon.svg") no-repeat right 13px center;
}
.checkout .checkout-content fieldset .checkbox-cart-details {
max-width: 992px;
margin: 0 auto;
}
.checkout .checkout-content fieldset .checkbox-cart-details .registred-email{
text-align: center;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #EEF2F8;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left {
width: 70%;
flex: 0 0 70%;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left h5 {
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
margin-bottom: 1px;
color: var(--text-primary);
}
.checkout .checkout-content fieldset .checkbox-cart-details .cart-items-new .list .left h5 {
color: var(--blue);
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left .price {
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left .price span {
font-weight: var(--font-weight-normal);
color: var(--text-light);
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .right {
display: flex;
flex: 0 0 30%;
justify-content: flex-end;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity {
display: flex;
align-items: center;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity button {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
display: flex;
align-items: center;
justify-content: center;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity button:disabled {
color: var(--text-light);
border-color: var(--text-light);
cursor: not-allowed;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-medium);
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .gross-price {
text-align: end;
margin-inline-start: 20px;
min-width: 100px;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .gross-price span {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.checkout .checkout-content fieldset .checkbox-cart-details hr {
margin: 30px 0;
border-top: 1px solid #EEF2F8;
}
.checkout .checkout-content fieldset .checkbox-cart-details .checkout-free-ticket h4 {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
margin-bottom: 23px;
color: var(--blue);
}
.checkout .checkout-content fieldset .checkbox-cart-details .checkout-free-ticket .list:not(:last-child) {
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #EEF2F8;
}
.checkout .checkout-content fieldset .checkbox-cart-details .checkout-free-ticket .list span {
font-size: calc(var(--root-font) + 4px);
color: var(--text-light);
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode {
margin-top: 0;
padding: 0;
background: transparent;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content {
max-width: 720px;
margin: 0 auto;
position: relative;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input {
height: 48px;
padding-inline-end: 170px;
border-radius: 0.5rem 2.5rem 2.5rem 0.5rem;
border-color: #DCDEE2;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input::-webkit-input-placeholder {
color: var(--orange);
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input::-moz-placeholder {
color: var(--orange);
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input:-ms-input-placeholder {
color: var(--orange);
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input:-moz-placeholder {
color: var(--orange);
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input:focus {
border-radius: 0.5rem 2.5rem 2.5rem 0.5rem;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content .btn-theme {
position: absolute;
top: 0;
right: -1px;
width: 151px;
height: 48px;
box-shadow: 0px 5px 15px rgba(77, 67, 138, 0.15);
font-size: 18px;
border-radius: 24px;
background-image: linear-gradient(180deg, #FF6000, #FF9000) !important;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content .btn-theme[disabled] {
background-image: linear-gradient(180deg, #766975, #E8E6E8) !important;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content .btn-theme:hover[disabled],
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content .btn-theme:focus[disabled] {
background-image: linear-gradient(180deg, #766975, #E8E6E8) !important;
}
.checkout .checkout-content fieldset .grand-total {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
border-top: 1px solid rgba(112, 112, 112, 0.2);
max-width: 992px;
margin: 0 auto;
}
.checkout .checkout-content fieldset .grand-total label,
.checkout .checkout-content fieldset .grand-total .price {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
color: var(--white);
margin-bottom: 0;
}
.checkout .checkout-content fieldset .grand-total .price span {
font-size: calc(var(--root-font) + 2px);
font-weight: var(--font-weight-medium);
color: var(--text-light);
}
.checkout .checkout-content fieldset .registred-email {
text-align: center;
color: white;
margin-top: 1rem;
}
.checkout .checkout-content fieldset .checkout-card-details {
max-width: 610px;
margin: 0 auto;
}
.checkout .checkout-content fieldset .checkout-card-details .form-group { margin-bottom: 24px; }
.checkout .checkout-content fieldset .checkout-card-details .form-group select#expiryMonth,
.checkout .checkout-content fieldset .checkout-card-details .form-group select#expiryYear {
background: url(../images/dropdown-orange_1.svg) 96% 50% / 12px 12px no-repeat scroll padding-box border-box rgb(255, 255, 255) !important;
}
.checkout .checkout-content fieldset .checkout-card-details .form-group .form-control.custom-select {
background-position: right center !important;
font-family: 'Poppins' !important;
}
.checkout .checkout-content fieldset .checkout-card-details .form-group label,
.checkout #msform label {
font-size: var(--root-font);
font-weight: var(--font-weight-medium);
margin-bottom: 5px;
color: var(--text-primary);
}
.checkout #msform .grand-total label {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
color: var(--white);
margin-bottom: 0;
}
.checkout #msform .custom-checkbox.term-checkbox-wrapper {
max-width: 992px;
margin: 0 auto;
padding-inline-start: 0;
}
.checkout #msform .custom-checkbox.term-checkbox-wrapper .custom-control-label::before {
left: 0;
top: 0;
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;
}
.checkout #msform .custom-checkbox.term-checkbox-wrapper input:checked+label:before { background: var(--orange);}
.checkout #msform .custom-checkbox.term-checkbox-wrapper input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 6.2px;
width: 5px;
height: 12px;
border: solid var(--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (max-width: 767px) {
.checkout #msform .custom-checkbox.term-checkbox-wrapper {
padding: 0 10px;
}
}
.checkout .checkout-content fieldset .checkout-card-details .form-group .from-control { height: 48px; }
.checkout .checkout-content fieldset .checkout-card-details .form-group .card-number-icon {
position: absolute;
top: 40px;
right: 30px;
}
.checkout .checkout-content fieldset .action-button {
margin-top: 50px;
display: flex;
align-items: flex-start;
justify-content: center;
column-gap: 15px;
width: 100%;
float: none;
}
.checkout .checkout-content fieldset .action-button .apply-pay-button {
display: inline-flex;
margin-top: -9px;
}
.checkout .checkout-content fieldset .action-button .btn-theme {
position: relative;
min-width: 220px;
height: 48px;
font-size: calc(var(--root-font) + 4px);
margin-top: 0;
}
.checkout .checkout-content fieldset .title-icons {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.checkout .checkout-content fieldset .title-icons .fs-title {
margin-bottom: 0;
}
.checkout .checkout-content fieldset .title-icons .fs-title h3 {
margin-bottom: 0;
}
.payment-icons {
margin-top: 0;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
row-gap: 19px;
z-index: 0;
}
.payment-icons h6 {
font-size: 18px;
color: var(--text-primary);
font-weight: var(--font-weight-semibold);
margin-bottom: 0;
}
.payment-icons ul {
display: flex;
align-items: center;
column-gap: 29px;
}
.payment-icons ul li {
display: inline-flex;
}
/* New buy and checkout popup */
@media (min-width: 576px) {
.checkout-popup .modal-dialog{
max-width: 675px;
}
}
@media (max-width: 575px) {
.checkout-popup .modal-dialog{
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.checkout-popup .modal-dialog{
max-width: 834px;
}
}
.checkout-popup .modal-content {
padding: 25px 40px 35px;
position: relative;
border-radius: 20px;
border: none;
background: rgba(255, 255, 255, 1);
}
.checkout-popup .modal-content .modal-body {
padding: 0;
text-align: center;
position: initial;
}
.checkout-popup .modal-content .modal-body h5 {
font-size: 24px;
line-height: 36px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-bottom: 11px;
}
.checkout-popup .modal-content .modal-body p {
font-size: 1rem;
font-weight: var(--font-weight-normal);
margin-bottom: 30px;
color: #000000;
}
.checkout-popup .modal-content .modal-body p.below-tag {
font-size: 14px;
margin-bottom: 20px;
}
.checkout-popup .modal-content .modal-body button.close {
position: absolute;
width: 22px;
height: 22px;
top: 28px;
right: 28px;
opacity: 1;
font-size: inherit;
}
.checkout-popup .modal-content a {
position: relative;
top: 0;
right: 0;
width: auto;
height: auto;
color: var(--orange);
text-align: center;
line-height: 1;
}
.checkout-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: 26px;
width: 112px;
height: 112px;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}
.checkout-popup .modal-content .modal-body .popup_logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.checkout-popup .modal-content .modal-body .btn {
margin: 36px auto 52px auto;
display: block;
width: auto;
min-width: 306px;
height: 48px;
}
.checkout-popup .modal-content .modal-body .resend-email {
font-size: 1rem;
font-weight: var(--font-weight-bold);
line-height: 27px;
}
.checkout-popup .modal-content .modal-body form .form-group {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.checkout-popup .modal-content .modal-body form .form-group .form-control {
width: 3.3125rem;
height: 3.375rem;
background-color: var(--bs-form-control-bg);
padding: 10px;
font-size: 20px;
text-align: center;
font-weight: var(--font-weight-bold);
border-radius: 0.5rem;
color: var(--text-primary) !important;
border: 1px solid #E0E2EB;
}
.checkout-popup .modal-content .modal-body form .form-group .form-control:not(:last-child) {margin-inline-end: 20px;}
.checkout-popup .modal-content .modal-body form .form-group .form-control:focus {
outline: none;
box-shadow: none;
border: 2px solid var(--orange) !important;
}
/* Chrome, Safari, Edge, Opera */
.checkout-popup .modal-content .modal-body form .form-group input::-webkit-outer-spin-button,
.checkout-popup .modal-content .modal-body form .form-group input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.checkout-popup .modal-content .modal-body form .form-group input[type=number] {
-moz-appearance: textfield;
}
@media (min-width: 576px) {
#ThankyouPopup .modal-dialog {
max-width: 682px;
}
}
#ThankyouPopup .modal-content .modal-body h5 {
font-size: 24px;
font-weight: var(--font-weight-bold);
color: var(--text-primary);
margin-bottom: 0;
}
#ThankyouPopup .modal-content .modal-body p {
font-weight: var(--font-weight-medium);
color: var(--text-primary);
font-size: 18px;
margin-bottom: 39px;
}
#ThankyouPopup .modal-content .modal-body .order-number {
position: relative;
}
#ThankyouPopup .modal-content .modal-body .order-number p{
color: var(--blue);
font-size: 1rem;
margin-bottom: 10px;
}
#ThankyouPopup .modal-content .modal-body .order-number h6{
color: var(--blue);
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 30px;
}
#ThankyouPopup .modal-content .modal-body .btn {
margin: 26px auto 0;
min-width: 212px;
}
#AddCartPopup .modal-dialog {
max-width: 350px;
width: 80%;
}
#AddCartPopup .modal-content {
padding: 30px;
}
#AddCartPopup .modal-content .modal-body button.close {
position: absolute;
width: 30px;
height: 30px;
top: -15px;
right: -30px;
opacity: 1;
font-size: 2rem;
font-weight: 100;
line-height: 31px;
text-shadow: none;
color: #000000;
z-index: 1;
}
#AddCartPopup .modal-content .modal-body .item-count {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: start;
gap: 20px;
text-align: left;
}
#AddCartPopup .modal-content .modal-body .btn {
margin-bottom: 0;
margin-top: 0;
}
#AddCartPopup .modal-content .modal-body .cartcountbadge {
position: relative;
}
#AddCartPopup .modal-content .modal-body .cartcountbadge .count {
position: absolute;
top: 0px;
right: 10px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 11px;
background: var(--orange);
}
@media (max-width: 991px) {
.checkout:before,
.checkout:after {
display: none;
}
.checkout .checkout-content form .fieldset-content .form-control.checkoutdatepicker {
background-size: 20px;
}
.checkout .checkout-content fieldset .checkout-guest-form .padding-right {
padding-inline-end: 20px;
}
.checkout .checkout-content fieldset .checkout-guest-form .padding-left {
padding-inline-start: 20px;
}
.checkout .checkout-content form .fieldset-content .form-control {
height: 44px;
font-size: 14px;
padding: 9px 16px;
}
.checkout .checkout-content #progressbar li:before {
transform: scale(.8);
}
.checkout .checkout-content #progressbar li span {
font-size: 16px;
margin-top: 11px;
}
.checkout fieldset .fieldset-content {
padding: 20px 30px;
}
.checkout .checkout-content fieldset .fs-title h3 {
font-size: 24px;
margin-bottom: 10px;
}
.checkout .checkout-content fieldset .payment-icons ul {
column-gap: 12px;
}
.checkout .checkout-content fieldset .payment-icons h6 {
font-size: 16px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left {
width: 50%;
flex: 0 0 50%;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .right {
flex: 0 0 50%;
}
.checkout .iti .iti__flag-container {
width: 102px;
}
.checkout .iti .iti__selected-flag {
height: 44px;
font-size: 14px;
}
.checkout .iti .form-control {
width: calc(100% - 102px);
}
}
@media (max-width: 767px) {
.checkout {
padding-bottom: 30px;
}
.checkout .checkout-content #progressbar {
column-gap: 0;
}
.checkout .checkout-content #progressbar li {
width: 25%;
}
.checkout .checkout-content #progressbar li:before {
width: 44px;
height: 44px;
padding: 6px 0;
transform: none;
}
.checkout #progressbar li:after {
top: 21px;
height: 2px;
left: calc(-50% + 40px);
width: calc(100% - 80px);
}
.checkout #progressbar li:before {
line-height: 36px;
}
.checkout .checkout-content #progressbar #guest:before {
content: url(../images/user-mobile.svg);
}
.checkout .checkout-content #progressbar #cart:before {
content: url(../images/cart-mobile.svg);
}
.checkout .checkout-content #progressbar #payment:before {
content: url(../images/creditcard-mobile.svg);
padding: 8px 0;
line-height: 1;
}
.checkout .checkout-content #progressbar #confirm:before {
content: url(../images/finish-mobile.svg);
padding: 0;
}
.checkout .checkout-content #progressbar li span {
font-size: 11px;
white-space: nowrap;
}
.checkout-journey .inner-banner { height: 255px; }
.checkout .checkout-content { margin-top: -240px; }
.checkout .checkout-content.success-margin { margin-top: -200px; }
.checkout fieldset {
padding: 0;
margin-top: 20px;
background: transparent;
box-shadow: none;
position: relative;
}
.checkout fieldset .fieldset-content:not(:last-child) {
margin-bottom: 11px;
}
.checkout fieldset .fieldset-content {
padding: 20px;
border-radius: 20px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.checkout .checkout-content fieldset .grand-total {
padding: 0px 10px 0 10px;
border-top: none;
}
.checkout .checkout-content fieldset .grand-total label,
.checkout .checkout-content fieldset .grand-total .price {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: #ffffff;
}
.checkout .checkout-content fieldset .grand-total .price span {
font-size: 12px;
font-weight: var(--font-weight-medium);
color: #ffffff;
}
.checkout .checkout-content fieldset .apply-pay-button {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox {
padding-inline-start: 30px;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label::before,
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label::after {
width: 1rem;
height: 1rem;
left: -30px;
top: 0.25rem;
}
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-input {
width: 1rem;
height: 1rem;
}
.checkout .checkout-content fieldset .checkout-card-details .row {
margin-right: -7.5px;
margin-left: -7.5px;
}
.checkout .checkout-content fieldset .checkout-card-details .col-6,
.checkout .checkout-content fieldset .checkout-card-details .col-12{
padding-right: 7.5px;
padding-left: 7.5px;
}
.checkout .checkout-content fieldset .fs-title {
margin-bottom: 21px;
}
.checkout .checkout-content fieldset .fs-title h3 { font-size: 18px; margin-bottom: 0;}
.checkout .checkout-content fieldset .fs-title p { font-size: 12px; }
.checkout .checkout-content fieldset .title-icons .fs-title { margin-bottom: 10px; }
.checkout .checkout-content fieldset .checkout-guest-form .padding-right { padding-inline-end: 15px; }
.checkout .checkout-content fieldset .checkout-guest-form .padding-left { padding-inline-start: 15px; }
.checkout .checkout-content fieldset .checkout-guest-form .form-group { margin-bottom: 15px; }
.checkout .checkout-content fieldset .checkout-guest-form .custom-control-label { font-size: 12px; }
.checkout .checkout-content form .fieldset-content .form-group .custom-checkbox .custom-control-label a { font-size: 12px; }
.checkout-popup .modal-content .modal-body form .form-group .form-control { font-size: 18px;width: 2.75rem;height: 2.75rem; }
.checkout-popup .modal-content { padding: 20px; }
.checkout-popup .modal-content .modal-body { text-align: center; }
.checkout-popup .modal-content .modal-body h5 { font-size: 20px; }
.checkout-popup .modal-content .modal-body p { font-size: 14px; }
.checkout-popup .modal-content .modal-body .btn {min-width: 260px;height: 44px;margin: 46px auto 20px auto;}
.checkout-popup .modal-content .modal-body p.below-tag{font-size: 12px;}
.checkout-popup .modal-content .modal-body .resend-email { font-size: 14px; }
.checkout .checkout-content fieldset .checkbox-cart-details hr { margin: 20px 0; }
.checkout .checkout-content fieldset .checkbox-cart-details .list .left .price { font-size: 14px; }
.checkout .checkout-content fieldset .checkbox-cart-details .list .left .price span { font-size: 10px; }
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity input {
width: 30px;
font-size: 14px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .gross-price span { font-size: 14px; }
.checkout .checkout-content fieldset .checkbox-cart-details .list .quantity { justify-content: end; }
.checkout .checkout-content fieldset .checkbox-cart-details .list .gross-price {
margin-inline-start: auto;
font-size: 18px;
margin-bottom: 8px;
min-width: 95px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left h5 {
font-size: 16px;
margin-bottom: 8px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left span {
font-size: 10px;
font-weight: var(--font-weight-normal);
}
.checkout .checkout-content fieldset .checkbox-cart-details .checkout-free-ticket h4 {
font-size: 1rem;
margin-bottom: 20px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .checkout-free-ticket .list .left h5 {
font-size: 14px;
font-weight: var(--font-weight-semibold);
}
.checkout .checkout-content fieldset .checkbox-cart-details .checkout-free-ticket .list .left span {
font-size: 14px;
}
.checkout .checkout-content fieldset .checkout-card-details .form-group {
margin-bottom: 16px;
}
.checkout #msform .form-group {
margin-bottom: 16px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .grand-total label,
.checkout .checkout-content fieldset .checkbox-cart-details .grand-total .price { font-size: 18px; }
.checkout-popup .modal-content .modal-body .logo-wrapper {
margin-top: -60px;
width: 78px;
height: 78px;
margin-bottom: 15px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content input {
border-radius: 0.5rem 1.25rem 1.25rem 0.5rem;
height: 44px;
padding-inline-end: 130px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .promocode .promocode-content .btn-theme {
height: 44px;
width: 117px;
font-size: 14px;
}
.checkout .checkout-content fieldset .checkbox-cart-details .grand-total .price span { font-size: 12px; }
.checkout .checkout-content fieldset.cart-details .action-button {
row-gap: 15px;
}
.checkout .checkout-content fieldset .action-button {
margin-top: 21px;
align-items: center;
}
.checkout .checkout-content fieldset.guest-details,
.checkout .checkout-content fieldset.payment-details {
margin-bottom: 65px;
}
.checkout .checkout-content fieldset.guest-details .action-button,
.checkout .checkout-content fieldset.payment-details .action-button {
position: absolute;
left: 0;
right: 0;
top: 100%;
}
.checkout .checkout-content fieldset .action-button .btn-theme {
height: 44px;
font-size: 14px;
min-width: 145px;
}
.checkout .checkout-content fieldset.guest-details .action-button .btn-theme {
min-width: 211px;
}
.checkout .checkout-content fieldset .payment-icons {
margin-top: 26px;
}
.checkout .checkout-content fieldset .payment-icons ul{
column-gap: 12px;
}
.checkout .checkout-content fieldset .payment-icons h6 {
font-size: 14px;
color: var(--white);
}
.checkout-popup .modal-content .modal-body .logo-wrapper { padding: 9px; }
.checkout-popup .modal-content .modal-body .popup_logo {
width: 100%;
height: 100%;
object-fit: cover;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .left {
width: 60%;
flex: 0 0 60%;
}
.checkout .checkout-content fieldset .checkbox-cart-details .list .right { flex-direction: column-reverse;flex: 0 0 110px;}
#ThankyouPopup .modal-dialog { max-width: 350px; }
#ThankyouPopup .modal-content .modal-body { text-align: center; line-height: normal;}
#ThankyouPopup .modal-content .modal-body h5 { font-size: 16px; }
#ThankyouPopup .modal-content .modal-body p {
font-size: 15px;
margin-bottom: 12px;
}
#ThankyouPopup .modal-content .modal-body .order-number p { font-size: 14px;margin-bottom: 6px; }
#ThankyouPopup .modal-content .modal-body .order-number h6 { font-size: 16px;line-height: 24px;}
#ThankyouPopup .modal-content .modal-body .btn { margin: 22px auto 0;}
.checkout .checkout-content fieldset .checkbox-cart-details .registred-email{
font-size: 10px;
text-align: start;
}
}
@media (max-width: 575px) {
.checkout #progressbar li:after {
left: calc(-50% + 30px);
width: calc(100% - 60px);
}
.checkout .checkout-content fieldset.guest-details .action-button .btn-theme {
min-width: 160px;
}
}
@media (max-width: 767px) {
#EnterOTP .modal-dialog {
padding: 15px;
max-width: 450px;
}
}
/* ===== End Checkout Page ===== */
/* ===== New Attraction and Wonderpass ===== */
.buy-section .tab-content .fixed-bottom { display: none; }
/* Attraction */
.buy-section .tab-content .new-attraction-tab .white-bg {
margin-left: 0;
margin-right: 0;
}
.buy-section .tab-content .new-attraction-tab .attraction-content { position: relative; }
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-section-banner {
padding: 80px 0 40px 0px;
background-image: url(../images/attraction-buy-bg.jpg);
background-position: center bottom;
}
@media (max-width: 767px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-section-banner {
padding: 40px 0 40px 0px;
}
}
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title {
text-align: center;
}
@media (max-width: 767px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title { margin-bottom: 0;}
}
.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;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .new-attraction-body-class p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
height: 40px;
-webkit-line-clamp: 2;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content.only-one-attraction .details .new-attraction-body-class p {
-webkit-line-clamp: unset;
height: auto;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider {
margin-bottom: 0px;
margin-left: -5px;
margin-right: -5px;
}
.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% - 50px);
top: 5px;
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
@media (max-width: 991px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
top: 9px;
}
}
.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: 315px; }
.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;
margin-left: 5px;
margin-right: 5px;
}
.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: 565px; }
.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 .exclusive-packs .listing .bottom {
display: block;
}
.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;
line-height: 1;
}
.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;
margin-top: 0.5rem;
}
.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;
margin-inline-end: 12px;
}
.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;
margin-inline-end: 7px;
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 .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: 10px; }
.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: 16px;
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);
}
@media (max-width: 767px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions label .cardbox {
border-radius: 10px;
}
}
.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;
border-radius: 16px 16px 0 0;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image img {
border-radius: 0;
}
.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);
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details h6 {
font-size: 14px;
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:first-child { margin-top: 0; }
.buy-section .tab-content .exclusive-packs .listing .content .details a {
padding: 8px 15px;
height: 35px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
text-align: center;
position: relative;
z-index: 2;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4{
color: #ffffff;
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: 2%;
width: 262px;
top: 20px;
}
@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 {
display: flex;
flex-direction: column;
align-items: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: 0%;
top: -15px;
width: 125px;
}
}
@media (max-width: 575px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
display: flex;
flex-direction: column;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: 0;
top: 0px;
width: 102px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img-description {
text-align: start;
margin-inline-start: 105px;
max-width: calc(100% - 110px);
}
}
@media (max-width: 490px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: 0;
top: 0;
width: 102px;
}
}
@media (max-width: 400px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
left: 0;
top: 0px;
width: 102px;
}
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
margin-bottom: 40px;
color: #ffffff;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc a {
color: #ffffff;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc span{
color: #ffffff;
font-weight: var(--font-weight-bold);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .blue-bg {
background-color: #E3F1FF;
margin: 0 40px;
padding: 30px 20px;
position: relative;
z-index: 1;
border-radius: 1.375rem;
}
.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: 60px 0px 60px 0px;
border-bottom: 1px solid #C2D3E2;
position: relative;
display: block;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .top-or-divider.or-divider {
margin: 0;
border-bottom: none;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider span {
font-size: 14px;
background-color: var(--blue);
border-radius: 24px;
padding: 5px 15px;
position: absolute;
left: 50%;
top: -12px;
transform: translateX(-50%);
color: var(--white);
font-weight: var(--font-weight-semibold);
letter-spacing: 1px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .top-or-divider.or-divider span {
display: none;
}
.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: 25px;
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: 16px;
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;
height: auto;
}
@media (max-width:1199px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
min-height: 120px;
}
}
@media (max-width:991px) {
.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
min-height: 120px;
}
}
@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: 24px;
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;
margin: 0 5px;
}
.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: 50px 0 -30px 0;
position: sticky;
z-index: 99;
bottom: 0;
left: 0;
padding: 10px 20px;
background-image: linear-gradient(#004A8F, #20295C);
border-top: none;
}
.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: 5px auto 0 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: 850px;
margin: 0 auto;
padding: 0 20px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price {
border-bottom: 1px solid #707070;
padding-bottom: 10px;
padding-top: 15px;
}
.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: 18px;
font-weight: 400;
color: var(--white);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li small {
color: #E5E4E5;
font-size: 16px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li .price {
color: var(--white);
font-size: 18px;
}
.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: 18px;
font-weight: var(--font-weight-semibold);
color: var(--white);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price {
font-size: 18px;
font-weight: var(--font-weight-semibold);
color: var(--white);
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price span {
font-size: 16px;
font-weight: var(--font-weight-semibold);
color: #E5E4E5;
}
.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: 282px;
height: 48px;
font-size: 20px;
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%;
margin-bottom: 2rem;
padding: 0 40px;
position: relative;
z-index: 1;
}
.buy-section .tab-content .wonderpass-section .left-right-wonder {
display: flex;
column-gap: 40px;
justify-content: space-between;
}
@media (max-width: 767px) {
.buy-section .tab-content .wonderpass-section .left-right-wonder { display: block; }
}
.buy-section .tab-content .wonderpass-section .left_wonder h5{
font-size: var(--section-header);
font-weight: var(--font-weight-semibold);
color: var(--white);
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: var(--white);
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;
color: #ffffff;
}
.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 .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-medium);
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/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;
background: transparent;
}
.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 .dropdown.addnew_card .dropdown-menu .no-gutters > .col .form-group,
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters > [class*="col-"] .form-group {
margin-bottom: 0;
}
.buy-section .tab-content .wonderpass-section .right_wonder .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 1rem;
font-weight: var(--font-weight-semibold);
color: var(--orange);
}
.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/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-section .right_wonder .dropdown.addnew_card .dropdown-menu .text-right .btn {
width: 177px;
height: 48px;
font-size: 20px;
font-weight: var(--font-weight-semibold);
margin-top: 4px;
}
@media (max-width: 767px) {
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .text-right .btn {
width: 160px;
height: 40px;
font-size: 16px;
}
}
.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);
}
.buy-section .tab-content .wonderpass-content .enter-points .right .form-control::-webkit-input-placeholder {
color: #D9D9D9;
}
.buy-section .tab-content .wonderpass-content .enter-points .right .form-control::-moz-placeholder {
color: #D9D9D9;
}
.buy-section .tab-content .wonderpass-content .enter-points .right .form-control:-ms-input-placeholder {
color: #D9D9D9;
}
.buy-section .tab-content .wonderpass-content .enter-points .right .form-control:-moz-placeholder {
color: #D9D9D9;
}
/* 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{
background: transparent;
display: block;
}
.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 Attraction and Wondepass 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; }
.buy-section .tab-content .new-attraction-tab .fixed-total {
margin: 0 0 -40px 0;
}
}
@media (max-width: 767px) {
.buy-section .tab-content .white-bg-mobile{
padding: 20px 0px;
margin: 0;
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 .new-attraction-tab .fixed-total .total .sub-price ul li .price {
font-size: 14px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li small { font-size: 8px; }
.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 0 -20px 0;
width: 100%;
padding: 10px 20px;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total {
margin-top: 0;
padding: 0;
}
.buy-section .tab-content .new-attraction-tab .fixed-total .total .fixed-total-proceed {
margin-top: 10px;
}
.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 .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: 18px; }
.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price span {
font-size: 12px;
font-weight: var(--font-weight-medium);
}
.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;
padding-top: 0;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider span {
font-size: 10px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
margin: 0 0 0 -15px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing {
padding-top: 22px;
box-shadow: none;
}
.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 label .cardbox {
border-radius: 10px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image {
height: 58px;
border-radius: 8px 8px 0 0;
}
.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 .exclusive-packs .listing .bottom {
display: flex;
flex-direction: row;
align-items: center;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p {
font-size: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.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;
margin-bottom: 0.2rem;
padding: 0 10px;
}
.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: 30px 0px 30px 0px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .top-or-divider.or-divider {
margin-bottom: 0;
}
.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;
border-radius: 10px;
}
.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 .attraction-content .add-to-cart-button {
margin-top: 0px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 {
font-size: 12px;
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 {
margin: 0px 20px;
padding: 25px 0 20px 0;
border-radius: 16px;
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;
}
.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: -40px;
right: 60px;
transform: none;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
top: -40px;
right: 10px;
transform: none;
}
@supports (-webkit-touch-callout: none) {
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev {
top: -34px;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
top: -34px;
}
}
.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;
margin-bottom: 30px !important;
box-shadow: none;
padding: 0;
}
.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: center;
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: 12px;
margin-bottom: 0.5rem;
}
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
font-size: 8px;
font-weight: 400;
margin-bottom: 10px;
}
.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 .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: 350px;
margin: 0 auto;
}
#AddNewCardWp .modal-content {
background: var(--white);
border-radius: 20px;
}
#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;
border-radius: 8px;
}
#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: 36px;
width: 170px;
height: 44px;
font-size: 14px;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 5px 15px 0px #4D438A26;
}
.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; }
}
/* End new attraction and wonderpass*/
/********* New Buy Journey **********/
/*Tabs Develop-ks */
.buy-section {
padding-top: 0;
padding-bottom: 30px;
position: relative;
background: var(--white);
z-index: 0;
}
.buy-section .tab-pane, .buy-section #park-entry { margin-top: 2.5rem; }
@media (max-width: 767px) {
.buy-section .tab-pane, .buy-section #park-entry { margin-top: 1.5rem; }
}
.buy-section .container-fluid {
padding-left: 0;
padding-right: 0;
}
.buy-section:before,
.buy-section:after {
content: '';
position: absolute;
border-radius: 50%;
z-index: -1;
}
.buy-section:after {
width: 718px;
height: 709px;
top: 600px;
right: 72px;
background: #ffffff;
}
.buy-section:before {
width: 473px;
height: 473px;
bottom: 80px;
left: 8px;
background: #ffffff;
}
@media (max-width: 767px) {
.buy-section #park-entry {
margin-top: 15px;
}
}
.buy-section #park-entry .white-bg {
padding: 30px 40px;
border-radius: 20px;
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
}
.buy-section #park-entry .white-bg.entry-ticket-div {
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.buy-journey .inner-banner {
align-items: center;
height: auto;
padding-bottom: 15px;
padding-top: 15px;
background: #E9EAF0;
}
.buy-journey .inner-banner img {
display: none;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.inner-banner:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1;
background: transparent;
}
.buy-section .inner-banner img.img-active { display: none !important; }
.buy-section .nav-tabs.buy-tabs {
border-bottom: none;
justify-content: center;
column-gap: 48px;
flex-wrap: nowrap;
overflow: auto;
scrollbar-width: none;
}
@media (max-width: 666px) {
.buy-section .nav-tabs.buy-tabs {
justify-content: flex-start;
}
}
.buy-section .nav-tabs.buy-tabs li {
min-width: 90px;
width: auto;
margin: 0;
flex: none;
}
.buy-section .nav-tabs.buy-tabs li .nav-link {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
border-radius: 0;
background: transparent;
border: none;
border-bottom: 0px solid transparent;
padding: 6px 0;
}
.buy-section .nav-tabs.buy-tabs li .nav-link i,
.buy-section .nav-tabs.buy-tabs li .nav-link svg {
font-size: 40px;
margin: auto auto;
width: 30px;
flex: 0 0 30px;
margin-bottom: 0;
}
.buy-section .nav-tabs.buy-tabs li .nav-link .ticket-content {
text-align: center;
margin: 0 auto;
}
.buy-section .nav-tabs.buy-tabs li .nav-link .ticket-content h5 {
font-size: 16px;
font-weight: 400;
margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #8F94AD;
line-height: 24px;
margin-top: 4px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active h5 {
color: #20295C;
font-weight: 700;
font-size: 1rem;
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active,
.buy-section .nav-tabs.buy-tabs li .nav-link.active i,
.buy-section .nav-tabs.buy-tabs li .nav-link.active svg path {
color: var(--orange);
border-bottom-color: var(--orange);
fill: var(--orange);
font-weight: 700;
stroke: transparent;
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active {
background: transparent;
border: none;
border-bottom: none;
box-shadow: none;
border-bottom-color: var(--orange);
}
.buy-section .nav-tabs.buy-tabs li .nav-link .active-svg{
display : none;
}
.buy-section .nav-tabs.buy-tabs li .nav-link .inactive-svg{
display : block;
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active .inactive-svg{
display: none;
}
.buy-section .nav-tabs.buy-tabs li .nav-link.active .active-svg{
display: block;
}
.buy-section .nav-tabs.buy-tabs li .nav-link#guest-services-tab.active svg path:nth-child(6),
.buy-section .nav-tabs.buy-tabs li .nav-link#guest-services-tab.active svg path:nth-child(7),
.buy-section .nav-tabs.buy-tabs li .nav-link#guest-services-tab.active svg path:nth-child(8),
.buy-section .nav-tabs.buy-tabs li .nav-link#guest-services-tab.active svg path:nth-child(9) {
stroke: var(--orange);
fill: none;
}
@media (max-width:1199px){
.buy-section .nav-tabs.buy-tabs li .nav-link i,
.buy-section .nav-tabs.buy-tabs li .nav-link svg {
font-size: 35px;
width: 35px;
height: 35px;
}
.buy-section .nav-tabs.buy-tabs li .nav-link .ticket-content h5 {
font-size: 14px;
}
}
@media (max-width:991px){
.buy-section:before,
.buy-section:after {
display: none;
}
.buy-section .nav-tabs.buy-tabs {
flex-wrap: nowrap;
overflow-x: auto;
column-gap: 20px;
padding-bottom: 2px;
margin: 0;
}
.buy-section .nav-tabs.buy-tabs li {
min-width: auto;
flex: auto;
}
.buy-section .nav-tabs.buy-tabs li .nav-link i,
.buy-section .nav-tabs.buy-tabs li .nav-link svg {
font-size: 24px;
width: 24px;
height: 24px;
flex: auto;
}
.buy-section .nav-tabs.buy-tabs li .nav-link .ticket-content h5 {
font-size: 12px;
}
}
@media (max-width:767px){
.buy-section .nav-tabs.buy-tabs {
justify-content: flex-start;
}
.buy-section .nav-tabs.buy-tabs::-webkit-scrollbar {
display: none;
}
}
/* New buy section tabs design */
.buy-section.new-buy-section .tab-content {
margin-top: 0;
padding: 0px;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.buy-section.new-buy-section .or-divider {
text-align: center;
margin: 40px -20px 40px -20px;
border-bottom: 1px solid #E3F1FF;
position: relative;
display: block;
}
.buy-section.new-buy-section .or-divider span {
font-size: 14px;
background-color: var(--blue);
border-radius: 24px;
color: var(--white);
padding: 5px 15px;
position: absolute;
left: 50%;
top: -12px;
transform: translateX(-50%);
width: auto;
margin: 0;
}
.buy-section.new-buy-section .tab-content .white-bg{
padding: 0px;
border-radius: 20px;
background: var(--white);
box-shadow: none;
margin-bottom: 1rem;
}
.buy-section.new-buy-section .tab-content .content-width {
max-width: 1230px;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 1;
}
@media (max-width:1199px) {
.buy-section.new-buy-section .tab-content .content-width {
max-width: 800px;
}
}
@media (max-width:767px) {
.buy-section.new-buy-section .tab-content .content-width {
padding: 0 20px;
}
}
/* Entry ticket */
.buy-section .tab-content .entry-ticket-content .top-message {
color: var(--white);
border: 2px solid var(--white);
border-radius: 8px;
padding: 10px 15px;
margin-bottom: 30px;
margin-inline-start: 40px;
margin-inline-end: 40px;
font-size: 14px;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
}
@media (max-width:1199px) {
.buy-section .tab-content .entry-ticket-content .top-message {
margin-inline-start: 0px;
margin-inline-end: 0px;
}
}
.buy-section .tab-content .entry-ticket-content .top-message svg {
width: 30px;
flex: 0 0 30px;
}
.buy-section .tab-content .entry-ticket-content .top-message p {
text-align: start;
}
.buy-section .tab-content .entry-ticket-content .top-message span { font-weight: var(--font-weight-bold); }
.buy-section .tab-content .entry-ticket-content {
padding-bottom: 0px;
}
.buy-section .tab-content .entry-ticket-content .white-bg {
margin-bottom: 20px;
}
.buy-section .tab-content .entry-ticket-content .title-starting-price {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width:767px) {
.buy-section .tab-content .entry-ticket-content .title-starting-price {
display: block;
}
}
.buy-section .tab-content .buy-section-banner{
background-image: url(../images/entry-ticket-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 1.5rem;
position: relative;
padding: 40px 60px;
}
.buy-section .tab-content .buy-section-banner:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 13.21%, rgba(0, 0, 0, 0.3) 99.99%, rgba(0, 0, 0, 0.5) 100%);
border-radius: 1.5rem;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
}
.buy-section .tab-content .entry-ticket-content .buy-title {
margin-top: 10px;
margin-bottom: 20px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title h3 {
font-size: 30px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .buy-title h4 {
margin-bottom: 20px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .entry-ticket-price {
font-weight: var(--font-weight-medium);
color: var(--text-primary);
font-size: 1rem;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .entry-ticket-price .icon-dirham-symbol {
font-size: 16px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .entry-ticket-price b { font-weight: var(--font-weight-semibold); }
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .entry-ticket-price span {
color: #A09EA2;
font-weight: 400;
}
.buy-section .tab-content .entry-ticket-content .switch {
display: flex;
align-items: center;
margin-top: 20px;
margin-bottom: 40px;
font-weight: normal;
}
.buy-section .tab-content .entry-ticket-content .switch .slider {
width: 40px;
height: 1.5rem;
border-radius: 30px;
padding: 2px;
background-color: rgba(78, 73, 83, 0.4);
transition: background-color 250ms ease 0s;
flex: 0 0 40px;
cursor: pointer;
}
.buy-section .tab-content .entry-ticket-content .switch .thumb {
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-color: var(--white);
transition: transform 250ms ease 0s;
cursor: pointer;
}
.buy-section .tab-content .entry-ticket-content .switch .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;
}
.buy-section .tab-content .entry-ticket-content .switch .checkbox:focus+.slider { box-shadow: none; }
.buy-section .tab-content .entry-ticket-content .switch .checkbox:checked+.slider { background-color: var(--orange); }
.buy-section .tab-content .entry-ticket-content .switch .checkbox:checked+.slider .thumb { transform: translateX(1rem); }
.buy-section .tab-content .entry-ticket-content .switch .checkbox:disabled+.slider { opacity: 0.25; }
.buy-section .tab-content .entry-ticket-content .switch span {
display: inline-block;
margin-inline-end: 30px;
color: var(--text-primary);
font-size: 1rem;
font-weight: 400;
}
.buy-section .tab-content .entry-ticket-content .blackout-dates {
color: var(--orange);
font-weight: 400;
font-size: 1rem;
padding-top: 12px;
position: relative;
display: flex;
align-items: center;
column-gap: 10px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket {
margin-top: 0px;
width: 100%;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list {
display: flex;
align-items: center;
flex-wrap: nowrap;
column-gap: 10px;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #EEF2F8;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:first-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list.nb_tick_toggle_anyday ,
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list.nb_tick_toggle_value
{
border-bottom: none;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left h5 {
font-size: 20px;
font-weight: var(--font-weight-semibold);
margin-bottom: 5px;
color: var(--blue);
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:first-child .left h5 { color: var(--blue); }
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:first-child .left small {
font-size: 20px;
font-weight: 400;
color: #A09EA2;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left .price {
font-size: 20px;
font-weight: var(--font-weight-semibold);
color: var(--text-primary);
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left .price .icon-dirham-symbol{
font-size: 20px;
}
@media (max-width: 767px) {
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left .price .icon-dirham-symbol{
font-size: 12px;
}
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left .price span {
font-weight: var(--font-weight-normal);
font-weight: 400;
color: #A09EA2;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left span {
font-size: calc(var(--root-font) + 4px);
color: var(--text-light);
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .quantity {
display: flex;
align-items: center;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .quantity input {
width: 40px;
text-align: center;
border: none;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .quantity button {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
}
.buy-section .tab-content .entry-ticket-content .entry-add-to-cart-button {
text-align: center;
margin-top: 37px;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.buy-section .tab-content .entry-ticket-content .entry-add-to-cart-button .btn-theme {
min-width: 220px;
width: auto;
height: 50px;
font-size: calc(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
padding: 6px 35px;
margin-top: 0;
}
.buy-section .tab-content .entry-ticket-content .buy-title h3 {
font-size: 36px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
margin-bottom: 20px;
}
/* Entry Ticket Gallery */
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery {
display: grid;
grid-auto-flow: column;
grid-template-columns: 390px 1fr;
row-gap: 0.5rem;
column-gap: 0.5rem;
position: relative;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery button.btn-theme{
position: absolute;
right: 15px;
bottom: 15px;
z-index: 1;
width: 135px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image {
width: 100%;
overflow: hidden;
border-radius: 14px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image:nth-child(1),
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image:nth-child(2) {
height: 175px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image:nth-child(3)
{
height: 358px;
grid-row-start: 1;
grid-row-end: 3;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
/* End Entry Ticket Gallery */
.buy-section .tab-content .entry-ticket-content .what-included {
padding-top: 40px;
padding-bottom: 60px;
}
.buy-section .tab-content .entry-ticket-content .what-included .included-list {
margin-bottom: 40px;
list-style-type: disc;
}
.buy-section .tab-content .entry-ticket-content .what-included .included-list li {
display: list-item;
margin-inline-start: 16px;
}
.buy-section .tab-content .entry-ticket-content .what-included h4 {
font-size: 24px;
font-weight: var(--font-weight-semibold);
margin-bottom: 20px;
color: var(--blue);
}
.buy-section .tab-content .entry-ticket-content .what-included h5 {
font-size: 20px;
font-weight: var(--font-weight-semibold);
margin-bottom: 40px;
color: var(--blue);
}
.buy-section .tab-content .entry-ticket-content .what-included ul li {
display: flex;
align-items: center;
column-gap: 20px;
margin-bottom: 15px;
}
.buy-section .tab-content .entry-ticket-content .what-included ul li span {
font-size: 18px;
color: #2A2828;
}
.buy-section .tab-content .entry-ticket-content .what-included ul li:last-child { margin-bottom: 0; }
.buy-section .tab-content .entry-ticket-content .what-included ul li img {
width: 24px;
height: 24px;
}
.buy-section .tab-content .entry-ticket-content .what-included .terms-conditions { margin-top: 40px; }
.buy-section .tab-content .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);
}
.buy-section .tab-content .entry-ticket-content .what-included .terms-conditions span {
display: block;
color: var(--text-primary);
}
.buy-section .tab-content .entry-ticket-content .what-included .terms-conditions span a {
font-weight: var(--font-weight-medium);
color: var(--orange);
}
/* entry ticket popup */
#BlackoutDatesPopup .modal-dialog {
max-width: 610px;
width: 90%;
}
#BlackoutDatesPopup .modal-content {
border-radius: 20px;
padding: 25px 35px 35px;
}
@media (max-width: 767px) {
#BlackoutDatesPopup .modal-content {
padding: 25px 20px 20px;
}
}
#BlackoutDatesPopup .modal-content .modal-body h5 {
font-size: 24px;
font-weight: var(--font-weight-bold);
color: var(--text-primary);
}
#BlackoutDatesPopup .modal-content .modal-body .order-number {
position: relative;
}
#BlackoutDatesPopup .modal-content .modal-body .order-number p{
color: var(--text-primary);
font-size: 18px;
margin-bottom: 12px;
font-weight: var(--font-weight-medium);
}
#BlackoutDatesPopup .modal-content .modal-body .order-number .dates-list {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 14px;
}
#BlackoutDatesPopup .modal-content .modal-body .order-number h6{
color: #004A8F;
font-size: 18px;
font-weight: var(--font-weight-semibold);
text-align: center;
padding: 10px 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
margin-bottom: 12px;
min-width: 255px;
border-radius: 14px;
}
#BlackoutDatesPopup .modal-content .modal-body p{
font-size: 14px;
font-weight: var(--font-weight-medium);
color: #707070;
margin-bottom: 26px;
text-align: start;
}
#BlackoutDatesPopup .modal-content .modal-body .anyday-ticket {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: #707070;
margin-bottom: 26px;
}
#BlackoutDatesPopup .modal-content .modal-body .anyday-ticket span {
color: var(--orange);
text-decoration: underline;
}
#BlackoutDatesPopup .modal-content .modal-body a {
font-size: 14px;
font-weight: var(--font-weight-medium);
color: var(--orange);
text-decoration: underline;
position: relative;
display: inline;
top: 0;
right: 0;
}
#BlackoutDatesPopup .modal-content .modal-body .btn {
margin: 30px auto 20px auto;
font-size: 16px;
min-width: 212px;
}
/* End Park Entry */
/* Guest Service */
.buy-section .tab-content .guest-service-content .buy-title {
margin-bottom: 20px;
}
.buy-section .tab-content .guest-service-content .buy-title h4 {
font-size: 36px;
color: var(--blue);
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .guest-service-content .guest-service-detail .buy-title p.desc {
font-size: 12px;
font-weight: 400;
}
.buy-section .tab-content .guest-service-content {
margin: 0 auto;
position: relative;
}
.buy-section .tab-content .guest-service-content .list{
display: flex;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
margin-top: 25px;
cursor: pointer;
}
.buy-section .tab-content .guest-service-content .list-image {
width: 200px;
height: 120px;
}
.buy-section .tab-content .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: 10px 0 0 10px;
}
.buy-section .tab-content .guest-service-content .list-content {
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.buy-section .tab-content .guest-service-content p {
font-size: 12px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .guest-service-content p.list-title {
font-size: 1rem;
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .guest-service-content p.small-text {
font-size: 14px;
font-weight: var(--font-weight-normal);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.buy-section .tab-content .guest-service-content h5 {
font-size: clac(var(--root-font) + 4px);
font-weight: var(--font-weight-semibold);
margin-top: 50px;
margin-bottom: 30px;
text-align: center;
color: var(--blue);
}
.buy-section .tab-content .guest-service-content h5 a {
font-weight: var(--font-weight-bold);
color: var(--orange);
}
.buy-section .tab-content .guest-service-content .store-icons {
display: flex;
align-items: center;
justify-content: center;
}
.buy-section .tab-content .guest-service-content .qr-code {
display: flex;
align-items: center;
justify-content: center;
}
.buy-section .tab-content .guest-service-content .store-icons a {
display: inline-block;
width: auto;
height: 60px;
margin: 0 16px;
}
.buy-section .tab-content .guest-service-content .store-icons a img {
width: 100%;
height: 100%;
border-radius: 0;
margin-bottom: 0;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .detail-content {
display: none;
max-width: 1150px;
margin: 0 auto;
padding: 0 40px;
}
.buy-section .tab-content .guest-service-detail .buy-title h4 {
font-size: 36px;
font-weight: var(--font-weight-semibold);
margin-bottom: 16px;
color: var(--blue);
}
.buy-section .tab-content .guest-service-content .guest-service-detail .back-guest-service{
position: absolute;
left: 0;
top: 12px;
cursor: pointer;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .buy-title .desc p {
font-size: 18px;
font-weight: 400;
}
/* Guest Service Gallery */
.buy-section .tab-content .guest-service-content .guest-service-gallery {
display: grid;
grid-auto-flow: column;
grid-template-columns: 390px 1fr;
row-gap: 25px;
column-gap: 25px;
position: relative;
}
@media (min-width: 1200px) {
.buy-section .tab-content .guest-service-content .guest-service-gallery {
margin-inline-start: 60px;
}
}
.buy-section .tab-content .guest-service-content .guest-service-gallery button.btn-theme{
position: absolute;
right: 15px;
bottom: 15px;
z-index: 1;
width: 135px;
height: 35px;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image {
width: 100%;
overflow: hidden;
border-radius: 14px;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image:nth-child(1),
.buy-section .tab-content .guest-service-content .guest-service-gallery .image:nth-child(2) {
height: 164px;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image:nth-child(3)
{
height: 358px;
grid-row-start: 1;
grid-row-end: 3;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
@media (max-width: 767px) {
.buy-section .tab-content .guest-service-content .guest-service-gallery button.btn-theme
{
display: none;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image
{
width: -webkit-fill-available;
}
}
/* End Guest Service Gallery */
/* End Guest Service */
/* VIP parking */
.buy-section .tab-content .parking-content .paid-parking {
margin-top:50px;
padding-top: 0;
}
.buy-section .tab-content .parking-content .paid-parking span {
text-align: start;
margin: 0;
width: auto;
font-size: 14px;
font-weight: 400;
}
.buy-section .tab-content .parking-content h5 {
font-size: 26px;
font-weight: 600;
color: var(--blue);
margin-bottom: 0.5rem;
}
.buy-section .tab-content .parking-content h5.parking-ticket-title {
margin-bottom: 1rem;
}
.buy-section .tab-content .parking-content h5.car-details-title {
margin-bottom: 25px;
}
.buy-section .tab-content .parking-content .parking-number {
padding-top: 0.5rem;
}
.buy-section.new-buy-section .tab-content .parking-content .or-divider {
margin: 60px 0px 50px 0px
}
.buy-section .tab-content .parking-content .small-width {
max-width: 475px;
}
.buy-section .tab-content .parking-content .medium-width {
max-width: 590px;
margin: 0 auto;
}
.buy-section .tab-content .parking-content .position-center {
margin: 0 auto;
}
.buy-section .tab-content .parking-content .form-group {
margin-bottom: 24px;
}
.buy-section .tab-content .parking-content .form-group .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .parking-content .form-group .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .parking-content .form-group .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .parking-content .form-group .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .parking-content .form-group .form-control {
height: 48px;
padding: 5px 12px;
letter-spacing: 0.35px;
font-size: 18px;
color: var(--text-primary);
border: 1px solid #E5E4E5;
border-radius: 8px;
width: 100%;
}
.buy-section .tab-content .parking-content .form-group .select2-container--default .select2-selection--single {
height: 48px;
font-size: 18px;
color: var(--text-primary);
border: 1px solid #E5E4E5;
border-radius: 8px;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox {
padding-inline-start: 43px;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-input {
width: 1.5rem;
height: 1.5rem;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label::before,
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label::after {
top: 0;
left: -43px;
width: 1.5rem;
height: 1.5rem;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-input.save_parking_car + label {
color: #000000;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label::before {
display: block;
border: var(--orange) solid 1px;
border-radius: 4px;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
color: var(--white);
background: var(--orange);
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label {
font-size: 16px;
font-weight: 400;
color: #A7A4A9;
overflow: visible;
white-space: normal;
}
.buy-section .tab-content .parking-content .form-group .custom-control-label.save-car {
color: #000000;
}
.buy-section .tab-content .parking-content .form-group .custom-control-label a {
font-size: 16px;
font-weight: 400;
color: var(--orange);
text-decoration: none;
display: inline-block;
}
.form-group.car-selection {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.form-group.car-selection div:first-child { margin-inline-end: 15px; }
.form-group.car-selection label {
width: 109px;
height: 97px;
padding: 5px;
line-height: normal;
border-radius: 5px;
position: relative;
cursor: pointer;
margin-bottom: 0;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.buy-section .tab-content .paid-parking .car-selection input:checked+label span {
font-size: 14px;
font-weight: 400;
color: #1D1F24;
width: auto;
}
.form-group.car-selection label img {
width: 65px;
height: auto;
margin-bottom: 5px;
}
.form-group.car-selection input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 109px;
height: 97px;
cursor: pointer;
}
.form-group.car-selection label img:nth-child(2) {
display: none;
}
.form-group.car-selection input.suv_parking_car:checked+label img:nth-child(2) {
display: block;
}
.form-group.car-selection input.suv_parking_car:checked+label img:nth-child(1) {
display: none;
}
.form-group.car-selection input.sudan_parking_car:checked+label img:nth-child(2) {
display: block;
}
.form-group.car-selection input.sudan_parking_car:checked+label img:nth-child(1) {
display: none;
}
.buy-section .tab-content .form-group.car-selection input+label {
width: 110px;
height: 100px;
line-height: 1;
border-radius: 8px;
border: none;
justify-content: space-around;
}
.buy-section .tab-content .paid-parking .car-selection input:checked+label {
color: #1D1F24;
}
.buy-section .tab-content .paid-parking .car-selection input:checked+label {
border: 2px solid var(--orange);
}
.form-group.car-selection input:checked+label {
background: var(--white);
border: 2px solid var(--orange);
}
.buy-section .tab-content .paid-parking .car-selection img {
width: 65px;
height: auto;
margin-bottom: 0;
}
.buy-section .tab-content .parking-content .btn-continue {
display: flex;
justify-content: center;
margin: 1rem auto;
width: 280px;
height: 48px;
padding: 9px 20px;
font-size: 20px;
font-weight: 600;
}
@media (max-width: 767px){
.buy-section .tab-content .btn-continue.btn-continue-desktop { display: none; }
.buy-section .tab-content .btn-continue.btn-continue-mobile {
margin: 0 auto;
display: block;
}
}
@media (min-width: 768px){
.buy-section .tab-content .btn-continue.btn-continue-mobile { display: none; }
}
/*Start Develop-ks Vip Parking*/
.buy-section .tab-content .parking-content .new-select-slider-view {
margin-top: 22px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .small-width {
margin: 0 auto;
}
.buy-section .tab-content .parking-content .new-select-slider-view .or-divider {
margin: 30px auto 30px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .or-divider span {
color: #ffffff;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider {
max-width: 244px;
margin: 0 auto;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-prev {
left: -40px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-next {
right: -40px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-prev,
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-next {
height: auto;
width: auto;
box-shadow: none;
border-radius: 0;
background: transparent;
font-size: 14px;
line-height: normal;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-prev:hover,
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-prev:focus,
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-next:hover,
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slick-next:focus {
background: transparent;
box-shadow: none;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control {
min-height: auto;
padding: 0;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .custom-control-input {
opacity: 0;
display: none;
z-index: -1;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .custom-control-input:checked~.icon {
background: linear-gradient(white, white) padding-box, linear-gradient(0deg, #F37021, #F37021),
linear-gradient(180deg, #FF6000 0%, #FF9000 100%, #F5D7AB 100%) border-box;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
padding: 23px 20px;
margin: 12px 8px;
border: 2px solid transparent;
border-image-slice: 1;
border-width: 2px;
border-radius: 10px;
cursor: pointer;
line-height: normal;
white-space: normal;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon:before ,
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon:after {
content: none;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon img {
margin: 0;
margin-inline-end: 19px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon span {
font-size: 20px;
font-weight: 400;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view {
margin: 22px auto;
max-width: 475px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view .add-class-btn {
font-size: 20px;
font-weight: 600;
background: linear-gradient(0deg, #F37021, #F37021), linear-gradient(180deg, #FF6000 0%, #FF9000 99.99%, #F5D7AB 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-flex;
align-items: center;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view .add-class-btn i {
margin-inline-end: 8px;
font-weight: 800;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view .add-new-car-view {
border-radius: 20px;
background: #fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
padding: 28px;
margin: 15px 0 42px;
display: none;
position: relative;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view .add-new-car-view .close-new-car{
position: absolute;
top: 28px;
right: 28px;
display: inline-block;
}
.buy-section .tab-content .parking-content .new-select-slider-view .privacy-condition-view {
max-width: 590px;
margin: 0 auto;
}
/*Add New Modal*/
.addNewCar_modal .modal-dialog .modal-content {
background-color: var(--white);
border-radius: 20px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-header {
padding: 0;
border: none;
border-radius: 0;
}
.addNewCar_modal .modal-dialog .modal-content .modal-header h5 {
font-size: 17px;
font-weight: 600;
color: var(--blue);
line-height: normal;
margin-bottom: 0;
}
.addNewCar_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;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body {
padding-top: 12px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .form-group .form-control {
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
color: #171717 !important;
line-height: 21px;
background-color: var(--white);
border: 1px solid #E5E4E5;
padding: 10px 16px;
border-radius: 8px;
letter-spacing: 0;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .car-plate {
display: flex;
column-gap: 10px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .car-plate .form-group {
max-width: 100%;
flex: 1 0 0;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-checkbox {
min-height: auto;
padding-inline-start: 26px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-input {
width: 1rem;
height: 1rem;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
color: var(--white);
background: var(--orange);
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-checkbox .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-label {
margin-bottom: 0;
color: var(--text-primary);
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-label::before {
top: 0;
left: -26px;
display: block;
width: 1rem;
height: 1rem;
background-color: #fff;
border: var(--orange) solid 1px;
border-radius: 4px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-label::after {
left: -26px;
top: 0;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .form-group .custom-control-label.modal-save-car {
color: #000000;
font-size: 12px;
font-weight: 400;
line-height: normal;
white-space: normal;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .form-group .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .btn {
margin-top: 20px;
min-width: 212px;
height: 44px;
width: auto;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.form-group.car-selection label span {
font-size: 12px;
color: #888;
}
.form-group.car-selection input:checked+label span {
color: #1D1F24;
}
.form-group.car-selection label img {
width: 40px;
}
.form-group.car-selection label{
width: 79px;
height: 80px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view .add-class-btn {
font-size: 16px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .add-car-view {
margin: 16px auto;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon img {
width: 45px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider {
max-width: 198px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon {
padding: 21px 20px;
}
.buy-section .tab-content .parking-content .new-select-slider-view .select-saved-car-slider .slide-item .custom-control .icon span {
font-size: 16px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-input {
top: 3px;
}
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-label::before,
.addNewCar_modal .modal-dialog .modal-content .modal-body .custom-control-label::after {
top: 1px;
}
#addCarModalButton .modal-dialog {
margin: 1rem;
}
}
/*End Develop-ks Vip Parking*/
/* VIP parking payment popup */
#ParkingPaymentPopup .modal-dialog {
max-width: 650px;
width: 80%;
}
#ParkingPaymentPopup .modal-content { border-radius: 20px; }
#ParkingPaymentPopup .modal-content .modal-body h5 {
font-size: 24px;
font-weight: var(--font-weight-bold);
color: var(--text-primary);
margin-top: 30px;
margin-bottom: 40px;
}
#ParkingPaymentPopup .modal-content .modal-body p {
font-weight: var(--font-weight-medium);
color: var(--text-primary);
font-size: 18px;
text-align: center;
}
#ParkingPaymentPopup .modal-content .modal-body .order-number {
position: relative;
}
#ParkingPaymentPopup .modal-content .modal-body .order-number p{
color: var(--blue);
font-size: 1rem;
margin-bottom: 1rem;
font-weight: var(--font-weight-medium);
}
#ParkingPaymentPopup .modal-content .modal-body .order-number h6{
color: var(--blue);
font-size: 20px;
font-weight: var(--font-weight-bold);
margin-bottom: 50px;
}
#ParkingPaymentPopup .modal-content .modal-body .apple-pay-icon { display: none; }
#ParkingPaymentPopup .modal-content .modal-body .btn {
margin: 30px auto 20px auto;
font-size: 1rem;
font-weight: 600;
}
/* End VIP parking */
/* Select2 */
.select2-container {
width: 100% !important;
}
.select2-search--dropdown { display: none ; }
.checkout-journey .select2-search--dropdown { display: block ; }
.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);
font-size: 18px;
color: var(--text-dark);
}
@media (max-width: 767px) {
.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; }
}
.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) !important;
}
.select2-selection__placeholder { color: var(--secondary); }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
content: url('../images/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/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: inherit;
font-weight: inherit;
color: inherit;
}
.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;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: var(--white);
background-color: var(--blue);
}
#select2-new_mediacode-results li:last-child {
color: var(--orange);
font-size: 16px;
font-weight: var(--font-weight-semibold);
}
@media (max-width: 767px) {
#select2-new_mediacode-results li:last-child {
font-size: 14px;
font-weight: var(--font-weight-medium);
}
}
/******** New Buy journey Responsive *******/
@media (min-width: 576px) {
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .mobile-break { display: none; }
.buy-section .tab-content .entry-ticket-content .gallery-title { display: none; }
}
@media (max-width: 767px) {
.buy-section {
padding-bottom: 20px;
}
.buy-section.new-buy-section .tab-content .white-bg {
padding: 0;
}
.buy-section .tab-content .buy-section-banner {
padding: 20px;
}
/* Park Entry responsive */
.buy-section #park-entry .white-bg {
padding: 15px 20px;
}
.buy-section #park-entry .white-bg.entry-ticket-div {
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.buy-section .tab-content .entry-ticket-content .top-message{
border: 1px solid var(--white);
margin-bottom: 10px;
font-size: 10px;
width: auto;
padding: 8px 5px;
text-align: center;
margin-left: 10px;
margin-right: 10px;
}
.buy-section .tab-content .entry-ticket-content .top-message svg {
width: 14px;
height: 14px;
flex: 0 0 20px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title {
display: block;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title h3 {
font-size: 1rem;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .entry-ticket-content .buy-title h3 {
font-size: 22px;
margin-bottom: 10px;
}
.buy-section .tab-content .entry-ticket-content .gallery.entry-gallery .small-image,
.buy-section .tab-content .entry-ticket-content .gallery.entry-gallery .big-image {
height: 100px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .entry-ticket-price {
font-size: 12px;
}
.buy-section .tab-content .entry-ticket-content .switch span {
font-size: 12px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-title .entry-ticket-price .icon-dirham-symbol {
font-size: 12px;
}
.buy-section .tab-content .entry-ticket-content .switch .slider {
flex: 0 0 38px;
width: 38px;
height: 20px;
padding: 1.5px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:first-child .left h5 {
color: var(--blue);
font-size: 12px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:first-child .left small {
font-size: 10px;
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left .price { font-size: 14px; }
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left .price span { font-size: 10px; }
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .quantity input {
width: 30px;
font-size: 14px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left h5 {
font-size: 12px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list .left span {
font-size: 10px;
font-weight: var(--font-weight-normal);
}
.buy-section .tab-content .entry-ticket-content .entry-add-to-cart-button {
text-align: center;
margin-top: 20px;
margin-bottom: 0;
}
.buy-section .tab-content .entry-ticket-content .entry-add-to-cart-button + hr { display: none; }
.buy-section .tab-content .entry-ticket-content .entry-add-to-cart-button .btn-theme {
font-size: 14px;
height: 44px;
margin: auto;
}
.buy-section .tab-content .entry-ticket-content .blackout-dates {
font-size: 12px;
column-gap: 6px;
padding-top: 10px;
}
.buy-section .tab-content .entry-ticket-content .blackout-dates svg {
width: 12px;
height: 12px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket { margin-top: 0; }
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list {
border-bottom: none;
/* background:url('../images/icons/zigzag-border.svg') repeat-x top left; */
margin-bottom: 10px;
}
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:last-child {margin-bottom: 10px; }
.buy-section .tab-content .entry-ticket-content .add-entry-ticket .list:first-child {
padding-bottom: 0;
background: none;
}
.buy-section .tab-content .entry-ticket-content .switch {
margin-bottom: 20px;
align-items: start;
}
.buy-section .tab-content .entry-ticket-content .gallery-title {
font-size: 18px;
font-weight: var(--font-weight-bold);
color: var(--blue);
padding: 20px 0;
}
.buy-section .tab-content .entry-ticket-content .what-included {
padding-top: 20px;
padding-bottom: 20px;
}
.buy-section .tab-content .entry-ticket-content .what-included ul li {
align-items: start;
}
.buy-section .tab-content .entry-ticket-content .what-included h4 {
font-size: 18px;
margin-bottom: 15px;
}
.buy-section .tab-content .entry-ticket-content .what-included .included-list { margin-bottom: 20px; }
.buy-section .tab-content .entry-ticket-content .what-included .included-list li {
font-size: 12px;
margin-bottom: 10px;
}
.buy-section .tab-content .entry-ticket-content .what-included h5 {
font-size: 18px;
margin-bottom: 20px;
}
.buy-section .tab-content .entry-ticket-content .what-included ul li span { font-size: 12px; }
.buy-section .tab-content .entry-ticket-content .what-included .terms-conditions { margin-top: 30px; }
.buy-section .tab-content .entry-ticket-content .what-included .terms-conditions h6 {
font-size: 18px;
margin-bottom: 10px;
}
.buy-section .tab-content .entry-ticket-content .what-included .terms-conditions span { font-size: 12px; }
.buy-section .tab-content .entry-ticket-content .switch .thumb {
width: 17px;
height: 17px;
}
.buy-section .tab-content .entry-ticket-content .switch .checkbox:checked+.slider .thumb {
transform: translateX(1.1rem);
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .big-image .image { height: 100px; }
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .small-image .image { height: 100px; }
/* entry ticket gallery responsive*/
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery {
display: block;
margin: 0 -20px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery button.btn-theme { display: none; }
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image {
height: 100px;
margin: 5px;
width: -webkit-fill-available;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image:nth-child(1),
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image:nth-child(2) {
height: 100px;
}
.buy-section .tab-content .entry-ticket-content .entry-ticket-gallery .image:nth-child(3)
{
height: 100px;
}
/* entry ticket popup responsive*/
.checkout-popup .modal-content .modal-body .logo-wrapper { margin-bottom: 15px; }
#BlackoutDatesPopup .modal-content .modal-body h5 {
font-size: 16px;
text-align: center;
margin-bottom: 0;
}
#BlackoutDatesPopup .modal-content .modal-body .order-number p {
font-size: 14px;
font-weight: var(--font-weight-normal);
text-align: center;
}
#BlackoutDatesPopup .modal-content .modal-body .order-number h6 { font-size: 16px; }
#BlackoutDatesPopup .modal-content .modal-body .btn {
font-size: 14px;
margin: 12px auto 0px auto
}
#BlackoutDatesPopup .modal-content .modal-body p.anyday-ticket { display: none; }
/* Guest service Responsive*/
.buy-section .tab-content .guest-service-content .list {
margin-top: 1rem;
}
.buy-section .tab-content .guest-service-content .list-image {
width: 145px;
height: 85px;
}
.buy-section .tab-content .guest-service-content .list-content { padding: 10px; }
.buy-section .tab-content .guest-service-content h5 {
margin-top: 20px;
margin-bottom: 20px;
}
.buy-section .tab-content .guest-service-content p {
font-size: 12px;
font-weight: var(--font-weight-semibold);
}
.buy-section .tab-content .guest-service-content p.list-title {
font-size: 14px;
font-weight: var(--font-weight-medium);
}
.buy-section .tab-content .guest-service-content p.small-text {
font-size: 10px;
}
.buy-section .tab-content .guest-service-content .store-icons a {
margin: 0 10px;
height: auto;
}
.buy-section .tab-content .guest-service-content .store-icons a:nth-child(2) {
display: none;
}
.buy-section .tab-content .guest-service-content .store-icons a img {
width: 135px;
height: auto;
}
.buy-section .tab-content .guest-service-content .buy-title {
margin-top: 0;
margin-bottom: 0px;
}
.buy-section .tab-content .guest-service-content .buy-title h4 {
font-size: 16px;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .detail-content {
padding: 0;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .buy-title p.desc {
font-size: 12px;
font-weight: 400;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .buy-title h4 {
font-size: 20px;
text-align: center;
margin-bottom: 10px;
}
.buy-section .tab-content .guest-service-content .gallery.guest-gallery .small-image,
.buy-section .tab-content .guest-service-content .gallery.guest-gallery .big-image {
height: 100px;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .back-guest-service {
top:4px;
font-size: 14px ;
}
.buy-section .tab-content .guest-service-content .guest-service-detail .buy-title .desc p {
font-size: 12px;
margin-bottom: 20px;
padding: 0 20px;
}
/* guest service gallery responsive*/
.buy-section .tab-content .guest-service-content .guest-service-gallery {
display: block;
margin: 0 -20px;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image {
margin: 5px;
height: 100px;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image:nth-child(1),
.buy-section .tab-content .guest-service-content .guest-service-gallery .image:nth-child(2) {
height: 100px;
}
.buy-section .tab-content .guest-service-content .guest-service-gallery .image:nth-child(3)
{
height: 100px;
}
/* VIP parking responsive*/
.buy-section .tab-content .parking-content h5 {
font-size: 1rem;
}
.buy-section .tab-content .parking-content p{
font-size: 12px;
}
.buy-section .tab-content .parking-content .paid-parking { margin-top: 27px; }
.buy-section .tab-content .parking-content h5.parking-ticket-title { margin-bottom: 0.5rem; }
.buy-section .tab-content .parking-content .form-group .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .parking-content .form-group .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .parking-content .form-group .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .parking-content .form-group .form-control:-moz-placeholder {
color: rgba(0, 0, 0, 0.19);
}
.buy-section .tab-content .parking-content .form-group .form-control {
height:44px;
width: 100%;
font-size: 14px;
font-weight: 400;
}
.buy-section.new-buy-section .tab-content .parking-content .or-divider {
margin: 26px 0 26px 0;
}
.buy-section.new-buy-section .tab-content .parking-content .or-divider span {
width: auto;
font-size: 10px;
padding: 3px 12px;
top: -10px;
}
.buy-section .tab-content .parking-content .form-group {
margin-bottom: 15px;
}
.buy-section .tab-content .parking-content .car-plate {
display: flex;
column-gap: 10px;
}
.buy-section .tab-content .parking-content .car-plate .form-group{
max-width: 100%;
flex: 1 0 0;
}
.buy-section .tab-content .parking-content h5.user-title { margin-top: 15px; margin-bottom: 15px;}
.buy-section .tab-content .parking-content .form-group .custom-checkbox {
padding-inline-start: 30px;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-input {
width: 1rem;
height: 1rem;
top: 0.25rem;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label::before,
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label::after {
width: 1rem;
height: 1rem;
left: -30px;
top: 0.25rem;
}
.buy-section .tab-content .parking-content .form-group .custom-checkbox .custom-control-label {
font-size: 12px;
}
.buy-section .tab-content .parking-content .form-group .custom-control-label a {
font-size: 12px;
}
.buy-section .tab-content .btn-continue {
font-size: 14px;
font-weight: 600;
height: 44px;
width: 212px;
}
.buy-section .tab-content .parking-content .paid-parking input.parking-number {
width: 100%;
}
.buy-section .tab-content .parking-content .small-width {
max-width: 100%;
}
.buy-section .tab-content .form-group.car-selection input+label {
width: 80px;
height: 80px;
}
.buy-section .tab-content .paid-parking .car-selection img {
width: 45px;
}
.buy-section .tab-content .paid-parking .car-selection input:checked+label span {
font-size: 12px;
}
/* VIP parking payment popup responsive */
#ParkingPaymentPopup .modal-content .modal-body .logo-wrapper {
margin-bottom: 15px;
}
#ParkingPaymentPopup .modal-content .modal-body h5 {
font-size: 16px;
margin-bottom: 15px;
text-align: center;
}
#ParkingPaymentPopup .modal-content .modal-body .order-number p {
font-size: 14px;
margin-bottom: 10px;
text-align: center;
}
#ParkingPaymentPopup .modal-content .modal-body .order-number h6 {
margin-bottom: 1rem;
font-size: 1rem;
text-align: center;
}
#ParkingPaymentPopup .modal-content .modal-body .apple-pay-icon {
display: block;
text-align: center;
}
#ParkingPaymentPopup .modal-content .modal-body .btn {
font-size: 14px;
margin: 5px auto 0px auto
}
}
/* ===== End New Buy Jorney ===== */
/* Recommended for you pop-up new design */
#recommended .modal-dialog {
width: fit-content;
max-width: 1650px;
}
#recommended.recommended-one-card .modal-dialog {
width: fit-content;
max-width: 800px;
}
#recommended .modal-content .modal-body .one-thumbnail-card {
max-width: 100%;
}
#recommended .modal-content.upsell-popup-content {
border-radius: 18px;
}
#recommended .modal-content.upsell-popup-content .modal-body {
padding: 30px 45px 45px 45px;
}
#recommended .modal-content.upsell-popup-content .modal-body .modal-heading h4 {
font-size: 40px;
color: #20295C;
}
#recommended .modal-content.upsell-popup-content a.recommended-close {
position: absolute;
right: 40px;
top: 40px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: #000000;
background: transparent;
font-size: 24px;
}
#recommended .modal-content.upsell-popup-content a.recommended-close svg {
width: 24px;
height: 24px;
}
#recommended .modal-content.upsell-popup-content .modal-body p {
padding-bottom: 20px;
font-size: 18px;
color: #171717;
margin-bottom: 28px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 20px;
border: none;
padding: 25px;
width: 509px !important;
margin: 10px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .image,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .image {
border-radius: 16px;
margin-bottom: 0;
max-width: 180px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .card-body,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .card-body {
display: flex;
gap: 30px;
padding: 0;
height: auto;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .details,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .details {
min-height: auto;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .details h4,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .details h4 {
font-size: 18px;
color: #20295C;
margin-bottom: 15px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .details p, #recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .details p {
font-size: 14px;
color: #171717;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .slick-track,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .slick-track {
width: 100% !important;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity {
margin-top: 17px;
display: flex;
justify-content: space-between;
align-items: center;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity h5,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity h5 {
display: flex;
align-items: center;
gap: 8px;
font-size: 26px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity .currentPrice small,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity .currentPrice small {
font-size: 18px;
color: #929292;
font-weight: 500;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity .currentPrice small,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity .currentPrice small {
font-size: 18px;
color: #929292;
font-weight: 500;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity .currentPrice strike,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity .currentPrice strike {
color: #707070;
font-weight: 700;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .quantity button,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .quantity button {
width: 40px;
height: 40px;
line-height: 40px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .quantity input,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .quantity input {
font-size: 18px;
color: #484848;
font-weight: 500;
}
#recommended .modal-content.upsell-popup-content .modal-footer {
padding: 7px 0 48px;
}
#recommended .modal-content.upsell-popup-content .modal-buttons .btn.btn-theme-bordered {
border: none;
border-radius: 0.75rem;
font-size: 14px;
}
#recommended .modal-content.upsell-popup-content .modal-buttons .btn {
width: 210px;
font-size: 20px;
height: 48px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .view-content,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .view-content {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1654px) {
#recommended .modal-dialog {
max-width: 1120px;
}
}
@media (max-width: 1140px) {
#recommended .modal-dialog {
max-width: 966px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox {
width: 430px !important;
}
}
@media (max-width: 991px) {
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox {
width: -webkit-fill-available !important;
}
#recommended .modal-dialog {
margin: 15px;
}
#recommended.recommended-one-card .modal-dialog {
margin: auto;
}
}
@media (max-width: 767px) {
#recommended .modal-content.upsell-popup-content .modal-body {
padding: 36px 20px 40px 20px;
height: auto;
}
#recommended .modal-content.upsell-popup-content .modal-body .modal-heading h4 {
font-size: 20px;
}
#recommended .modal-content.upsell-popup-content .modal-body p {
font-size: 12px;
margin-bottom: 0;
padding-bottom: 0;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .card-body,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .card-body {
gap: 22px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .image,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .image {
max-width: 96px;
max-height: 96px;
border-radius: 12px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .details h4,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .details h4 {
font-size: 14px;
margin-bottom: 6px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .details p,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .details p {
font-size: 10px;
height: 26px;
}
#recommended .modal-content.upsell-popup-content .modal-footer {
position: inherit;
border: none;
border-radius: 18px;
padding: 7px 0 9px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox {
padding: 0;
box-shadow: none;
border-bottom: solid 1px #A7A4A9;
border-radius: 0;
padding-bottom: 17px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox:last-child,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox:last-child {
border-bottom: none;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .quantity button,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .quantity button {
width: 30px;
height: 30px;
line-height: 30px;
}
#recommended .modal-content.upsell-popup-content .modal-buttons {
flex-direction: column-reverse;
width: auto;
}
#recommended .modal-content.upsell-popup-content .modal-buttons .btn {
width: 260px;
font-size: 14px;
margin: 0;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .view-content,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .view-content {
margin: 0;
}
#recommended .modal-content.upsell-popup-content a.recommended-close {
right: 20px;
top: 20px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity h5,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity h5 {
font-size: 20px;
}
#recommended .modal-content.upsell-popup-content .modal-body .three-thumbnails-card .cardbox .upsell-quantity .currentPrice small,
#recommended .modal-content.upsell-popup-content .modal-body .one-thumbnail-card .cardbox .upsell-quantity .currentPrice small {
font-size: 14px;
}
#recommended.recommended-one-card .modal-dialog {
margin: 15px;
max-width: 100%;
width: auto;
}
}
#ETicketOffers .modal-dialog {
max-width: 1100px;
}
#ETicketOffers .slick-track {
margin-left: auto;
margin-right: auto
}
#guestCheckoutConfirmationPopup .modal-dialog { max-width: 600px; }
#guestCheckoutConfirmationPopup .email-box { position: relative;}
#guestCheckoutConfirmationPopup .email-box #guestCheckoutConfirmationEmail {
display: block;
width: 100%;
height: 54px;
margin: 0;
padding: 5px 65px 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);
position: relative;
}
#guestCheckoutConfirmationPopup .email-box #guestCheckoutConfirmationEmail:disabled {
color: #AAA !important;
background-color: #EEE;
border: 2px solid #EEE;
cursor: auto;
}
#guestCheckoutConfirmationPopup .email-box span {
position: absolute;
top: 4px;
right: 0;
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;
}
/* Buy section special offer tab new design */
.buy-section .tab-content .buy-title h4 {
font-size: 32px;
color: #20295C;
margin-bottom: 32px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content {
/* display: flex; */
align-items: center;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row {
/* width: calc(32% - 15px); */
/* flex: 0 0 calc(32% - 15px); */
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content {
display: flex;
align-items: flex-start;
gap: 20px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .image {
min-width: 300px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .image span {
display: block;
height: 242px;
box-shadow: 0px 11.6959px 23.3918px 3.50877px rgba(0, 0, 0, 0.2);
background-size: cover;
object-fit: cover;
border-radius: 14px;
margin-bottom: 14px;
background-size: cover !important;
background-position: center !important;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .ticket-name h4 {
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-semibold);
color: #20295C;
margin-bottom: 15px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .ticket-name i {
font-size: 14px
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp {
/* display: flex; */
align-items: center;
justify-content: space-between;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .price_head {
font-size: 18px;
color: #171717;
margin-top: 0;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .price_head small,
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .price_head strike {
color: #A19EA3;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .bottom {
display: flex;
align-items: center;
gap: 10px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .bottom .btn {
margin-top: 0;
width: 160px;
flex: 0 0 160px;
font-size: 16px;
color: #fff;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .bottom .quantity {
margin-bottom: 0;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .ticket-terms a {
font-weight: var(--font-weight-medium);
color: var(--orange);
}
@media (max-width: 1599px) {
/* .buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row {
width: calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
} */
}
@media (max-width: 991px) {
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row {
width: 100%;
flex: 0 0 100%;
}
}
@media (max-width: 767px) {
.buy-section .tab-content .buy-title h4 {
font-size: 24px;
margin-bottom: 16px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content {
flex-direction: column;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content a {
display: block;
width: 100%;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .image {
min-width: 100%;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .image span {
height: 210px;
margin-bottom: 12px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .price_head {
font-size: 14px;
}
.buy-section .tab-content .views-element-container .view-exclusive-offers .view-content .views-row .content .details .price-btn-wrp .bottom .btn {
width: 140px;
flex: 0 0 140px;
font-size: 14px;
}
}
/* EXO-Planet-City page css start */
.exo-city-section {
margin-top: 20px;
margin-bottom: 20px;
position: relative;
padding: 5px;
}
.exo-city-section .exo-city-wrp {
display: flex;
align-items: center;
box-shadow: 0px 0px 9.12699px rgba(0, 0, 0, 0.1);
border-radius: 18px;
overflow: hidden;
}
.exo-city-section .exo-city-wrp .image-wrp {
max-width: 430px;
min-width: 430px;
height: 300px;
}
.exo-city-section .exo-city-wrp .image-wrp img {
width: 100%;
height: 100%;
object-fit: cover;
}
.exo-city-section .exo-city-wrp .details {
padding: 28px 50px;
width: 100%;
}
.exo-city-section .exo-city-wrp .details .title {
font-size: 20px;
color: #20295C;
margin-bottom: 26px;
}
.exo-city-section .exo-city-wrp .details p {
font-size: 18px;
color: #4E4953;
margin-bottom: 20px;
}
.exo-city-section .exo-city-wrp .details .price-quntity {
display: flex;
align-items: center;
justify-content: space-between;
}
.exo-city-section .exo-city-wrp .details .price-quntity .quntity {
display: flex;
align-items: center;
}
.exo-city-section .exo-city-wrp .details .price-quntity .quntity input {
width: 40px;
text-align: center;
border: none;
font-size: calc(var(--root-font) + 8px);
font-weight: var(--font-weight-medium);
}
.exo-city-section .exo-city-wrp .details .price-quntity .quntity button {
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 50%;
color: var(--orange);
background: var(--white);
border: 1px solid var(--orange);
text-align: center;
padding: 0;
}
.exo-city-section .exo-city-wrp .details .price-quntity .price p {
font-size: 20px;
font-weight: 600;
color: #A09EA2;
margin-bottom: 0;
}
.exo-city-section .exo-city-wrp .details .price-quntity .price p span {
color: #171717;
}
.exo-city-section .exo-city-wrp .details .button-wrp {
text-align: end;
}
.exo-city-section .exo-city-wrp .details .button-wrp {
text-align: end;
}
.exo-city-section .exo-city-wrp .details .button-wrp .btn-theme {
margin-top: 26px;
width: 195px;
height: 35px;
padding: 0;
}
@media (max-width: 1199px) {
.exo-city-section .exo-city-wrp .details {
padding: 20px;
}
.exo-city-section .exo-city-wrp .image-wrp {
max-width: 360px;
min-width: 360px;
}
}
@media (max-width: 991px) {
.exo-city-section .exo-city-wrp .image-wrp {
height: 320px;
}
}
@media (max-width: 767px) {
.exo-city-section .exo-city-wrp {
flex-direction: column;
}
.exo-city-section .exo-city-wrp .image-wrp {
max-width: 100%;
min-width: 100%;
height: auto;
}
.exo-city-section .exo-city-wrp .details .title {
margin-bottom: 16px;
font-size: 18px;
}
.exo-city-section .exo-city-wrp .details p {
font-size: 14px;
}
.exo-city-section .exo-city-wrp .details .button-wrp {
text-align: center;
}
.exo-city-section .exo-city-wrp .details .button-wrp .btn-theme {
height: 35px;
}
.exo-city-section .exo-city-wrp .details .price-quntity .price p {
font-size: 16px;
}
}
.total-block.exocity {
background: var(--white);
background: linear-gradient(180deg, #004A8F 0%, #20295C 100%), #004A8F;
}
.total-block.exocity .show-hide-content {
color: var(--orange);
}
.total-block.exocity .attraction-list {
align-items: center;
}
.total.exocity .list .left h6, .total.exocity .list .left .price, .total.exocity .list .left .price .light {
color: var(--white);
}
.total.exocity .list .quantity button {
background: var(--orange);
color: var(--white);
}
.total.exocity .list .quantity input {
color: var(--white);
background: transparent;
}
.exo-city-section-wrapper .exo-city-lists .slick-prev,
.exo-city-section-wrapper .exo-city-lists .slick-next {
font-size: 16px;
width: 8px;
height: 16px;
position: absolute;
box-shadow: none;
background: transparent;
color: var(--blue);
}
.exo-city-section-wrapper .exo-city-lists .slick-prev {
left: auto;
right: 80px;
top: -12px;
}
.exo-city-section-wrapper .exo-city-lists .slick-next {
right: 0;
top: -12px;
}
@media (max-width: 767px) {
.exo-city-section-wrapper .exo-city-lists .slick-prev {
top: -14px;
}
.exo-city-section-wrapper .exo-city-lists .slick-next {
top: -14px;
}
}
.exo-city-section-wrapper .list-header {
text-align: end;
}
.exo-city-section-wrapper .slide-count-wrap {
font-size: 14px;
font-weight: var(--font-weight-semibold);
color: var(--blue);
/* margin-bottom: 16px; */
margin-inline-end: 24px;
}
.exo-city-section-wrapper .slide-count-wrap .total { box-shadow: none; }
/* EXO-Planet-City page css end */
/* Review Modal css start */
@media (max-width: 767px) {
#LoginNow .modal-content .modal-body p {
width: 80%;
margin: auto;
}
}
/* Review Modal css end */
/* updated css */
/* Wondered */
.img-cta-text {
background-color: #F4E4CF;
display: flex;
justify-content: center;
position: relative;
margin-top: 230px;
}
@media (max-width: 991px) {
.img-cta-text {
padding: 0rem 1.25rem;
margin-top: 120px;
}
}
@media (max-width: 767px) {
.img-cta-text {
padding: 0rem 1.25rem;
margin-top: 40px;
}
}
.img-cta-text .img-text-container {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1160px;
margin: 0 auto;
height: 314px;
gap: 60px;
padding: 0 20px;
}
@media screen and (max-width: 1024px) {
.img-cta-text .img-text-container {
gap: 33px;
}
}
@media screen and (max-width: 767px) {
.img-cta-text .img-text-container {
height: auto;
gap: 20px;
}
}
.img-cta-text .img-text-container .image-content {
flex: 1;
}
@media (max-width: 768px) {
.img-cta-text .img-text-container .image-content {
order: 2;
margin-top: 1rem;
}
}
@media (max-width: 767px) {
.img-cta-text .img-text-container .image-content {
order: 2;
margin-top: 1rem;
}
}
.img-cta-text .img-text-container .image-content .main-img {
width: 100%;
position: relative;
height: auto;
max-width: 592px;
bottom: 110px;
}
@media (max-width: 1440px) {
.img-cta-text .img-text-container .image-content .main-img {
bottom: 80px;
}
}
html:lang(ar) .img-cta-text .img-text-container .image-content .main-img {
}
@media (max-width: 1440px) {
html:lang(ar) .img-cta-text .img-text-container .image-content .main-img {
}
}
@media (max-width: 991px) {
.img-cta-text .img-text-container .image-content .main-img {
bottom: 50px;
}
}
@media (max-width: 850px) {
.img-cta-text .img-text-container .image-content .main-img {
bottom: 20px;
width: 100%;
}
}
@media (max-width: 767px) {
.img-cta-text .img-text-container .image-content .main-img {
width: 100%;
bottom: 0px;
}
}
.img-cta-text .img-text-container .heading-link-div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-inline-start: 2rem;
}
@media (max-width: 1440px) {
.img-cta-text .img-text-container .heading-link-div {
padding-inline-start: 0rem;
}
}
@media (max-width: 768px) {
.img-cta-text .img-text-container .heading-link-div {
padding-inline-start: 0;
}
}
.img-cta-text .img-text-container .heading-link-div .wondered-heading {
font-size: 2.5rem;
font-weight: 700;
color: #00386E;
margin-bottom: 3.125rem;
margin-top: 0;
line-height: 36x;
}
@media (max-width: 1440px) {
.img-cta-text .img-text-container .heading-link-div .wondered-heading {
margin-bottom: 2rem;
}
}
@media (max-width: 1024px) {
.img-cta-text .img-text-container .heading-link-div .wondered-heading {
font-size: 1.5rem;
}
}
@media (max-width: 768px) {
.img-cta-text .img-text-container .heading-link-div .wondered-heading {
margin-bottom: 1.25rem;
margin-top: 1.25rem;
}
}
.img-cta-text .img-text-container .heading-link-div .wondered-link {
display: inline-block;
background-color: #F26F22;
color: #fff;
font-size: 1rem;
font-weight: 600;
padding: 0.75rem 1.875rem;
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
width: 390px;
display: flex;
position: relative;
justify-content: center;
outline: none;
box-shadow: none;
transition: all 0.3s ease;
overflow: hidden;
height: 50px;
align-items: center;
}
.img-cta-text .img-text-container .heading-link-div .wondered-link::after {
content: "";
position: absolute;
height: 155px;
left: -75px;
top: -50px;
width: 50px;
z-index: 0;
opacity: 0.2;
background: var(--white);
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.img-cta-text .img-text-container .heading-link-div .wondered-link:hover::after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 1440px) {
.img-cta-text .img-text-container .heading-link-div .wondered-link {
width: 100%;
display: flex;
justify-content: center;
}
}
@media (max-width: 1024px) {
.img-cta-text .img-text-container .heading-link-div .wondered-link {
width: 100%;
display: flex;
justify-content: center;
}
}
@media (max-width: 768px) {
.img-cta-text .img-text-container .heading-link-div .wondered-link {
width: 100%;
display: flex;
justify-content: center;
height: 44px;
}
}
.img-cta-text .img-text-container .heading-link-div .wondered-link:hover,
.img-cta-text .img-text-container .heading-link-div .wondered-link:focus {
outline: none;
box-shadow: none;
color: #fff;
}
.img-cta-text .img-text-container .heading-link-div .wondered-link:hover::after,
.img-cta-text .img-text-container .heading-link-div .wondered-link:focus::after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 768px) {
.img-cta-text .img-text-container {
flex-direction: column;
text-align: center;
padding: 43px 0px;
}
.img-cta-text .img-text-container .heading-link-div {
align-items: center;
padding-left: 0;
margin-top: 0em;
}
.img-cta-text .img-text-container .heading-link-div .wondered-heading {
font-size: 1.375rem;
margin-top: 0px;
margin-bottom: 0px;
}
.img-cta-text .img-text-container .heading-link-div .wondered-link {
padding: 0.625rem 1.5rem;
font-size: 0.875rem;
position: absolute;
bottom: 43px;
width: 270px;
}
}
/* new download-app*/
.download-app{
position: relative;
height: 100%;
}
.download-app .container{
position: relative;
height: 100%;
}
@media (max-width: 620px) {
.download-app{
display: flex;
flex-direction: column;
margin-top: 0;
}
}
.download-app .mobileapp {
position: absolute;
left: 0;
z-index: 0;
margin-top: -82px;
width: 28%;
bottom: 0;
}
@media (max-width: 1599px) {
.download-app .mobileapp {
width: 28%;
}
}
@media (max-width: 1479px) {
.download-app .mobileapp {
width: 34%;
}
}
@media (max-width: 1440px) {
.download-app .mobileapp {
width: 34%;
}
}
@media (max-width: 1024px) {
.download-app .mobileapp {
width: 32%;
margin-top: -45px;
}
}
@media (max-width: 900px) {
.download-app .mobileapp {
width: 36%;
margin-top: -45px;
}
}
@media (max-width: 768px) {
.download-app .mobileapp {
width:36%;
}
}
.download-app .content {
display: flex;
align-items: center;
min-height: 400px;
flex-direction: column;
margin-inline-start: 34%;
justify-content: center;
}
@media (max-width: 1199px) {
.download-app .content {
margin-inline-start: 38%;
min-height: 330px;
}
}
.download-app .content .title {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.download-app .content .title {
margin-bottom: 30px;
}
}
.download-app .content .title h3 {
font-size: 2.25rem;
font-weight: 700;
color: rgba(242, 111, 34, 1);
}
@media (max-width: 768px) {
.download-app .content .title h3 {
font-size: 1.5rem;
}
}
@media (max-width: 625px) {
.download-app .content .title h3 {
font-size: 1.125rem;
}
}
.download-app .content .title h5 {
max-width: none;
font-weight: 500;
color: rgba(109, 110, 112, 1) ;
}
@media (max-width: 768px) {
.download-app .content .title h5 {
font-size: 0.875rem;
}
}
@media (max-width: 620px) {
.download-app .content .title h5 {
font-size: 0.875rem;
}
}
.download-app .content img.mobileapp {
width: 375px;
flex: 0 0 375px;
margin-top: 160px;
margin-inline-start: 0px;
margin-inline-end: 50px;
}
.download-app .content>div {
width: 100%;
margin-left: 0 !important;
}
.download-app .content .store-icon {
display: flex;
}
@media (max-width: 767px) {
.download-app .content .store-icon { display: block;}
}
.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: 2rem; }
.download-app:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(244, 228, 207, 1);
}
@media (max-width: 767px) {
.download-app {
height: auto;
padding: 30px 0;
}
.download-app .mobileapp {
position: unset;
left: 0;
top: auto;
bottom: 0;
width: 80%;
margin-top: 0;
margin-inline-start: 10%;
}
.download-app .content {
height: auto;
min-height: auto;
margin-inline-start: 0;
}
.download-app .content img.mobileapp {
width: 150px;
flex: 0 0 150px;
margin-top: 0;
margin-inline-start: 0;
margin-inline-end: 20px;
}
}
@media (max-width: 576px) {
.download-app {
height: auto;
}
.download-app .content {
height: auto;
padding: 0;
}
.download-app .content img.mobileapp {
width: 200px;
flex: 0 0 200px;
margin-left: -45px;
position: absolute;
margin-right: 20px;
margin-top: -15px;
}
.download-app .content>div { margin-left: 150px; }
.download-app .content .title { margin-bottom: 20px; }
.download-app .content .title h3 { font-size: 1.125rem; }
.download-app .content .title h5 { font-size: 0.875rem; }
.download-app .content .store-icon {
padding-top: 0;
display: flex;
align-items: center;
margin-bottom: 0;
}
html:lang(ar) .download-app .content img.mobileapp {
margin-left: 20px;
margin-right: 0;
}
.download-app .content .store-icon a:nth-child(1) {
margin-right: 1rem;
margin-bottom: 0px;
}
}
/* New Park timings */
.park-timing-section {
position: relative;
background-color: #374151;
padding: 1.25rem 0;
z-index: 2;
}
.park-timing-section .season-accessiblity {
display: flex;
align-items: start;
justify-content: space-between;
column-gap: 1rem;
flex-wrap: wrap;
position: relative;
}
@media (max-width: 440px) {
.park-timing-section .season-accessiblity {
flex-direction: column;
}
}
.park-timing-section .footer-top .footer-top-content {
display: flex;
gap: 0.5rem;
line-height: 24px;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.park-timing-section .footer-top .footer-top-content .opening-hours > div {
margin-bottom: 0.5rem;
display: flex;
gap: 0.5rem;
line-height: 24px;
align-items: center;
}
@media (max-width: 767px) {
.park-timing-section .footer-top .footer-top-content .opening-hours > div {
align-items: start;
flex-direction: column;
}
}
.park-timing-section .footer-top .footer-top-content .opening-hours {
display: flex;
gap: 0.5rem;
line-height: 24px;
align-items: center;
flex-wrap: wrap;
font-size: 20px;
color: var(--white);
font-weight: 600;
}
@media (max-width: 767px) {
.park-timing-section .footer-top .footer-top-content .opening-hours {
font-size: var(--small-font);
}
}
.park-timing-section .footer-timing {
display: flex;
gap: 0.75rem;
align-items: start;
}
@media (max-width: 767px) {
.park-timing-section .footer-timing {
margin-top: 1rem;
flex-direction: column;
}
}
.park-timing-section .footer-timing svg {
width: 1.5rem;
height: 1.5rem;
margin-top: -3px;
}
.park-timing-section .footer-timing path {
fill: #ffffff;
}
.park-timing-section .footer-timing .timing-wrapper {
display: flex;
gap: 0.5rem;
align-items: start;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.park-timing-section .footer-timing .timing-wrapper {
flex-direction: column;
}
}
.park-timing-section .footer-timing .timing-wrapper .timing-block {
color: #ffffff;
line-height: 1rem;
padding-inline-end: 0.75rem;
margin-inline-end: 0.75rem;
border-inline-end: 1px solid #ffffff;
font-size: 15px;
}
.park-timing-section .footer-timing .timing-wrapper .timing-block:last-child {
border-inline-end: none;
}
@media (max-width: 767px) {
.park-timing-section .footer-timing .timing-wrapper .timing-block {
font-size: 12px;
padding-inline-end: 0;
margin-inline-end: 0;
border-inline-end:none;
}
}
.park-timing-section .footer-top .footer-top-content h6 {
font-size: 20px;
font-weight: 500 !important;
color: #f4a261;
display: flex;
gap: 0.5rem;
line-height: 24px;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.park-timing-section .footer-top .footer-top-content h6 {
font-size: 1rem;
}
}
.park-timing-section .footer-top .footer-top-content h6 img {
display: none;
}
.park-timing-section .footer-top .footer-top-content .accessibility-block li {
list-style: none;
margin-bottom: 0 !important;
font-size: 20px;
font-weight: 500;
color: #f4a261;
display: flex;
gap: 0.5rem;
line-height: 24px;
}
@media (max-width: 767px) {
.park-timing-section .footer-top .footer-top-content .accessibility-block li {
font-size: var(--small-font);
}
}
@media (max-width: 991px) {
.park-timing-section .footer-top .footer-top-content .accessibility-block li {
gap: 0;
}
}
@media (max-width: 767px) {
.park-timing-section .footer-top .footer-top-content .accessibility-block li {
gap: 0;
}
}
.park-timing-section .accessibility,
.park-timing-section .footer-top .footer-top-content .accessibility-block #Accessibility {
position: relative;
display: flex !important;
align-items: center;
gap: 4px;
}
@media (max-width: 767px) {
.park-timing-section .accessibility {
}
}
.park-timing-section .accessibility a {
color: #E8941F;
}
.park-timing-section .footer-top .footer-top-content
.accessibility-block
#Accessibility
.chevron-icon {
transition: transform 0.3s ease;
}
.park-timing-section .footer-top .footer-top-content
#Accessibility.is-open
.chevron-icon {
transform: rotate(180deg);
}
.park-timing-section .accessibility-icons {
position: absolute;
right: 0px;
top: 30px;
bottom: auto;
z-index: 10;
min-width: 270px;
padding: 16px;
border-radius: 16px;
background-color: #fff;
height: fit-content;
}
@media (max-width: 440px) {
.park-timing-section .accessibility-icons {
top: 88px;
left: 0;
right: auto;
}
}
html:lang(ar) .park-timing-section .accessibility-icons {
right: auto;
left: 0px;
}
@media (max-width: 440px) {
html:lang(ar) .park-timing-section .accessibility-icons {
top: 88px;
right: 0;
left: auto;
}
}
.park-timing-section .accessibility-icons ul {
list-style-type: none;
}
.park-timing-section .accessibility-icons
.resizeText {
display: flex;
flex-direction: row-reverse;
gap: 4px;
margin: 12px 0 24px;
justify-content: center;
}
.park-timing-section .accessibility-icons
.resizeText
li {
background: rgba(3, 3, 3, 0.0784313725);
border-radius: 12px;
margin-left: 0 !important;
}
.park-timing-section .accessibility-icons
.resizeText
li:hover {
box-shadow: none;
color: var(--white);
outline: none;
background: #F4A261;
}
.park-timing-section .accessibility-icons
.resizeText
li
span {
cursor: pointer;
display: flex !important;
padding: 12px 30px !important;
color: #120d26 !important;
}
.park-timing-section .accessibility-icons
.resizeText
li
span sup {
top: 0;
font-size: 100%;
}
.park-timing-section .accessibility-icons
.contrast-switch {
display: flex;
flex-direction: column;
margin-top: 10px !important;
width: 100%;
}
html:lang(ar) .park-timing-section .accessibility-icons
.contrast-switch {
width: 92%;
}
.park-timing-section .accessibility-icons
.contrast-switch
li {
margin: 5px 0 !important;
justify-content: space-between;
cursor: default !important;
}
.park-timing-section .accessibility-icons
.contrast-switch
li
span {
font-size: 14px !important;
color: #242633 !important;
font-weight: 500 !important;
}
.park-timing-section .accessibility-icons
.contrast-switch
li
span:hover {
cursor: pointer;
color: #89187b !important;
}
.park-timing-section .accessibility-icons
.contrast-switch
li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.park-timing-section .accessibility-icons
.contrast-switch
li
.form-check-input {
appearance: none;
width: 18px;
height: 18px;
border: 1px solid #919eab;
border-radius: 50%;
position: relative;
cursor: pointer;
outline: none;
transition: border-color 0.3s ease;
}
.park-timing-section .accessibility-icons
.contrast-switch
li
.form-check-input:focus {
box-shadow: none;
}
.park-timing-section .accessibility-icons
.contrast-switch
li
.form-check-input:checked::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #3179a9;
}
.park-timing-section .accessibility-icons
.contrast-switch
li
.form-check-input:checked {
background-color: #fff;
border: 1px solid #919eab;
}
.park-timing-section .accessibility-icons
h6 {
color: #000;
font-size: 18px !important;
font-weight: 500;
margin: 0;
}
.park-timing-section .accessibility-icons
.accessibility-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
display: none;
}
.park-timing-section .accessibility-icons
.accessibility-modal-overlay {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
}
.park-timing-section .accessibility-icons.mobile {
position: relative;
z-index: 10000;
background: #fff;
width: 90%;
max-width: 354px;
margin: 40% auto;
padding: 66px 18px 18px;
border-radius: 8px;
}
.park-timing-section .accessibility-icons.mobile
.resizeText
li {
padding: 0;
margin: 0;
list-style: none;
}
.park-timing-section .accessibility-icons.mobile
.contrast-switch {
margin-top: 30px;
}
.park-timing-section .accessibility-icons.mobile
.contrast-switch
li {
display: flex;
list-style: none;
}
.park-timing-section .accessibility-icons.mobile
.contrast-switch
li
span {
font-size: 14px !important;
color: #242633 !important;
font-weight: 500 !important;
}
.park-timing-section .accessibility-icons.mobile
.resizeText {
gap: 3px;
justify-content: center;
}
.park-timing-section .accessibility-icons.mobile
.resizeText
li
span {
padding-inline: 40px !important;
}
.park-timing-section .accessibility-icons.mobile
.close-accessibility-modal {
position: absolute;
top: 31px;
right: 31px;
font-size: 24px;
background: none;
border: none;
cursor: pointer;
}
@media (min-width: 992px) {
.park-timing-section .footer-top .footer-top-content
.accessibility-block
.accessibility-icons.desktop {
display: block;
cursor: default;
}
.park-timing-section .footer-top .footer-top-content
.accessibility-block
.accessibility-modal {
display: none !important;
}
}
.park-timing-section .accessibility-icons
.accessibility-label {
color: #f4a261;
display: block !important;
}
@media (max-width: 991px) {
.park-timing-section .footer-top .footer-top-content
.accessibility-block
.accessibility-label {
display: block !important;
}
}
.park-timing-section .accessibility-icons.desktop
svg
path {
fill: #120d26;
transition: fill 0.3s ease;
}
.park-timing-section .accessibility-icons.desktop
li:hover
svg
path {
fill: #fff;
}
.park-timing-section .accessibility-icons.desktop
li:focus
svg
path {
fill: #fff;
}
.park-timing-section .accessibility-icons
.font-btn-disabled {
background: var(--purple);
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;
}
.park-timing-section .accessibility-icons
body.red-weakness
#edit-surname-error,
.park-timing-section .accessibility-icons
body.red-weakness
#edit-email-address-error,
.park-timing-section .accessibility-icons
body.red-weakness
#edit-first-name-error {
filter: grayscale(1);
}
.park-timing-section .accessibility-icons
html[lang="ar"]
.accessibility-icons.mobile
.close-accessibility-modal {
right: auto;
left: 31px;
}
.park-timing-section .accessibility-icons
html[lang="ar"]
.accessibility-icons.mobile
h6 {
display: flex;
}
.park-timing-section .accessibility-icons
body.red-weakness
.accessibility
svg,
.park-timing-section .accessibility-icons
body.green-weakness
.accessibility
svg {
filter: none !important;
}
.park-timing-section .accessibility-icons
body.red-weakness
.webform-submission-form
.error,
.park-timing-section .accessibility-icons
body.red-weakness
#toast-container {
filter: grayscale(1);
}
.park-timing-section .accessibility-icons
.slick-dots
li
button:before {
font-size: 0 !important;
}
/* New Footer */
.site-footer .block {
margin: 0;
padding: 0;
border: none;
}
.site-footer {
padding: 3.5rem 0 1.625rem 0;
background: linear-gradient(180deg, #2D8DBC 0%, #20295C 100%);
}
@media(max-width: 575px) {
.site-footer {
padding: 1.5rem 0 1.625rem 0;
}
}
.site-footer::before {background: none; }
.site-footer .footer-wrapper {
max-width: 1150px;
margin: 0 auto
}
@media(max-width: 575px) {
.site-footer .footer-wrapper {
max-width:400px
}
}
.site-footer .footer-wrapper ul {
list-style: none
}
.site-footer .footer-wrapper ul li {
list-style: none;
margin-inline-start:0;margin-inline-end:0;margin-bottom: 0
}
.site-footer .footer-wrapper .footer-top {
background: transparent;
}
.site-footer .footer-wrapper .footer-top .footer-links {
width: 100%;
display: flex;
column-gap: 1.5rem;
align-items: flex-start;
margin-inline-start:auto;flex-wrap: wrap;
row-gap: 1rem;
justify-content: center;
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-top .footer-links {
width:100%;
flex: 0 0 100%
}
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links {
width: calc(25% - 2rem);
flex: 0 0 calc(25% - 2rem)
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-top .footer-links .quick-links {
width:calc(50% - .75rem);
flex: 0 0 calc(50% - .75rem)
}
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links .footer-title {
color: #F4A261;
font-size: 20px;
margin-bottom: 1rem;
font-weight: 600;
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links ul {
list-style: none
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links ul li {
line-height: 1.125rem;
list-style: none;
margin-inline-start:0}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links ul li:not(:last-child) {
margin-bottom: .5rem
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links ul li span,.site-footer .footer-wrapper .footer-top .footer-links .quick-links ul li a {
display: block;
color: var(--white);
line-height: 1.5rem;
font-size: 0.875rem;
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links {
width: 100%;
flex: 0 0 100%;
display: flex;
align-items: center
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links {
width:calc(50% - .75rem);
flex: 0 0 calc(50% - .75rem);
flex-direction: column;
align-items: flex-start
}
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links .footer-title {
display: none
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links .footer-title {
display:block
}
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links>ul {
display: flex;
align-items: center
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links>ul {
flex-direction:column;
align-items: flex-start
}
}
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links>ul li:not(:last-child) {
margin-bottom: 0;
margin-inline-end:2.25rem}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-top .footer-links .quick-links.legal-links>ul li:not(:last-child) {
margin-bottom:.5rem;
margin-inline-end:0}
}
.site-footer .footer-wrapper .footer-bottom {
padding-top: 40px;
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-bottom {
padding-top: 20px;
}
}
.site-footer .footer-wrapper .footer-bottom .region-footer-bottom{
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(229,228,229,.22);
column-gap: 2rem;
padding-bottom: 40px;
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-bottom .region-footer-bottom{
flex-wrap: wrap;
row-gap: 1.5rem;
border-bottom: 1px solid rgba(244, 162, 97, 0.2);
}
.site-footer .footer-wrapper .footer-bottom .region-footer-bottom>div:nth-child(2){
order: 3;
margin: 0 auto;
width: 100%;
align-items: center;
width: 100%;
flex: 0 0 100%
}
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-bottom {
flex-wrap:wrap;
margin-top: 2.5rem;
row-gap: 1.75rem
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-apps {
display: flex;
align-items: center;
justify-content: start;
column-gap: 1.5rem
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-apps {
flex-direction:column;
align-items: start;
row-gap: 1rem;
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-apps .app-heading {
color: var(--white);
font-weight: var(--font-weight-semibold);
margin-inline-end:0; font-size: 20px;
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-apps .app-heading {
color: #F4A261;
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-apps ul {
display: flex;
align-items: center;
justify-content: start;
column-gap: 1rem
}
.site-footer .footer-wrapper .footer-bottom .footer-social-apps ul li {
margin-bottom: 0
}
.site-footer .footer-wrapper .footer-bottom .footer-social-apps ul li a {
width: 3rem;
height: 3rem;
background: #000000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}
.site-footer .footer-wrapper .footer-bottom .footer-social-apps ul li a img {
width: 1.5rem;
height: 1.5rem
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media {
display: flex;
justify-content: start;
align-items: center;
column-gap: 1.5rem;
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-media {
order:3;
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media .app-heading {
font-weight: var(--font-weight-semibold);
margin-inline-end:0;font-size: 20px;
color: var(--white);
}
@media(max-width: 1199px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-media .social-heading, .site-footer .footer-wrapper .footer-bottom .footer-social-media .app-heading { display: none; }
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul {
display: flex;
align-items: center;
column-gap: .875rem
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul {
width:100%;
justify-content: center;
column-gap: .75rem;
padding-inline-start: 0;
padding-inline-end: 0;
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li {
margin-bottom: 0
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
overflow: hidden;
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
background: rgba(0,0,0,0);
border: 2px solid var(--white);
font-size: var(--medium-font);
background: rgba(244,162,97,.1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a {
width: 2.375rem;
height: 2.375rem;
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a i {
font-size: 1.125rem;
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a svg {
height: 1.125rem;
width: auto;
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a svg,
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a i {
font-size: 1rem;
height: 1rem;
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media ul li a i.icon-tripadvisor {
font-size: var(--extra-large-font)
}
.site-footer .footer-wrapper .footer-bottom .footer-social-media .footer-copyright {
margin-top: auto;
font-size: 14px;
font-family: var(--ptsans-regular);
color: var(--white);
line-height: 1.125rem
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-media .footer-copyright {
margin-inline-start:auto;
margin-top: .875rem
}
}
.site-footer .footer-wrapper .footer-bottom .footer-social-partners ul {
display: flex;
align-items: center;
justify-content: start;
column-gap: 0.5rem;
padding-inline-start: 0;
}
.site-footer .footer-wrapper .footer-bottom .footer-social-partners ul li img {
width: 62px;
height: auto
}
@media(max-width: 767px) {
.site-footer .footer-wrapper .footer-bottom .footer-social-partners ul li img {
width:62px;
height: auto
}
}
.site-footer .footer-wrapper .footer-copyright {
text-align: center;
padding: 0 0px 2.25rem 0;
}
@media(max-width: 991px) {
.site-footer .footer-wrapper .footer-copyright {
padding: 0 0px 1.25rem 0;
}
}
.site-footer .footer-wrapper .footer-copyright .copyright-text {
color: var(--white);
font-size: 14px;
}
.site-footer .footer-wrapper .footer-copyright .copyright-text a {
color: var(--white);
font-size: 14px;
}
@media(max-width: 991px) {
.site-footer .footer-partners {
background:var(--white)
}
.site-footer .footer-wrapper .footer-copyright .copyright-text,
.site-footer .footer-wrapper .footer-copyright .copyright-text a {
color: #FFEFD0;
}
}
.site-footer .footer-partners img {
width: 100%;
height: auto
}
.site-footer .footer-partners img.desktop-image {
display: block
}
@media(max-width: 991px) {
.site-footer .footer-partners img.desktop-image {
display:none
}
}
.site-footer .footer-partners img.mobile-image {
display: none
}
@media(max-width: 991px) {
.site-footer .footer-partners img.mobile-image {
display:block
}
}
.newsletter-section {
background-image: url(../images/signup-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 85px 0 46px 0;
position: relative;
}
.newsletter-section::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: rgba(32, 41, 92, 0.9);
}
@media(max-width: 991px) {
.newsletter-section {
padding: 46px 0 46px 0;
}
}
.newsletter-section .newsletter-wrap .news-letter{
display: flex;
column-gap: 3.125rem
}
@media(max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter{
flex-direction:column;
align-items: center;
column-gap: 0;
row-gap: 2rem
}
}
.newsletter-section .newsletter-wrap .news-letter h5 {
width: 30%;
flex: 0 0 30%;
font-size: 2.5rem;
color: var(--white)
}
@media(max-width: 90rem) {
.newsletter-section .newsletter-wrap .news-letter h5 {
font-size:1.875rem;
}
}
@media(max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter h5 {
width: 100%;
flex: 0 0 100%;
font-size: 1.875rem;
}
}
.newsletter-section .newsletter-wrap .news-letter form >div{
width: calc(100% - (45% + 3.125rem));
flex: 0 0 calc(100% - (46% + 3.125rem));
}
.newsletter-section .newsletter-wrap .news-letter form {
width: 100%;
}
@media(max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter form {
width:100%;
flex: 0 0 100%
}
}
.newsletter-section .newsletter-wrap .news-letter form {
display: flex;
align-items: center;
column-gap: 1.5rem;
row-gap: 1rem;
flex-wrap: wrap;
justify-content: space-between;
}
@media(max-width: 1400px) {
.newsletter-section .newsletter-wrap .news-letter form {
justify-content: start;
}
}
@media(max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter form {
column-gap: 1.5rem;
}
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form {
display:flex;
align-items: flex-start;
flex-wrap: wrap
}
}
.newsletter-section .newsletter-wrap .news-letter form {
row-gap: .5rem
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-item {
order:3
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-item label {
display: block;
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-first-name,.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-surname {
width: 37%;
flex: 0 0 37%
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-first-name,.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-surname {
width:100%;
flex: 0 0 100%
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-first-name .form-text,.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-surname .form-text {
margin-top: 0rem !important;
border-radius: .75rem
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-first-name {
margin-top: 0
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-first-name {
order:1
}
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-surname {
order:1
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-email-address {
width: 36%;
flex: 0 0 36%
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-email-address ::placeholder {
font-size: .875rem !important
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-email-address .form-email {
line-height: 1.5rem;
margin-top: 0rem !important;
border-radius: .75rem
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-email-address {
width:100%;
flex: 0 0 100%
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-terms-condition {
grid-column: 1/span 2;
grid-row: 3
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-item-privacy-term {
grid-column: 1/span 2;
grid-row: 4
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.js-form-item-i-consent-to-receive-exclusive-marketing-communications-from-dh {
grid-column: 1/span 2;
grid-row: 3
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-type-webform-markup p {
font-size: .75rem;
color: var(--white);
font-weight: 400
}
.newsletter-section .newsletter-wrap .news-letter form .form-item.form-type-webform-markup a {
font-size: .75rem;
color: var(--white);
font-weight: 400;
text-decoration: underline;
}
.newsletter-section .newsletter-wrap .news-letter form .form-item:has(:nth-child(3)) :last-child {
text-transform: unset;
padding-top: .25rem;
margin-bottom: 0;
letter-spacing: 0;
cursor: default;
color: red;
font-size: 12px
}
.newsletter-section .newsletter-wrap .news-letter form {
width: 100%;
justify-content: flex-end;
row-gap: 1rem;
flex-direction: row-reverse;
}
html[dir="rtl"] .newsletter-section .newsletter-wrap .news-letter form {
justify-content: flex-start;
}
.newsletter-section .newsletter-wrap .news-letter form >div{
width: 37%;
flex: unset;
}
@media (max-width: 1599px) {
.newsletter-section .newsletter-wrap .news-letter form >div{
width: 36.4%;
}
}
@media (max-width: 1211px) {
.newsletter-section .newsletter-wrap .news-letter form >div{
width: 36.3%;
}
}
@media (max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter form >div{
width: 37%;
}
}
@media (max-width: 917px) {
.newsletter-section .newsletter-wrap .news-letter form >div{
width: 36.4%;
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form >div{
width: 100%;
}
}
.newsletter-section .newsletter-wrap .news-letter form >div input{
background-color: rgb(242, 242, 242);
width: 100%;
padding: 0.75rem;
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(191, 191, 191);
border-radius: 0.75rem;
margin-top: 0;
}
.newsletter-section .newsletter-wrap .news-letter form >div input.error{
font-size: unset;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name{
width: 100%;
flex: unset;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name .form-item{
width: 37%;
}
@media (max-width: 1599px) {
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name .form-item{
width: 36.4%;
}
}
@media (max-width: 1211px) {
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name .form-item{
width: 36.3%;
}
}
@media (max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name .form-item{
width: 37%;
}
}
@media (max-width: 917px) {
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name .form-item{
width: 36.4%;
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-last-name .form-item{
width: 100%;
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-item {
margin: 0;
}
.newsletter-section .newsletter-wrap .news-letter form .form-item label{
display: none;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-i-agree-to-receive-update .form-item {
display: flex;
gap: 10px;
align-items: flex-start;
}
.newsletter-section .newsletter-wrap .news-letter form .newsletter-email {
background-color: rgb(242, 242, 242);
padding: 0.75rem;
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(191, 191, 191);
border-radius: 0.75rem;
margin-top: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-i-agree-to-receive-update .form-item label{
display: block;
font-size: .75rem;
color: var(--white);
font-weight: 400;
margin: 0;
position: relative;
cursor: default;
line-height: 20px;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-i-agree-to-receive-update .form-item input{
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
display: none;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-i-agree-to-receive-update .form-item label a{
font-size: .75rem;
color: var(--orange);
font-weight: 400;
text-decoration: underline;
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-i-agree-to-receive-update {
width: 100%;
flex: unset;
}
.newsletter-section .newsletter-wrap .news-letter form .js-form-item-field-i-agree-to-receive-update-value 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;
display: none;
}
.newsletter-section .newsletter-wrap .news-letter form .js-form-item-field-i-agree-to-receive-update-value input:checked+label:before {
display: none;
background-color: var(--orange);
}
.newsletter-section .newsletter-wrap .news-letter form .js-form-item-field-i-agree-to-receive-update-value 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);
display: none;
}
html:lang(ar) .newsletter-section .newsletter-wrap .news-letter form .js-form-item-field-i-agree-to-receive-update-value input:checked+label:after {
left: auto;
right: 6.3px;
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions {
grid-column: 3;
grid-row: 2;
padding: 0;
display: flex;
justify-content: end;
order: -3;
width: 20.5%;
margin: 0;
transition: all 0.3s ease;
overflow: hidden;
position: relative;
border-radius: .75rem;
}
@media(max-width: 1199px) {
.newsletter-section .newsletter-wrap .news-letter form .form-actions {
margin-top:0
}
}
@media(max-width: 991px) {
.newsletter-section .newsletter-wrap .news-letter form .form-actions {
height:2.75rem
}
}
@media(max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-actions {
order:3;
flex: 0 0 100%;
width: 100%
}
.newsletter-section .newsletter-wrap .news-letter form .field--name-field-i-agree-to-receive-update{
order: 4;
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit {
display: inline-block;
width: 190px;
height: 50px;
background-color: var(--orange);
color: var(--white);
font-weight: 600;
font-size: .875rem;
padding: .75rem 1.25rem;
border-radius: .75rem;
text-decoration: none;
position: relative;
outline: none;
-moz-outline: none;
-webkit-outline: none;
-ms-outline: none;
-o-outline: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
overflow: hidden;
background-image: none;
border: none;
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions::after {
content: "";
position: absolute;
height: 155px;
left: -75px;
top: -50px;
width: 50px;
z-index: 0;
opacity: 0.2;
background: var(--white);
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions:hover::after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions .ajax-progress {
display: none;
}
@media(max-width: 1440px) {
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit {
width: 100%;
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit::after {
content: "";
position: absolute;
height: 155px;
left: -75px;
top: -50px;
width: 50px;
z-index: 0;
opacity: .2;
background: var(--white);
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1)
}
@media(max-width: 991px) {
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit {
padding:.75rem;
font-size: var(--regular-font);
height: 47px;
width: 100%
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit {
height: 48px;
}
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit:hover,.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit:focus {
outline: none;
-moz-outline: none;
-webkit-outline: none;
-ms-outline: none;
-o-outline: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: var(--white)
}
.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit:hover::after,.newsletter-section .newsletter-wrap .news-letter form .form-actions .form-submit:focus::after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1)
}
.sign-up-form > * {
padding-top: 1rem;
padding-bottom: 1rem;
}
.sign-up-form label {
font-weight: bold;
margin-bottom: 0.5rem;
}
.sign-up-form label.form-required:after {
content: "*";
margin-left: 0.25rem;
color: rgb(255, 0, 0);
}
.sign-up-form legend {
font-weight: bold;
margin-bottom: 0.5rem;
}
.sign-up-form .form-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.sign-up-form .form-submit {
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: rgb(38, 163, 221);
font-weight: bold;
line-height: 1.25;
font-size: 0.875rem;
background-color: rgb(242, 242, 242);
padding: 1rem;
border-style: none;
}
.sign-up-form .form-submit:hover {
background-color: rgb(219, 219, 220);
}
.sign-up-form .form-submit.button--primary {
color: rgb(255, 255, 255);
background-color: rgb(38, 163, 221);
}
.sign-up-form .form-submit.button--primary:hover {
background-color: rgb(26, 137, 201);
}
.sign-up-form .form-text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.5;
width: 100%;
padding: 0.75rem;
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(191, 191, 191);
background-color: rgb(242, 242, 242);
}
.sign-up-form .form-email {
line-height: 1.5;
background-color: rgb(242, 242, 242);
width: 100%;
padding: 0.75rem;
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(191, 191, 191);
}
.sign-up-form .form-textarea {
line-height: 1.5;
background-color: rgb(242, 242, 242);
width: 100%;
padding: 0.75rem;
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(191, 191, 191);
}
/* bundler */
.bundle-offers.bundle-section {
background-image: url("../images/bundlarbg.png");
background-size: cover;
background-position: center;
border-radius: 20px;
padding: 84px 80px 80px;
color: #fff;
position: relative;
overflow: hidden;
}
.bundle-offers.bundle-section .views-element-container{
max-width: 1118px;
margin: 0 auto;
}
@media (max-width: 1440px) {
.bundle-offers.bundle-section {
padding: 84px 80px 80px;
}
}
@media (max-width: 1199px) {
.bundle-offers.bundle-section {
padding: 84px 40px 40px;
}
}
.bundle-offers .bundle-slider {
margin-left: -30px;
margin-right: -30px;
}
@media (max-width: 1199px) {
.bundle-offers .bundle-slider {
margin-left: -15px;
margin-right: -15px;
}
}
.bundle-offers .bundle-header {
text-align: center;
margin-bottom: 30px;
}
.bundle-offers .bundle-header h2 {
font-size: 42px;
font-weight: 700;
line-height: 50px;
margin-bottom: 12px;
}
.bundle-offers .bundle-header p {
font-size: 20px;
line-height: 32px;
font-weight: 500;
color: #f2f2f2;
max-width: 600px;
margin: 0 auto;
}
.bundle-offers .bundle-slider .slick-list {
padding: 60px 0px 40px !important;
}
@media (max-width: 1199px) {
.bundle-offers .bundle-slider .slick-list {
padding: 60px 20% !important;
}
}
@media (max-width: 575px) {
.bundle-offers .bundle-slider .slick-list {
padding: 60px 10% !important;
}
}
/* Gradient Border Wrapper */
.bundle-offers .card-wrapper {
height: 100%;
position: relative;
border-radius: 24px;
border: 1px solid;
margin: 0 30px;
box-shadow: 0px 3px 20px 4px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(15px);
background-color: rgba(53, 54, 55, 0.6);
border-radius: 24px; /* wrapper radius - border thickness */
}
@media (max-width: 1199px) {
.bundle-offers .card-wrapper {
margin: 0 15px;
}
}
.bundle-offers .card {
background: transparent;
padding: 30px 16px 40px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, box-shadow 0.3s ease;
min-height: 576px;
border: none;
}
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper .buy-btn {
background-color: rgba(242, 111, 34, 1);
border-color: rgba(242, 111, 34, 1);
}
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper {
transform: scale(1.2, 1.05);
}
@media (max-width: 1480px) {
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper {
transform: scale(1.1);
}
}
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper .card {
transform: scale(0.8, 0.9);
padding-top: 10px;
padding-bottom: 20px;
}
@media (max-width: 1480px) {
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper .card {
transform: scale(0.9);
}
}
@media (max-width: 767px) {
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper .card {
justify-content: start;
row-gap: 12px;
}
}
.bundle-offers.bundle-section .bundle-slider .slick-center.card-wrapper .badge {
top: -46px;
}
.bundle-offers .card h3 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
line-height: 26px;
margin-bottom: 44px;
position: relative;
text-align: center;
letter-spacing: 1px;
}
@media (max-width: 767px) {
.bundle-offers .card h3 {
margin-bottom: 30px;
letter-spacing: 1.5px;
}
}
.bundle-offers .card h3::before {
content: "";
position: absolute;
height: 2px;
width: 40px;
background-color: rgba(244, 162, 97, 1);
left: 50%;
top: calc(100% + 6px);
transform: translateX(-50%);
}
.bundle-offers .card p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: rgba(255, 255, 255, 1);
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 767px) {
.bundle-offers .card p {
font-size: 14px;
}
}
.bundle-offers .card ul {
margin: 0 0 1rem 1rem;
font-size: 16px;
font-weight: 500;
color: #fff;
}
.bundle-offers .card ul li {
margin-bottom: 0.4rem;
list-style-type: none;
position: relative;
padding-left: 1.2rem;
}
.bundle-offers .card ul li::before {
content: "\2713";
position: absolute;
left: 0;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.bundle-offers .show-benefits {
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(4px);
box-shadow: none;
border: 0;
color: #fff;
border-radius: 6px;
padding: 0 22px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
border-radius: 8px;
height: 28px;
width: max-content;
margin: 0 auto;
margin-bottom: 22px;
}
.bundle-offers .price {
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
letter-spacing: 0.74px;
text-align: center;
text-transform: uppercase;
}
.bundle-offers .dhiram {
font-size: 40px;
line-height: 68px;
color: rgba(255, 255, 255, 1);
font-weight: 800;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.bundle-offers .dhiram .icon-dirham-symbol {
font-size: 36px;
}
@media (max-width: 767px) {
.bundle-offers .dhiram {
font-size: 30px;
line-height: 40px;
}
.bundle-offers .dhiram .icon-dirham-symbol {
font-size: 26px;
}
}
.bundle-offers .dhiram .crossed-dhiram {
color: rgba(185, 185, 185, 1);
position: relative;
}
.bundle-offers .dhiram .crossed-dhiram::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background-color: #ffffff;
transform: rotate(0deg);
}
.bundle-offers .buy-btn {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: none;
padding: 8px 52px;
font-size: 1rem;
border-radius: 12px;
line-height: 24px;
cursor: pointer;
width: 100%;
font-weight: 700;
backdrop-filter: blur(10px);
box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.4);
border: 1px solid;
border-color : linear-gradient(104.15deg, #FFFFFF -0.01%, #999999 28.96%, #FFFFFF 64.55%, #999999 98.52%);
}
.bundle-offers .badge {
display: inline-block;
background: #fff;
color: rgba(32, 41, 92, 1);
font-size: 14px;
padding: 6px 12px;
border-radius: 12px;
font-weight: 700;
letter-spacing: 0.64px;
text-transform: uppercase;
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
display: flex;
align-items: center;
gap: 8px;
}
/* Slick dots */
.bundle-offers .slick-dots {
position: absolute;
bottom: -40px;
display: flex !important;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
gap: 10px;
}
.bundle-offers .slick-dots li {
margin: 0;
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.bundle-offers .slick-dots li button {
font-size: 0;
width: 12px;
height: 12px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
opacity: 1;
cursor: pointer;
transition: all 0.3s ease;
}
.bundle-offers .slick-dots li.slick-active,
.bundle-offers .slick-dots li.slick-active button {
background: #ff6600;
border-radius: 10px;
width: 32px;
}
.bundle-offers .slick-dots li button:before {
display: none;
}
@media (max-width: 1440px) {
.bundle-offers .card-wrapper {
margin: 0 15px;
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.bundle-offers.bundle-section {
padding: 1.5rem 0.5rem;
margin: 0 -15px;
overflow: visible;
margin-bottom: 80px;
}
.bundle-offers .bundle-header {
margin-bottom: 23px;
}
.bundle-offers .bundle-header h2 {
font-size: 1.5rem;
line-height: 36px;
}
.bundle-offers .bundle-header p {
font-size: 18px;
line-height: 27px;
}
.bundle-offers .bundle-slider {
margin: 0 -15px;
}
.bundle-offers .card-wrapper {
margin: 0 15px;
}
.bundle-offers .slick-dots {
bottom: -65px;
}
.bundle-offers .slick-dots li button {
background: #999999;
}
.bundle-offers .slick-dotted.slick-slider {
margin-bottom: 0px;
}
}
.how-get-gv-locations {
margin-top: 88px;
margin-bottom: 0px;
padding-top: 0px;
}
@media (max-width: 767px) {
.how-get-gv-locations {
margin-top: 50px;
margin-bottom: 0;
}
}
.how-get-gv-locations h1 {
font-size: 40px;
font-weight: 700;
letter-spacing: 0.34px;
color: rgba(32, 41, 92, 1);
margin-bottom: 6px;
}
.how-get-gv-locations .buy-locations p {
margin-bottom: 30px;
margin-top: 20px;
font-size: 18px;
}
@media (max-width: 767px) {
.how-get-gv-locations .buy-locations p {
font-size: 12px;
margin-bottom: 20px;
}
}
.how-get-gv-locations .location-blocks {
max-height: 650px;
overflow: auto;
}
.how-get-gv-locations .location-blocks::-webkit-scrollbar-thumb {
color: rgba(77, 89, 99, 1);
}
.how-get-gv-locations .family-pack-map {
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
.how-get-gv-locations .family-pack-map{
margin-top: 20px;
}
}
.how-get-gv-locations .location-blocks .list-group {
margin-right: 5px;
}
@media (max-width: 991px) {
.how-get-gv-locations .location-blocks .list-group {
margin-right: 0;
}
}
.how-get-gv-locations .location-blocks .list-group-item {
border: none;
margin-bottom: 10px;
padding: 12px;
border-radius: 20px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.how-get-gv-locations .location-blocks .list-group-item:last-child {
margin-bottom: 0px;
}
}
.how-get-gv-locations .location-blocks .list-group-item h5 {
font-size: 14px;
color: #20295C;
margin-bottom: 4px;
font-weight: 600;
}
.how-get-gv-locations .location-blocks .list-group-item p {
color: #2a2828;
font-size: 14px;
margin-bottom: 0px !important;
margin-top: 0;
}
.how-get-gv-locations .location-blocks .list-group-item .map_item_address {
color: #2a2828;
font-size: 14px;
margin-bottom: 0px !important;
}
.how-get-gv-locations .location-blocks .list-group-item a {
color: #F26F22;
font-size: 12px;
font-weight: 500;
margin-top: 4px;
}
.how-get-gv-locations .location-blocks .list-group-item small {
font-size: 14px;
font-weight: 400;
color: #1A1A1A;
}
.how-get-gv-locations .nav-tabs.park-tabs {
border-bottom: none;
margin: -8px -8px 10px;
display: flex;
flex-wrap: nowrap;
overflow: auto;
scrollbar-width: none;
margin-top: 0px;
margin-bottom: 0px;
}
.how-get-gv-locations .nav-tabs.park-tabs .nav-item {
margin-bottom: -1px;
width: calc(33.33% - 16px);
flex: 0 0 calc(33.33% - 16px);
margin: 8px;
}
.how-get-gv-locations .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: 20px;
font-weight: 600;
color: var(--white);
background: var(--blue);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 50px;
}
@media (max-width: 767px) {
.how-get-gv-locations .nav-tabs.park-tabs .nav-item .nav-link {
font-size: 12px;
}
}
@media (max-width: 575px) {
.how-get-gv-locations .nav-tabs.park-tabs .nav-item .nav-link {
font-size: 12px;
padding: 1rem 2px;
}
}
.how-get-gv-locations .nav-tabs.park-tabs .nav-item .nav-link i {
vertical-align: middle;
margin-right: 5px;
font-size: 22px;
}
@media (max-width: 767px) {
.how-get-gv-locations .nav-tabs.park-tabs .nav-item .nav-link i {
font-size: 14px;
}
}
.how-get-gv-locations .nav-tabs.park-tabs .nav-item .nav-link.active {
color: var(--text-primary);
background-color: var(--white);
border-color: transparent;
}
.how-get-gv-locations .nav-tabs.park-tabs .nav-item .nav-link.active i {
color: var(--blue);
}
.explore-map {
padding-top:63px;
position: relative;
}
.explore-map img.gv-light-pattern {
position: absolute;
top: 200px;
left: 0;
width: 450px;
z-index: -1;
}
.explore-map .park-map {
position: relative;
cursor: pointer;
}
@media (max-width: 767px) {
.explore-map {
padding-top: 36px;
}
.explore-map .park-map {
min-height: 380px;
}
.explore-map .park-map img {
height: 380px;
object-fit: cover;
}
}
.explore-map .park-map .map-btn {
position: absolute;
bottom: 35px;
right: 27px;
background-color: #fff;
z-index: 1;
border-radius: 100%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
html:lang(ar) .explore-map .park-map .map-btn {
right: unset;
left: 20px;
}
@media (max-width: 767px) {
.explore-map .park-map .map-btn {
width: 32px;
height: 32px;
bottom: 16px;
right: 16px;
}
html:lang(ar) .explore-map .park-map .map-btn {
right: unset;
left: 20px;
}
}
.fullscreen-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 1021;
align-items: center;
justify-content: center;
overflow: hidden;
}
.fullscreen-image {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 767px) {
.fullscreen-image {
object-fit: contain;
}
}
.fullscreen-image.dragging {
cursor: grabbing;
}
.fullscreen-overlay .close-btn {
position: fixed;
bottom: 20px;
right: 20px;
background: #ffffff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
font-size: 24px;
transition: background 0.3s;
z-index: 1022;
}
.zoom-controls {
position: absolute;
bottom: 70px;
right: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.zoom-btn {
background: #fff;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 24px;
transition: background 0.3s;
}
html:lang(ar) .zoom-controls {
right: unset;
left: 20px;
}
html:lang(ar) .fullscreen-overlay .close-btn {
right: unset;
left: 20px;
}
@media (max-width: 767px) {
.fullscreen-overlay .close-btn {
bottom: 16px;
right: 16px;
width: 32px;
height: 32px;
}
html:lang(ar) .fullscreen-overlay .close-btn {
right: unset;
left: 16px;
}
}
.explore-map .park-map img {
border-radius: 24px;
}
.explore-map .park-map:before
{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.6);
border-radius: 24px;
}
/* Review Modal css end */
.bundle-summary .modal-dialog{
max-width: fit-content !important;
margin-left: auto;
margin-right: auto;
}
.bundle-summary .modal-content{
border-radius: 24px;
padding: 39px 27px;
box-shadow: 0px 0px 10px 0px #00000040;
min-width: 600px;
}
@media (max-width: 767px) {
.bundle-summary .modal-content{
min-width: unset;
padding: 21px 16px;
}
}
.bundle-summary .modal-content .modal-header{
display: flex;
align-items: center;
color: #fff;
padding-top: 0;
padding-inline: 0;
padding-bottom: 35px;
}
.bundle-summary .modal-content .modal-header h5{
font-size: 26px ;
}
@media (max-width: 767px) {
.bundle-summary .modal-content .modal-header{
padding-bottom: 16px;
}
.bundle-summary .modal-content .modal-header h5{
font-size:16px ;
}
}
.bundle-summary .modal-content a{
position: unset;
width: unset;
height: unset;
}
@media (max-width: 767px) {
.bundle-summary .modal-content a svg{
width: 24px;
}
}
.bundle-summary .modal-content .modal-body{
padding: 32px 0 0px 0;
}
@media (max-width: 767px) {
.bundle-summary .modal-content .modal-body{
padding: 16px 0 0px 0;
}
}
.bundle-summary .modal-content .modal-body ul{
margin-bottom: 47px;
}
@media (max-width: 767px) {
.bundle-summary .modal-content .modal-body ul{
margin-bottom: 24px;
}
}
.bundle-summary .modal-content .modal-body ul li{
margin-left: 20px;
margin-bottom: 26px;
line-height: 24px;
font-size: 19px;
}
@media (max-width: 767px) {
.bundle-summary .modal-content .modal-body ul li{
margin-bottom: 16px;
line-height: 20px;
font-size: 14px;
}
}
.bundle-summary .modal-content .modal-body .price {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.74px;
text-align: center;
text-transform: uppercase;
}
.bundle-summary .modal-content .modal-body .dhiram {
font-size: 36px;
line-height: 63px;
color: rgba(255, 255, 255, 1);
font-weight: 800;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.bundle-summary .modal-content .modal-body .dhiram .icon-dirham-symbol {
font-size: 36px;
width: 36px;
}
.bundle-summary .modal-content .modal-body .dhiram .crossed-dhiram {
color: rgba(185, 185, 185, 1);
position: relative;
}
@media (max-width: 767px) {
.bundle-summary .modal-content .modal-body .dhiram {
font-size: 30px;
line-height: 45px;
margin-bottom: 13px;
}
.bundle-summary .modal-content .modal-body .dhiram .icon-dirham-symbol {
font-size: 30px;
width: 30px;
}
}
.bundle-summary .modal-content .modal-body .dhiram .crossed-dhiram::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background-color: #ffffff;
transform: rotate(0deg);
}
.bundle-summary .modal-content .modal-body .but-cta{
display: flex;
justify-content: center;
}
.bundle-summary .modal-content .modal-body .buy-btn {
background: #F26F22;
color: #fff;
border: none;
padding: 8px 52px;
font-size: 1rem;
border-radius: 12px;
line-height: 24px;
cursor: pointer;
width:248px;
font-weight: 700;
height: 45px;
backdrop-filter: blur(10px);
gap: 8px;
box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
.bundle-summary .modal-content .modal-body .buy-btn{
width: 100%;
}
}
.todays-shows .cardbox .cardbox-content { min-height: 222px; }
/* Dirham Currency */
@font-face {
font-family: "dirham-symbol";
src: url("../fonts/icomoon.eot");
src:
url("../fonts/icomoon.eot#iefix") format("embedded-opentype"),
url("../fonts/icomoon.ttf") format("truetype"),
url("../fonts/icomoon.woff") format("woff"),
url("../images/icomoon.svg#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon-dirham-symbol {
font-family: "dirham-symbol" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dirham-symbol::before {
content: "\e900";
}