/* Theme Name: Earth Explorers Travel and Tours Author: Earth Explorers Travel and Tours Description: 2018 Earth Explorers Travel and Tours Theme. Version: 3.9.8 Template: Chameleon */ /*Footer Continue BG color*/ html, #footer { background-color: #000; } body { background-color: #fff; margin: 0; padding: 0; } html.fl-builder-edit body #header { pointer-events: none; z-index: 9999; } /*GLOBAL*/ .container { max-width: 1170px; position: relative; width: 100%; } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; position: relative; } .container-wided { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; position: relative;} .single-tour #booking #gform_5 .total-container, .single-tour #booking #gform_27 .total-container { display: flex; flex-direction: column; gap: 2px; } .single-tour #booking #gform_5 .total-container p, .single-tour #booking #gform_27 .total-container p { background: transparent !important; padding: 0 !important; color: yellow !important; font-size: 15px; text-align: left !important; margin: 0 !important; } #gform_5 h3, #gform_27 h3 { color: #fff; } @media only screen and ( min-width: 1200px ) { /*force wide*/ .col-md-6 .column-wided { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 585px - 30px); } .col-md-6 .column-wided-no-padding { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 585px - 15px); } .col-md-7 .column-wided { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 390px - 30px); } .col-md-7 .column-wided-no-padding { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 390px - 15px); } /*force wide*/ .col-sm-6 .column-wided { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 585px - 30px); } .col-sm-6 .column-wided-no-padding { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 585px - 15px); } .col-sm-7 .column-wided { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 390px - 30px); } .col-sm-7 .column-wided-no-padding { overflow: hidden; width: calc(100vw - (100vw - 1170px) / 2 - 390px - 15px); } #footer-widget .widget { padding-right: 0; } } @media only screen and ( min-width: 992px ) and ( max-width: 1199px ) { /*force wide*/ .col-md-6 .column-wided-no-padding { margin-left: -15px; width: calc(100% + 30px); } .col-md-7 .column-wided-no-padding { overflow: hidden; width: calc(100vw - 33.3333vw - 15px); } /*force wide*/ .col-sm-6 .column-wided-no-padding { margin-left: -15px; width: calc(100% + 30px); } .col-sm-7 .column-wided-no-padding { overflow: hidden; width: calc(100vw - 33.3333vw - 15px); } } @media only screen and ( max-width: 782px ) { .grid-item-info .action button { text-align: center; } } @media only screen and ( min-width: 768px ) { .col-middle { display: flex; justify-content: center; align-items: center; } } @media only screen and ( max-width: 768px ) { .lightbox-form-block#rent-a-van-form .lightbox-tabbed.call-for-booking-block a i, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed.call-for-booking-block a i { width: 45px; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed.call-for-booking-block span.title, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed.call-for-booking-block span.title { padding: 0 5px 0 15px; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed.call-for-booking-block a, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed.call-for-booking-block a { font-size: 12px; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed-nav button, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed-nav button { font-size: 12px; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li#field_5_1 span.name_last .fa { top: 56px !important; } .single-tour #booking .gform_wrapper ul#gform_fields_27 li#field_27_1 span.name_last .fa { top: 56px !important; } } @media only screen and ( max-width: 568px ) { .col-middle { flex-flow: column nowrap; } .container-fluid { padding-left: 15px; padding-right: 15px; } } @media only screen and ( max-width: 356px ) and (min-width: 320px) { .back-to-top { bottom: 180px !important; } } @media only screen and ( max-width: 930px ) and (min-width: 525px) { .back-to-top { bottom: 30px !important; } } @media only screen and ( max-width: 524px ) and (min-width: 420px) { .back-to-top { bottom: 160px !important; } } @media only screen and ( max-width: 415px ) and (min-width: 365px) { .back-to-top { bottom: 180px !important; } } @media only screen and ( max-width: 364px ) and (min-width: 357px) { .back-to-top { bottom: 185px !important; } } @media only screen and ( max-width: 356px ) { .back-to-top { bottom: 200px !important; } } @media only screen and ( max-width: 375px ) and (min-width: 300px) { .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a { height: 45px !important; line-height: 45px !important; font-size: 11px !important; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a i { line-height: 40px !important; font-size: 14px !important; width: 26px !important; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed-nav button, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed-nav button { font-size: 15px !important; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed.call-for-booking-block span.title, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed.call-for-booking-block span.title { padding: 0 5px 0 5px !important; } } /*fonts*/ body, [class*='fa-'] > *, .p, input, select, textarea, button, .btn, .gform_button, .button, .wpcr3_button_1, h6, .h6, .suffix { font-family: 'Montserrat', Arial, sans-serif; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .heading, .prefix .title-desc, .page-heading.center .page-heading-inner .title, blockquote { font-family: 'AharoniBold', 'Montserrat', sans-serif; } /*specific fonts section*/ #about-teams .action .heading .prefix a, #tour-contentbar .tour-plan-item .h5, #about-gallery .credentials-certificates > h3 { font-family: 'Montserrat'; font-weight: 700; } /*font-awesome*/ i.fa.fa-commenting, li#field_6_30 i.fa.fa-group, li#field_5_49 i.fa.fa-group, li#field_27_49 i.fa.fa-group, li#field_10_35 i.fa.fa-group { padding-top: 5px; } .gform_wrapper .fa { font-size: 12px !important; } /*wpadminbar*/ #wpadminbar { z-index: 999 !important; } /*typography*/ body { color: #595959; font-size: 15px; font-weight: 500; line-height: 1.667em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { color: #000000; font-weight: 400; line-height: 1.2em; margin: 0 0 20px; } h1, h2, .h1, .h2, h1.heading, h2.heading { font-weight: 400; } .light, .light h1, .light .h1, .light h2, .light .h2, .light h3, .light .h3, .light h4, .light .h4, .light h5, .light .h5, .light h6, .light .h6, .light .heading { color: #fff; } .dark, .dark h1, .dark .h1, .dark h2, .dark .h2, .dark h3, .dark .h3, .dark h4, .dark .h4, .dark h5, .dark .h5, .dark h6, .dark .h6, .dark .heading { color: #000; } .inherit h1, .inherit .h1, .inherit h2, .inherit .h2, .inherit h3, .inherit .h3, .inherit h4, .inherit .h4, .inherit h5, .inherit .h5, .inherit h6, .inherit .h6, .inherit .heading { color: #fff; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; } h1, .h1 { font-size: 70px; font-weight: 800; } h2, .h2 { font-size: 50px; font-weight: 800; } h3, .h3 { font-size: 30px; } h4, .h4 { font-size: 26px; } h5, .h5 { font-size: 20px; } h6, .h6 { font-size: 16px; } .p { font-size: 1rem; } .heading-70 { font-size: 70px; line-height: 1.2em; } .heading-60 { font-size: 60px; line-height: 1.2em; } .heading-50 { font-size: 50px; line-height: 1.2em; } .heading-40 { font-size: 40px; line-height: 1.2em; } .heading-30 { font-size: 30px; line-height: 1.2em; } .heading-20 { font-size: 20px; line-height: 1.2em; } .heading-10 { font-size: 10px; line-height: 1.2em; } @media only screen and ( max-width: 1024px ) { h1, .h1 { font-size: 50px; } h2, .h2 { font-size: 40px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 22px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 15px; } html { font-size: 14px; } .heading-70 { font-size: 60px; } .heading-60 { font-size: 50px; } .heading-50 { font-size: 40px; } .heading-40 { font-size: 30px; } .heading-30 { font-size: 20px; } .heading-20 { font-size: 15px; } } @media only screen and ( max-width: 991px ) { h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 23px; } h4, .h4 { font-size: 19px; } h5, .h5 { font-size: 17px; } h6, .h6 { font-size: 14px; } html { font-size: 13px; } .heading-70 { font-size: 45px; } .heading-60 { font-size: 40px; } .heading-50 { font-size: 35px; } .heading-40 { font-size: 25px; } .heading-30 { font-size: 15px; } .heading-20 { font-size: 12px; } } h1:only-child, .h1:only-child, h2:only-child, .h2:only-child, h3:only-child, .h3:only-child, h4:only-child, .h4:only-child, h5:only-child, .h5:only-child, h6:only-child, .h6:only-child { margin-bottom: 0; } hr { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 0; } p, .paragraph { font-size: 1em; line-height: inherit; letter-spacing: 0.02em; margin: 0 0 30px; } small { font-size: 10px; display: inline-block; } mark { background-color: #FC9C1F; color: #fff; padding: 4px 8px; } a { color: #FC9C1F; text-decoration: none;} a:hover mark { color: #fff; } a:hover { color: #FC9C1F; text-decoration: none; outline: none;} a[onclick] { cursor: pointer; } .text-thin{ font-weight: 100;} .text-light{ font-weight: 300;} .text-regular{ font-weight: 400;} .text-medium{ font-weight: 500;} .text-simebold{ font-weight: 600;} .text-bold{ font-weight: 700;} .text-black{ font-weight: 800; } .text-right{ text-align: right; } .text-left{ text-align: left; } .text-center{ text-align: center; } [class^="heading-"] .prefix, [class^="heading-"] .suffix { font-size: 0.500em; } .hidden-top { height: 0.1px; overflow: hidden; position: absolute; top: -999px; white-space: nowrap; width: 0.1px; visibility: hidden; } /*heading*/ .heading { position: relative; margin-bottom: 60px; } .heading .text { display: block; letter-spacing: 0.04em; text-transform: none; } .heading .prefix, .heading .suffix { color: #0061d9; display: block; font-weight: 400; font-size: 0.520em; line-height: 1em; } h2.heading .prefix, h2.heading .suffix, .heading h2 .prefix, .heading h2 .suffix { font-weight: 700; font-size: 0.5em; line-height: 1.500em; } .heading .prefix { margin-bottom: 5px; } .heading .suffix { margin-top: 10px; } .light.heading .prefix, .light.heading .suffix, .light .heading .prefix, .light .heading .suffix { color: #fff; } .dark.heading .prefix, .dark.heading .suffix, .dark .heading .prefix, .dark .heading .suffix { color: #000; } /*heading-box*/ .heading-box { display: inline-block; margin-bottom: 60px; min-height: 145px; padding: 55px 43px 0 0; position: relative; text-align: left; } .heading-box::before { border: 10px solid #059BEB; content: ""; display: block; height: 205px; position: absolute; right: 0; top: 0; width: 160px; z-index: 0; } .heading-box > * { position: relative; z-index: 1; } .heading-box .text { display: block; letter-spacing: 0.04em; text-transform: none; } .heading-box .prefix, .heading-box .suffix { display: block; font-weight: 400; font-size: 0.520em; line-height: 1em; } .heading-box .prefix { margin-bottom: 18px; } .heading-box .suffix { margin-top: 10px; } .heading-box.right { padding: 55px 0 0 37px; } .heading-box.right::before { left: 0; right: auto; } .light.heading-box .prefix, .light.heading-box .suffix, .light .heading-box .prefix, .light .heading-box .suffix { color: #fff; } /*heading-side*/ .heading-left { left: 0; letter-spacing: 0.04em; position: absolute; top: 0; transform: rotateZ(90deg) translateY(-100%); transform-origin: 0 0 0; z-index: 1; } .heading-left > * { transform: scaleX(-1) scaleY(-1); transform-origin: 50% 50% 0; z-index: 1; } .heading-left > * > span { display: block; } .heading-right { letter-spacing: 0.04em; position: absolute; right: 0; top: 0; transform: rotate(90deg); transform-origin: 100% 0 0; } .heading-right > * { transform: scaleX(-1) scaleY(-1); transform-origin: 100% 50% 0; z-index: 1; } .heading-right > * > span { display: block; } @media only screen and ( max-width: 991px ) { .heading-box::before { transform: scale(0.7); transform-origin: 50% 20% 0; } .heading-box .prefix { margin-bottom: 7px; } } @media only screen and ( max-width: 567px ) { .heading .prefix, .heading .suffix { font-size: 0.55em; } .heading { margin-bottom: 30px; } .heading .prefix { margin-bottom: 10px; } } /*table*/ table { background-color: #ffffff; } table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } table tr > *:not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .btn i:not(:first-child) { margin-left: 25px; } /*btn*/ .btn, .btn.btn-default, .gform_button, .wpcr3_button_1 { background-color: #FB8A15; border-color: #FB8A15; border-radius: 3px; border-style: solid; border-width: 3px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1em; padding: 15px 30px; position: relative; text-transform: uppercase; transition: all 0.3s ease 0s; } /*primary*/ .btn-primary:not(:hover) { background-color: #FB8A15; border-color: #FB8A15; color: #fff; } /*secondary*/ .btn-secondary:not(:hover) { background-color: transparent; border-color: #078ff4; color: #078ff4; } /*light*/ .btn-light:not(:hover) { background-color: #fff; border-color: #fff; color: #000; } .btn-secondary.btn-light:not(:hover) { background-color: transparent; color: #fff; } /*btn-color*/ .btn-warning:not(:hover) { background-color: #8688a7; border-color: #8688a7; } .btn-disable, .btn-disable:not(:hover) { background-color: #7b7b88; border-color: #7b7b88; cursor: not-allowed; } /*btn-size*/ .btn-sm { font-size: 12px; padding: 10px 15px; } .btn-lg { font-size: 20px; min-width: 318px; padding: 18px 30px; } /*btn hover*/ .btn > span { position: relative; } .btn > span::after, .btn.btn-default > span::after, .gform_button > span::after { background-color: #fff; border-radius: 1.5px; top: 100%; content: ""; display: block; height: 3px; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%) scaleX(0); transition: all 0.4s ease 0s; visibility: hidden; width: 100%; } .btn:hover > span::after, .btn.btn-default:hover > span::after, .gform_button:hover > span::after { opacity: 1; visibility: visible; transform: translateX(-50%) scaleX(1); } .btn:hover, .gform_button:hover, .wpcr3_button_1:hover { background-color: #078ff4; border-color: #078ff4; color: #fff; } .btn.btn-light:hover { background-color: #FC9C1F; border-color: #FC9C1F; color: #fff; } .light .btn { background-color: #fff; border-color: #fff; color: #fc6969; } .light .btn.btn-secondary { background-color: transparent; color: #fff; } .light .btn:hover { background-color: #fc6969; border-color: #fff; color: #fff; } .aligncenter .btn:only-child { margin: 0; } .load-more .aligncenter .btn-loading { padding-right: 0; } /*btn-loading*/ .btn-loading { text-align: left; padding-left: 45px; } .btn-loading:before { background: #fff url(images/ajax-loader.gif) no-repeat center center; width: 30px; height: 30px; margin: 6px; border-radius: 2px; display: inline-block; z-index: 0; content: ''; position: absolute; left: 0; top: 0; overflow: hidden; -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } @media only screen and ( max-width: 567px ) { .btn, .btn.btn-default, .gform_button { width: 100%; padding-left: 10px; padding-right: 10px; text-align: center; min-width: 0 !important; } } /*link*/ .link { position: relative; color: #FC9C1F; font-weight: 700; text-transform: uppercase; font-size: 14px; display: inline-block; } .link::before { border-bottom: 2px solid; content: ''; display: block; width: 100%; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: ease all 0.3s; } .link:hover::before { transform: scaleX(1); } /*Dripicon in a Lightbox*/ .has-dripicon { margin-top: 0 !important; } .has-dripicon i { pointer-events: none !important; font-size: 42px; } /*lightbox*/ .default-lightbox .default-lightbox-container { width: 100% !important; } .default-lightbox .lightbox-form-block-wrapper { min-height: auto !important; } .default-lightbox .lightbox-form-block { max-width: 520px !important; } html .mfp-bg { opacity: 0.6; } html .mfp-wrap .mfp-close { margin-top: -20px; opacity: 1 !important; right: 0px; } html .mfp-wrap .mfp-close:hover { opacity: 0.5 !important; } html .mfp-wrap .mfp-close .icon-cross { display: inline-block !important; height: 100% !important; overflow: hidden !important; position: relative !important; text-indent: -99px !important; width: 100% !important; pointer-events: none !important; } html .mfp-wrap .mfp-close .icon-cross::before { border-left: 1px solid #fff !important; content: ""; display: block !important; height: 100% !important; left: 50% !important; position: absolute !important; top: 0 !important; transform: rotate(45deg) !important; width: 0 !important; } html .mfp-wrap .mfp-close .icon-cross::after { border-left: 1px solid #fff !important; content: ""; display: block !important; height: 100% !important; left: 50% !important; position: absolute !important; top: 0 !important; transform: rotate(-45deg) !important; width: 0 !important; } /*owl carousel*/ .owl-nav .owl-prev, .owl-nav .owl-next { background: no-repeat 50% 50%; background-size: contain; display: block !important; height: 50px; width: 50px; } .owl-nav .owl-prev { background-image: url(images/icon-prev.svg); left: -25px; } .owl-nav .owl-next { background-image: url(images/icon-next.svg); right: -25px; } .owl-nav .owl-prev::after, .owl-nav .owl-prev::before, .owl-nav .owl-next::after, .owl-nav .owl-next::before { display: none; } .owl-nav > * { opacity: 1 !important; } .owl-nav > *:hover { opacity: 0.3 !important; } .owl-nav { margin-top: -13px; } .owl-dots { margin-top: 30px; padding: 10px 10px 0; text-align: center; } .owl-dot { background-color: transparent; border: 2px solid #fff; height: 12px; margin: 4.5px; opacity: 1; transition: all 0.3s ease 0s; width: 12px; } .owl-dot.active { background-color: #fff; transform: scale(1.6); margin: 4.5px 9px; } .dark .owl-dot { border-color: #059BEB; } .dark .owl-dot.active { background-color: #059BEB; } .owl-grab * { cursor: grab !important; } /*theme icons*/ .icon-passport-visa { display: inline-block; font-size: 1em; width: 1em; height: 1em; background: url(images/icon-passport-visa.svg) no-repeat 50% 50%; background-size: contain; } /*HEADER ---------------------------------------------------------------------*/ #header { color: #fff; position: absolute; width: 100%; z-index: 999; font-family: 'AharoniBold', 'Montserrat', sans-serif !important; } #header #header-content .container-fluid { padding-left: 20px; padding-right: 20px; } #header-content { padding: 36px 0; position: relative; } #logo { float: left; max-width: 262px; position: relative; z-index: 0; } #logo a, #logo img { display: block; transition: ease all 0.3s; } #logo a:hover { transform: scale(0.95); } #header-top { align-items: center; display: flex; float: right; margin-bottom: 19px; position: relative; text-align: right; width: auto; } #header-top > * { float: left; margin-left: 25px; position: relative; } #header-top a { color: #fff; } #header-top input, #header-top select { background-color: transparent; border: 3px solid #fff; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1em; } #header-top a:hover, #header-top input:hover, #header-top select:hover, #header-top .social-icons-shortcode li a:hover { color: #FC9C1F; } #header-top select:hover option { color: #fff; } #header-top .social-icons-shortcode li { margin: 0 20px 0 0; } #header-top .social-icons-shortcode li a { color: #fff; } #header-top .user-setting, #header-top .user-setting > li form select { font-size: 13px; font-weight: 700; text-transform: uppercase; } #header-top .user-setting > li form { display: contents; } /*#header-top .user-setting > li form select { padding: 0 15px !important; }*/ #header-top .user-setting > li a { padding-right: 15px !important; } #header-top .user-setting > li { float: left; } #header-top .user-setting > li:not(:first-child)::before { content: '|'; color: #9f9f9f; float: left; display: block; margin: 0 20px 0 10px; } #header-top .user-setting > li form { float: right; } #header-top .user-setting > li form select { padding: 0; border: 0; } #header-top .user-setting > li form select option { color: #000; } #header-top .select-resizable-calc-text { padding-right: 10px; } #header-top .booking-status { position: relative; } #header-top .booking-status-dropdown { background-color: #fff; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #535353; font-size: 12px; font-weight: 300; margin-top: 10px; opacity: 0; padding: 15px; position: absolute; right: 0; text-align: left; top: 100%; transform: translateY(20px); transition: ease-in-out all 0.3s 0s; visibility: hidden; width: 250px; z-index: 10; } #header-top .booking-status-dropdown::before { background-color: #fff; content: ""; display: block; height: 10px; position: absolute; right: 20px; top: -5px; transform: rotate(45deg); width: 10px; } #header-top .booking-status-toggle > i { display: none; } #header-top .booking-status-toggle:not(:hover) { background-color: #FB8A15; border-color: #FB8A15; color: #fff; } #header-top .booking-status-toggle.active + .booking-status-dropdown { visibility: visible; transform: translateY(0); opacity: 1; } #header-top .booking-status-dropdown ul * { border-color: inherit; color: inherit; } #header-top .booking-status-dropdown a.all-booking:hover { color: #fff; } #header-top .booking-status-dropdown .title { font-size: 13px; margin-bottom: 5px; } #header-top .booking-status-dropdown ul { margin-bottom: 15px; } #header-top .booking-status-dropdown ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 11px; opacity: 0.6; transition: ease opacity 0.6s; } #header-top .booking-status-dropdown ul li:hover { opacity: 1; } #header-top .booking-status-dropdown input[type="text"] { border: 1px solid #ccc; color: #ccc; font-size: 11px; font-weight: 400; margin-bottom: 10px; padding: 8px; width: 100%; } #header-top .booking-status-dropdown input[type="text"]:focus { color: #000; } #header-top .booking-status-dropdown .input-button { position: relative; } #header-top .booking-status-dropdown #booking-number { padding-right: 70px; } #header-top .booking-status-dropdown label { font-size: 11px; opacity: 0.5; } #header-top .booking-status-dropdown label:hover { opacity: 1; } #header-top .booking-status-dropdown #booking-number-btn { background-color: #1c58f6; border-color: #1c58f6; border-radius: 0 3px 3px 0; color: #fff; font-size: 11px; padding: 7px; position: absolute; right: 1px; top: 1px; } #main-menu .main-menu { clear: both; display: block; float: right; font-size: 14px; font-weight: 700; line-height: 1em; padding: 10px 0; position: relative; } #main-menu .main-menu li { display: block; float: left; margin: 0 0 0 27px; position: relative; } #main-menu .main-menu li.hot::before { background-color: #3a9843; content: "HOT"; font-size: 10px; left: 10px; line-height: 1em; padding: 3px 8px; position: absolute; top: -15px; } #main-menu .main-menu li.hot::after { border-right: 8px solid transparent; border-top: 8px solid #3a9843; content: ""; font-size: 10px; height: 0; left: 10px; position: absolute; top: -4px; width: 0; } #main-menu .main-menu li.sale::before { background-color: #ff1010; content: "SALE"; font-size: 10px; left: 10px; line-height: 1em; padding: 3px 8px; position: absolute; top: -15px; } #main-menu .main-menu li.sale::after { border-right: 8px solid transparent; border-top: 8px solid #ff1010; content: ""; font-size: 10px; height: 0; left: 10px; position: absolute; top: -4px; width: 0; } #main-menu .main-menu li a { color: #fff; display: inline-block; padding: 9px 0; position: relative; transition: all 0.3s ease 0s; z-index: 1; } #main-menu .main-menu li a.active { color: #FC9C1F; } #main-menu .main-menu li.current-menu-item > a, #main-menu .main-menu li.current-menu-ancestor > a, #main-menu .main-menu li li.current-menu-item > a, #main-menu .main-menu li li.current-page-ancestor > a { color: #fff;} #main-menu .main-menu > li:hover > a:hover { color: #FC9C1F; } #main-menu .main-menu > li:hover > .menu-arrow { color: #ccaf67; } #main-menu .main-menu > li > a::after { background-color: #fff; border-radius: 1.5px; bottom: -1px; content: ""; display: block; height: 3px; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%) scaleX(0); transition: all 0.4s ease 0.3s; visibility: hidden; width: 100%; } #main-menu .main-menu > li.current-menu-item > a::before, #main-menu .main-menu > li.current-menu-ancestor > a::before, #main-menu .main-menu > li > a:hover::after, #main-menu .main-menu > li.current-menu-item > a::after, #main-menu .main-menu > li.current-menu-ancestor > a::after { opacity: 1; visibility: visible; transform: translateX(-50%) scaleX(1); } #main-menu .main-menu > li > .menu-arrow { cursor: pointer; margin-left: 10px; transition: all 0.3s ease 0s; width: 100%; } #main-menu .main-menu > li > .menu-arrow:hover { opacity: 0.6; } #main-menu .main-menu > li li > .menu-arrow { color: #fff; cursor: pointer; height: 48px; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; z-index: 10; } #main-menu .main-menu > li li:hover > .menu-arrow { background-color: rgba(255, 255, 255, 0.05); } #main-menu .main-menu > li > ul.sub-menu li.show-sub > .menu-arrow { transform: rotate(180deg); } #main-menu .main-menu > li > ul.sub-menu { background-color: transparent; font-size: 12px; left: 0; list-style: outside none none; margin-bottom: 0; margin-left: 0; margin-top: 0; opacity: 0; padding: 0; position: absolute; text-align: left; top: 30px; transform: translateY(20px); transition: all 0.3s; visibility: hidden; width: 183px; z-index: 2; } #main-menu .main-menu > li > ul.sub-menu > li a { color: #fff; } #main-menu .main-menu > li > ul.sub-menu > li:first-child > a { border-top: 0; } #main-menu .main-menu > li.menu-item-has-children:hover > ul.sub-menu, #main-menu .main-menu > li.show-sub > ul.sub-menu { transform: translateY(0); opacity: 1; transition: ease all 0.3s 0.2s; visibility: visible; } #main-menu .main-menu li ul.sub-menu { float: left; list-style: outside none none; margin: 0; padding: 0; font-weight: 400; } #main-menu .main-menu li ul.sub-menu li { background-color: #1c58f6; border-radius: 1.5px; clear: both; margin: 0 0 2px; padding: 0; width: 100%; } #main-menu .main-menu li ul.sub-menu li a { display: block; line-height: normal; padding: 10px 20px; width: 100%; } #main-menu .main-menu li ul.sub-menu li a::before { color: #fff; content: '\f105'; font-family: 'FontAwesome'; font-size: 14px; margin-right: 10px; } #main-menu .main-menu li ul.sub-menu li.show-sub > a, #main-menu .main-menu li ul.sub-menu li.current-menu-item > a, #main-menu .main-menu li ul.sub-menu li.current-page-ancestor > a, #main-menu .main-menu li ul.sub-menu li a:hover, #main-menu .main-menu li ul.sub-menu li:hover > a { color: #f8c524; } #main-menu .main-menu li ul.sub-menu li.show-sub > ul.sub-menu { max-height: 300px; } #main-menu .main-menu li ul.sub-menu li ul.sub-menu { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out 0s; width: 100%; } #main-menu .main-menu li ul.sub-menu ul.sub-menu li a { padding-bottom: 10px; padding-left: 40px; padding-top: 10px; } #main-menu .main-menu li ul.sub-menu ul.sub-menu li a::before { content: "\f105"; display: block; font-family: "FontAwesome"; font-size: 12px; left: 20px; position: absolute; top: 15px; transition: ease all 0.6s; } #main-menu .main-menu li ul.sub-menu ul.sub-menu li a:hover::before { transform: translateX(5px); } #main-menu .main-menu li ul.sub-menu ul.sub-menu ul.sub-menu li a { padding-left: 55px; } #main-menu .main-menu li ul.sub-menu ul.sub-menu ul.sub-menu li a::before { content: '\f105'; left: 40px; } /*responsive toggle*/ #responsive-menu { background: transparent none repeat scroll 0 0; border: 3px solid #fff; border-radius: 15px; display: none; float: left; height: 50px; line-height: 1em; margin-left: 10px; margin-top: 0; overflow: hidden; padding: 0; position: relative; transition: all 0.25s ease-in-out 0s; width: 50px; } #responsive-menu span { background-color: #fff; border-radius: 3px; display: block; height: 3px; margin: 4px auto; transition: all 0.25s ease-in-out 0s; width: 55%; } body #responsive-menu-overlay { display: none; } #responsive-menu:hover, body.toggle-menu-show #responsive-menu { border-color: #FC9C1F; background-color: #FC9C1F; color: #fff; } body.toggle-menu-show #responsive-menu span, #responsive-menu:hover span { background-color :#fff; } /*responsive menu*/ #responsive-menu-wrapper { background-color: #06327d; color: #ffffff; height: 100vh; left: -300px; overflow: auto; padding: 30px 15px; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 300px; z-index: 9999; } #responsive-menu-wrapper #responsive-menu-inner{ position: relative; width: 100%; height: auto;} #responsive-menu-wrapper #nav-logo { margin: 0; padding: 0 0 20px; text-align: center; } #responsive-menu-wrapper #mobile-menu { margin-bottom: 20px; width: 100%; } #responsive-menu-wrapper #mobile-menu a { border-radius: 2px; } #responsive-menu-wrapper #mobile-menu a:focus { background-color: rgba(255, 255, 255, 0.1); } #responsive-menu-wrapper #mobile-menu > li { margin: 0 0 10px; position: relative; width: 100%; } #responsive-menu-wrapper #mobile-menu > li > .menu-arrow { border-radius: 4px; cursor: pointer; height: 48px; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; transition: transform 0.3s ease-in-out 0s; width: 48px; z-index: 1; } /*#responsive-menu-wrapper #mobile-menu > li > a { background-color: transparent; border: 3px solid #fff; color: #fff; display: block; font-size: 13px; font-weight: 700; padding: 8px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; }*/ #responsive-menu-wrapper #mobile-menu > li > a { background-color: transparent; border: 3px solid #fff; color: #fff; display: block; font-size: 13px; font-weight: 700; padding: 8px 25px 8px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; } #responsive-menu-wrapper #mobile-menu > li > a:hover, #responsive-menu-wrapper #mobile-menu > li.current-menu-item > a { background-color: #FC9C1F; border-color: #FC9C1F; color: #fff; } #responsive-menu-wrapper #mobile-menu > li ul li { background-color: transparent; margin: 5px 0 0; padding: 0; position: relative; } #responsive-menu-wrapper #mobile-menu > li ul li a { background-color: #f1f1f1; color: #000; display: block; font-size: 12px; font-weight: 500; padding: 6px 15px; text-transform: uppercase; } #responsive-menu-wrapper #mobile-menu > li ul li.current-menu-item a, #responsive-menu-wrapper #mobile-menu > li ul li a:hover{ background-color: #FC9C1F; color: #fff; } #responsive-menu-wrapper #mobile-menu > li ul li a::before { content: "\f105"; display: inline-block; font-family: "FontAwesome"; margin-right: 10px; } #responsive-menu-wrapper #mobile-menu li ul { max-height: 0; overflow: hidden; position: relative; transition: all 0.6s ease-in-out 0s; } #responsive-menu-wrapper #mobile-menu li ul li .menu-arrow { border-radius: 200px; cursor: pointer; height: 39px; line-height: 39px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 39px; } #responsive-menu-wrapper #mobile-menu li.show-sub > ul { max-height: 500px; } #responsive-menu-wrapper #mobile-menu li.show-sub > .menu-arrow.active { transform: rotateX(-180deg);} #responsive-menu-wrapper .social-icons-shortcode { display: none; } #responsive-menu-wrapper .social-icons-shortcode li a { color: #fff; } @media only screen and ( max-width: 1520px ) { body.animate #responsive-menu-wrapper { transform: translateX(100%); } body #responsive-menu-overlay { -webkit-overflow-scrolling: touch; } body #responsive-menu-overlay { background-color: #000; border: 0 none; display: block; height: 0; left: 0; opacity: 0; padding: 0; position: fixed; top: 0; transition: opacity 0.3s ease 0s; width: 100%; z-index: 1000; } body.toggle-menu-show #responsive-menu-overlay { opacity: 0.6; height: 100%; } #main-menu { margin-top: 20px; } #header-top { float: left; } #responsive-menu { float: right; display: block; border-radius: 3px; height: 38px; width: 50px; } #logo { max-width: 220px; } #main-menu .main-menu { display: none; } } @media only screen and ( max-width: 991px ) { #main-menu { margin-top: 20px; max-width: calc(100% - 220px); } #responsive-menu { vertical-align: bottom; } #header-top { display: block; } #header-top > * { display: inline-block; float: none; } #header-top .booking-status { margin-left: 150px; } #header-top #responsive-menu { margin-left: 10px; } } @media only screen and ( max-width: 767px ) { #logo { max-width: 190px; } #header-top .booking-status { margin-left: 70px; } .grid-item-info .action button.btn-loading:before { top: 3px; } #header-top ul.user-setting { margin-left: 0 !important; } } @media only screen and ( max-width: 600px ) { .back-to-top { bottom: 120px; } #header-top .user-setting, #header-top .user-setting > li form select { font-size: 12px; } #header-top .user-setting > li:not(:first-child)::before { margin: 0 6px 0 11px; } #logo { max-width: 140px; } #main-menu { margin-top: 0; max-width: calc(100% - 140px); } } @media only screen and ( max-width: 600px ) { #header-content { padding: 20px 0; } #header-top .social-icons-shortcode { display: none; } #responsive-menu-wrapper .social-icons-shortcode { display: block; padding: 10px 0 20px; } #responsive-menu-wrapper .social-icons-shortcode li a { font-size: 30px; } #header-top .user-setting { margin: 0; padding: 0 0 10px; width: 100%; } #header-top .user-setting > li { display: block; float: none; } #header-top .user-setting > li:not(:first-child)::before { display: none; } #header-top .booking-status { margin-left: 0; } #header-top .booking-status-toggle { padding: 0; height: 38px; width: 50px; } #header-top .booking-status-toggle > i { display: block; margin: 0; font-size: 18px; } #header-top .booking-status-toggle > i + span { display: none; } } @media only screen and ( max-width: 445px ) { .back-to-top { bottom: 150px; } } /*CONTENT ---------------------------------------------------------------------*/ #content { overflow: hidden; position: relative; z-index: 1; } #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #content:not(.fl-builder-enable) #content-area, #content.fl-builder-enable #content-area.sidebar-right, #content.fl-builder-enable #content-area.sidebar-left, #content-area::after { clear: both; content: ""; display: block; } #content-area, #content.no-fl-builder-enable.no-content #content-area, #content.fl-builder-enable #content-area, body.page-template #content.no-fl-builder-enable.no-content #content-area, #content-area.no-padding { padding: 0;} #content-area.top-padding{ padding-bottom: 0 !important;} body.home #content-area , body.home #content, body.home #content-area { padding-top: 0 !important;} body.home.blog #content #content-area, body.page-template-page-sitemap #content.no-content #content-area, body.page-template-page-privacy #content.no-content #content-area, body.page-template-page-terms-and-conditions #content.no-content #content-area { padding: 40px 0 !important;} #content .social-icons-shortcode li { margin: 0 15px 0 0; } #content .social-icons-shortcode li a { font-size: 18px; } html.fl-builder-edit:not(.hover-active) #content:hover { z-index: 1000; } /*SUBPAGE TITLE ---------------------------------------------------------------------*/ /*.page-template-page-ticketing-center-shipping .page-heading { min-height: 42vw; }*/ .page-heading { background: #2c2387 none repeat scroll 0 0; color: #fff; min-height: 60vw; overflow: hidden; padding: 18vw 0 0; position: relative; width: 100%; z-index: 1; } .page-heading * { color: inherit; } .page-heading::before { background: linear-gradient(to bottom, rgba(19,49,136,0.3) 0%,rgba(0,0,0,0) 100%); content: ''; display: block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 0; } /*.page-heading::before { background: linear-gradient(to bottom, rgba(19,49,136,0.9) 0%,rgba(0,0,0,0.4) 100%); content: ''; display: block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 0; }*/ .page-heading-bg { background-position: 50% 0; background-repeat: no-repeat; background-size: 100% auto; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .page-heading-bg.overlay { pointer-events: none; z-index: 2; } .page-heading-bg.has-overlay-image { background-position: 50% 0; } .page-heading:not(.overlay-gradient)::before { z-index: 1; } .page-heading-title { display: table; margin: auto; padding: 0 0 3vw; position: relative; text-align: center; width: auto; z-index: 1; } .page-heading .title { display: table; font-size: 2.755vw; font-weight: 700; letter-spacing: 0.1em; line-height: 1.4em; margin: auto; text-transform: uppercase; } .page-heading .title-description { display: table; margin: auto; position: relative; } .page-heading .title-description-text { display: inline-block; font-size: 7.38vw; font-weight: 800; letter-spacing: 0.1em; margin-bottom: 0; text-transform: uppercase; } .page-heading .title-description-suffix { display: block; font-size: 2.973vw; font-weight: bold; line-height: normal; margin-top: -3vw; padding-right: 15px; position: absolute; right: 0; text-shadow: 1.5px 3px 3px rgba(0, 0, 0, 0.3); z-index: 2; } .page-heading .title-description-text { display: inline-block; font-size: 7.38vw; font-weight: 800; letter-spacing: 0.1em; margin-bottom: 0; text-transform: uppercase; } .page-heading .title-description-suffix { display: block; font-size: 2.973vw; font-weight: bold; line-height: normal; margin-top: -3vw; padding-right: 13%; position: absolute; right: 0; text-shadow: 1.5px 3px 3px rgba(0, 0, 0, 0.3); z-index: 2; } .page-heading .title-description-suffix[style*="right: 0"] { right: 50px !important; } .page-heading .title-description-suffix-text { display: block; } .page-heading.left .title-description-suffix { left: 0; right: auto; } .page-heading.center .page-heading-title { padding-top: 60px; padding-bottom: 30px; } .page-heading.center .title { font-size: 1.785vw; } .page-heading.center .title-description-text { font-size: 5.96vw; } .page-heading.center .title-description-suffix { font-size: 1.55vw; line-height: 1.2em; margin: -20px 0 30px; position: relative; right: auto; text-align: center; } .page-heading .title-buttons { position: relative; text-align: center; z-index: 999; } .page-heading .title-buttons .btn { text-transform: none; min-width: 200px; } .page-heading .title-buttons .btn i { margin-right: 5px; } .page-heading .title-buttons .btn-wrapper { display: inline-block; } .page-heading .title-buttons.dual-buttons .btn { margin: 0 15px 15px; } .page-heading .title-buttons.dual-buttons .btn-wrapper { float: left; text-align: right; width: 50%; } .page-heading .title-buttons.dual-buttons .btn-wrapper:nth-child(2) { text-align: left; } /*bg image location*/ .page-heading-location { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0 0; bottom: 0; padding: 80px 0 45px; position: absolute; text-align: left; width: 100%; z-index: 10; } .page-heading-location .title-bg-location { margin: 0 0 5px; } .page-heading-location .title-bg-location i { margin-right: 5px; } .page-heading-location .title-bg-location-desc { font-weight: 300; margin: 0; } /*single*/ .single:not(.single-tour) .page-heading-bg { opacity: 0.9; background-size: cover; } .single .page-heading-title .title-description { font-size: 2.75vw; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 0; text-transform: uppercase; display: none; } .single .page-heading-title .title-text { display: inline-block; font-size: 5.38vw; line-height: 1.15em; font-weight: 800; letter-spacing: 0.1em; margin-bottom: 0; text-transform: uppercase; padding: 0 10px; } .single .page-heading-title .title-text.long-text { font-size: 5.95vw; } .single:not(.single-tour) .page-heading .title-description-suffix-text { margin-left: -20%; font-size: 2.38vw; } /*tour*/ #field_10_39, #field_10_38, #field_5_62, #field_27_62, #field_6_35, #field_13_35, #field_16_18, #field_17_14 { display: none !important; } .single-tour #booking .customized-price-form .ginput_container_name label { display: none; } .single-tour #booking .customized-price-form .gform_wrapper ul.top_label li.gfield { margin-top: 15px; } .single-tour #booking .customized-price-form .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; top: 0; } .single-tour #booking .slot_validation_error { color: yellow; text-align: center; } .single-tour .page-heading-title .title-description { margin-bottom: 0; } .single-tour .page-heading-title .title-text { font-size: 5.95vw; } .single-tour .page-heading .title-description-suffix { font-size: 1.55vw; margin: -3.1vw 0 2.3vw; position: relative; text-align: center; } .single-tour #booking .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { background: transparent none repeat scroll 0 0; border: 2px solid #fff !important; border-radius: 2px; color: #fff !important; font-weight: 700; padding-right: 10px; width: 100%; border: medium none; height: 41px; padding-left: 40px !important; text-overflow: ellipsis; font-size: 12px !important; } .single-tour #booking .gform_wrapper ul#gform_fields_27_2 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .single-tour #booking .gform_wrapper ul#gform_fields_5_2 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), #booking .gform_wrapper ul#gform_fields_20 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .single-tour #booking .gform_wrapper ul#gform_fields_27_2 select, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 select, #booking .gform_wrapper ul#gform_fields_20 select { background: transparent none repeat scroll 0 0; border: 2px solid #fff !important; border-radius: 2px; color: #fff !important; font-weight: 700; padding-right: 10px; width: 100%; border: medium none; height: 41px; padding-left: 20px !important; text-overflow: ellipsis; font-size: 12px !important; } .single-tour #booking .gform_wrapper #gform_page_5_1 .gform_page_footer input#gform_next_button_5_8, .single-tour #booking .gform_wrapper #gform_page_5_2 .gform_page_footer input#gform_previous_button_5 { background-color: #fff; border-color: #fff; color: #1c58f6; } .single-tour #booking .gform_wrapper #gform_page_5_1 .gform_page_footer input#gform_next_button_5_8:hover, .single-tour #booking .gform_wrapper #gform_page_5_2 .gform_page_footer input#gform_previous_button_5:hover { background-color: #078ff4; border-color: #078ff4; color: #fff; } .single-tour #booking .gform_wrapper #gform_page_5_1 .gform_page_footer input#gform_next_button_5_8, .single-tour #booking .gform_wrapper #gform_page_5_2 .gform_page_footer input#gform_previous_button_5 { border-radius: 3px; border-style: solid; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1em; padding: 15px; position: relative; text-transform: uppercase; transition: all 0.3s ease 0s; } .single-tour #booking .gform_wrapper #gform_page_27_1 .gform_page_footer input#gform_next_button_5_8, .single-tour #booking .gform_wrapper #gform_page_27_2 .gform_page_footer input#gform_previous_button_5 { background-color: #fff; border-color: #fff; color: #1c58f6; } .single-tour #booking .gform_wrapper #gform_page_27_1 .gform_page_footer input#gform_next_button_5_8:hover, .single-tour #booking .gform_wrapper #gform_page_27_2 .gform_page_footer input#gform_previous_button_5:hover { background-color: #078ff4; border-color: #078ff4; color: #fff; } .single-tour #booking .gform_wrapper #gform_page_27_1 .gform_page_footer input#gform_next_button_5_8, .single-tour #booking .gform_wrapper #gform_page_27_2 .gform_page_footer input#gform_previous_button_5 { border-radius: 3px; border-style: solid; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1em; padding: 15px; position: relative; text-transform: uppercase; transition: all 0.3s ease 0s; } ul#input_20_50 li:hover label, ul#input_27_50 li:hover label, ul#input_5_50 li:hover label { color: orange !important; } #booking .gform_wrapper #gform_fields_5_2 ul#input_5_12, #booking .gform_wrapper #gform_fields_5_2 ul#input_5_50, #booking .gform_wrapper #gform_fields_5_2 ul#input_5_64, #booking .gform_wrapper ul#input_20_50 { width: 100%; } #booking .gform_wrapper #gform_fields_5_2 li > b { color: yellow; font-weight: 300; } #booking .gform_wrapper #gform_fields_5_2 li > span { font-weight: 300; } #booking .gform_wrapper #gform_fields_5_2 ul#input_5_12:after, #booking .gform_wrapper #gform_fields_5_2 ul#input_5_50:after, #booking .gform_wrapper #gform_fields_5_2 ul#input_5_64:after, #booking .gform_wrapper ul#input_20_50:after { content: ''; display: block; clear: both; } #booking .gform_wrapper #gform_fields_5_2 ul#input_5_12 li, #booking .gform_wrapper #gform_fields_5_2 ul#input_5_50 li, #booking .gform_wrapper #gform_fields_5_2 ul#input_5_64 li, #booking .gform_wrapper ul#input_20_50 li { float: left; width: 50%; -webkit-box-shadow: 0 6px 2px -4px #000; -moz-box-shadow: 0 6px 2px -4px #000; box-shadow: 0 6px 2px -4px #000; } #booking .gform_wrapper #gform_page_5_2 li#field_5_12 label, #booking .gform_wrapper #gform_page_5_2 li#field_5_50 label, #booking .gform_wrapper #gform_page_5_2 li#field_5_64 label, #booking .gform_wrapper li#field_20_50 label { max-width: 100% !important; font-size: 12px; border: 1px solid white; margin: 0 !important; width: 100% !important; text-align: center; padding: 15px; color: #fff; } #booking .gform_wrapper #gform_page_5_2 li#field_5_12 label#label_5_12_0, #booking .gform_wrapper #gform_page_5_2 li#field_5_50 label#label_5_50_0, #booking .gform_wrapper #gform_page_5_2 li#field_5_64 label#label_5_64_0, #booking .gform_wrapper li#field_20_50 label#label_20_50_0 { background-color: #113bab; } #booking .gform_wrapper #gform_page_5_2 li#field_5_12 label#label_5_12_1, #booking .gform_wrapper #gform_page_5_2 li#field_5_50 label#label_5_50_1, #booking .gform_wrapper #gform_page_5_2 li#field_5_64 label#label_5_64_1, #booking .gform_wrapper li#field_20_50 label#label_20_50_1 { background-color: #0d539c; } #booking .gform_wrapper #gform_page_5_2 li#field_5_12 label#label_5_12_2, #booking .gform_wrapper #gform_page_5_2 li#field_5_50 label#label_5_50_2, #booking .gform_wrapper #gform_page_5_2 li#field_5_64 label#label_5_64_2, #booking .gform_wrapper li#field_20_50 label#label_20_50_2 { background-color: #203d8b; } #booking .gform_wrapper #gform_page_5_2 li#field_5_12 label#label_5_12_3, #booking .gform_wrapper #gform_page_5_2 li#field_5_50 label#label_5_50_3, #booking .gform_wrapper #gform_page_5_2 li#field_5_64 label#label_5_64_3, #booking .gform_wrapper li#field_20_50 label#label_20_50_3 { background-color: #40398b; } #booking .gform_wrapper #gform_page_5_2 li#field_5_19, #booking .gform_wrapper li#field_20_19 { margin-top: 0 !important; color: yellow !important; } #booking .gform_wrapper #gform_page_5_2 li#field_5_12 input[type="radio"], #booking .gform_wrapper #gform_page_5_2 li#field_5_50 input[type="radio"], #booking .gform_wrapper #gform_page_5_2 li#field_5_64 input[type="radio"], #booking .gform_wrapper li#field_20_50 input[type="radio"] { display: none; } #booking .gform_wrapper #gform_page_5_2 .gform_page_footer input#gform_submit_button_5 { padding: 15px !important; border-width: 0 !important; } #booking .gform_wrapper #gform_fields_27_2 ul#input_27_12, #booking .gform_wrapper #gform_fields_27_2 ul#input_27_50, #booking .gform_wrapper #gform_fields_27_2 ul#input_27_64 { width: 100%; } #booking .gform_wrapper #gform_fields_27_2 li > b { color: yellow; font-weight: 300; } #booking .gform_wrapper #gform_fields_27_2 li > span { font-weight: 300; } #booking .gform_wrapper #gform_fields_27_2 ul#input_27_12:after, #booking .gform_wrapper #gform_fields_27_2 ul#input_27_50:after, #booking .gform_wrapper #gform_fields_27_2 ul#input_27_64:after { content: ''; display: block; clear: both; } #booking .gform_wrapper #gform_fields_27_2 ul#input_27_12 li, #booking .gform_wrapper #gform_fields_27_2 ul#input_27_50 li, #booking .gform_wrapper #gform_fields_27_2 ul#input_27_64 li { float: left; width: 50%; -webkit-box-shadow: 0 6px 2px -4px #000; -moz-box-shadow: 0 6px 2px -4px #000; box-shadow: 0 6px 2px -4px #000; } #booking .gform_wrapper #gform_page_27_2 li#field_27_12 label, #booking .gform_wrapper #gform_page_27_2 li#field_27_50 label, #booking .gform_wrapper #gform_page_27_2 li#field_27_64 label { max-width: 100% !important; font-size: 12px; border: 1px solid white; margin: 0 !important; width: 100% !important; text-align: center; padding: 15px; color: #fff; } #booking .gform_wrapper #gform_page_27_2 li#field_27_12 label#label_27_12_0, #booking .gform_wrapper #gform_page_27_2 li#field_27_50 label#label_27_50_0, #booking .gform_wrapper #gform_page_27_2 li#field_27_64 label#label_27_64_0 { background-color: #113bab; } #booking .gform_wrapper #gform_page_27_2 li#field_27_12 label#label_27_12_1, #booking .gform_wrapper #gform_page_27_2 li#field_27_50 label#label_27_50_1, #booking .gform_wrapper #gform_page_27_2 li#field_27_64 label#label_27_64_1 { background-color: #0d539c; } #booking .gform_wrapper #gform_page_27_2 li#field_27_12 label#label_27_12_2, #booking .gform_wrapper #gform_page_27_2 li#field_27_50 label#label_27_50_2, #booking .gform_wrapper #gform_page_27_2 li#field_27_64 label#label_27_64_2 { background-color: #203d8b; } #booking .gform_wrapper #gform_page_27_2 li#field_27_12 label#label_27_12_3, #booking .gform_wrapper #gform_page_27_2 li#field_27_50 label#label_27_50_3, #booking .gform_wrapper #gform_page_27_2 li#field_27_64 label#label_27_64_3 { background-color: #40398b; } #booking .gform_wrapper #gform_page_27_2 li#field_27_19 { margin-top: 0 !important; color: yellow !important; } #booking .gform_wrapper #gform_page_27_2 li#field_27_12 input[type="radio"], #booking .gform_wrapper #gform_page_27_2 li#field_27_50 input[type="radio"], #booking .gform_wrapper #gform_page_27_2 li#field_27_64 input[type="radio"] { display: none; } #booking .gform_wrapper #gform_page_27_2 .gform_page_footer input#gform_submit_button_27 { padding: 15px !important; border-width: 0 !important; } .single-tour #booking .gform_wrapper #gform_10 .gform_footer input#gform_submit_button_10 { margin-right: 0; width: 100%; } .single-tour #booking .gform_wrapper ul#gform_fields_5_2 label#input_5_14_1_label, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 label#input_27_14_1_label, #booking .gform_wrapper ul#gform_fields_20 label#input_20_14_1_label, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_right label, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_right label, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_right label, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_left label, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_left label, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_left label, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 label#input_5_14_5_label, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 label#input_27_14_5_label, #booking .gform_wrapper ul#gform_fields_20 label#input_20_14_5_label, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_right span, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_right span, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_right span { display: none; } .single-tour #booking .gform_wrapper ul#gform_fields_10 li .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li .fa, .single-tour #booking .gform_wrapper ul#gform_fields_27 li .fa, .single-tour #payment-method .gform_wrapper ul#gform_fields_5 li .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; top: 0; } .single-tour #payment-method .gform_wrapper ul#gform_fields_27 li .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; top: 0; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li .fa.fa-user, .single-tour #booking .gform_wrapper ul#gform_fields_27 li .fa.fa-user, .single-tour #booking .gform_wrapper ul#gform_fields_10 li .fa.fa-user { line-height: 41px; } .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_1_container, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_month, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_year, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_container, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_1_container, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_month, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_year, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_container, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_1_container, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_month, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_year, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_container { margin: 0 0 15px 0 !important; } .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_left, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_right, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_left, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_right, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_left, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_right { display: block; width: 100%; } .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_left select, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_left select, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_left select { width: 100% !important; margin-left: 0 !important; } .single-tour #booking .gform_wrapper ul#gform_fields_5_2 #input_5_14_2_cardinfo_right input, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 #input_27_14_2_cardinfo_right input, #booking .gform_wrapper ul#gform_fields_20 #input_20_14_2_cardinfo_right input { width: 100% !important; max-width: 100% !important; } .single-tour #booking .gform_wrapper ul li#field_5_54 label, .single-tour #booking .gform_wrapper ul li#field_5_57 label, .single-tour #booking .gform_wrapper ul li#field_5_58 label, .single-tour #booking .gform_wrapper ul li#field_5_59 label, #booking .gform_wrapper ul li#field_20_54 label, #booking .gform_wrapper ul li#field_20_57 label, #booking .gform_wrapper ul li#field_20_58 label, #booking .gform_wrapper ul li#field_20_59 label { padding-right: 15px; } .single-tour #booking .gform_wrapper ul li#field_27_54 label, .single-tour #booking .gform_wrapper ul li#field_27_57 label, .single-tour #booking .gform_wrapper ul li#field_27_58 label, .single-tour #booking .gform_wrapper ul li#field_27_59 label { padding-right: 15px; } .single-tour #booking .gform_wrapper ul li#field_5_54 label, .single-tour #booking .gform_wrapper ul li#field_5_57 label, .single-tour #booking .gform_wrapper ul li#field_5_58 label, .single-tour #booking .gform_wrapper ul li#field_5_59 label, .single-tour #booking .gform_wrapper ul li#field_5_54 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_5_57 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_5_58 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_5_59 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_27_54 label, .single-tour #booking .gform_wrapper ul li#field_27_57 label, .single-tour #booking .gform_wrapper ul li#field_27_58 label, .single-tour #booking .gform_wrapper ul li#field_27_59 label, .single-tour #booking .gform_wrapper ul li#field_27_54 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_27_57 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_27_58 .ginput_container_total, .single-tour #booking .gform_wrapper ul li#field_27_59 .ginput_container_total, #booking .gform_wrapper ul li#field_20_54 label, #booking .gform_wrapper ul li#field_20_57 label, #booking .gform_wrapper ul li#field_20_58 label, #booking .gform_wrapper ul li#field_20_59 label, #booking .gform_wrapper ul li#field_20_54 .ginput_container_total, #booking .gform_wrapper ul li#field_20_57 .ginput_container_total, #booking .gform_wrapper ul li#field_20_58 .ginput_container_total, #booking .gform_wrapper ul li#field_20_59 .ginput_container_total { display: inline-block !important; width: auto !important; } .single-tour #booking .gform_wrapper ul li#field_5_54 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_5_54 label, .single-tour #booking .gform_wrapper ul li#field_5_57 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_5_57 label, .single-tour #booking .gform_wrapper ul li#field_5_58 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_5_58 label, .single-tour #booking .gform_wrapper ul li#field_5_59 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_5_59 label, .single-tour #booking .gform_wrapper ul li#field_27_54 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_27_54 label, .single-tour #booking .gform_wrapper ul li#field_27_57 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_27_57 label, .single-tour #booking .gform_wrapper ul li#field_27_58 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_27_58 label, .single-tour #booking .gform_wrapper ul li#field_27_59 .ginput_total_5, .single-tour #booking .gform_wrapper ul li#field_27_59 label, #booking .gform_wrapper ul li#field_20_54 .ginput_total_20, #booking .gform_wrapper ul li#field_20_54 label, #booking .gform_wrapper ul li#field_20_57 .ginput_total_20, #booking .gform_wrapper ul li#field_20_57 label, #booking .gform_wrapper ul li#field_20_58 .ginput_total_20, #booking .gform_wrapper ul li#field_20_58 label, #booking .gform_wrapper ul li#field_20_59 .ginput_total_20, #booking .gform_wrapper ul li#field_20_59 label { color: yellow !important; } .single-tour #booking .gform_wrapper ul li#field_5_27 .instruction, .single-tour #booking .gform_wrapper ul li#field_27_27 .instruction, .single-tour #booking .gform_wrapper ul li#field_10_27 .instruction, .single-tour #booking .gform_wrapper ul li#field_5_73 .instruction, .single-tour #booking .gform_wrapper ul#gform_fields_5 li label, .single-tour #booking .gform_wrapper ul#gform_fields_27 li label, .single-tour #booking .gform_wrapper ul#gform_fields_10 li label, .single-tour #payment-method .gform_wrapper ul#gform_fields_5 li label, .single-tour #payment-method .gform_wrapper ul#gform_fields_27 li label, .single-tour #payment-method .gform_wrapper ul#gform_fields_10 li label { display: none; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li.gfield, .single-tour #booking .gform_wrapper ul#gform_fields_10 li.gfield, .single-tour #booking .gform_wrapper ul#gform_fields_5_2 li.gfield, .single-tour #booking .gform_wrapper ul#gform_fields_27_2 li.gfield, .single-tour #payment-method .gform_wrapper ul#gform_fields_5 li.gfield { margin-top: 15px; } .single-tour #payment-method .gform_wrapper { padding: 16px; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li#field_5_1 span { width: 100%; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li#field_5_1 span.name_last { margin-top: 15px; } .single-tour #booking .gform_wrapper ul#gform_fields_5 li#field_5_1 span.name_last .fa { top: 60px; } .single-tour #booking .gform_wrapper ul#gform_fields_27 li#field_5_1 span { width: 100%; } .single-tour #booking .gform_wrapper ul#gform_fields_27 li#field_5_1 span.name_last { margin-top: 15px; } .single-tour #booking .gform_wrapper ul#gform_fields_27 li#field_5_1 span.name_last .fa { top: 60px; } .payment-tabs > .gfield_label { display: none; } .payment-tabs li { float: left; margin-bottom:0; } .payment-tabs [type=radio] { display: none; } .payment-tabs li label { font-weight: 400 !important; } .gsection_title { border-top: 1px solid #CCC; } .payment-tabs [type=radio]:checked ~ label { background: white; color: orange !important; } /*template*/ body.blog .page-heading .title-description-suffix { font-size: 2.385vw; } body.blog .page-heading .title-description-suffix-text { margin-right: -50px; } body.page-template-page-about-us .page-heading-location-text { width: 50%; } @media screen and (max-width: 767px) and (orientation: landscape) { .mfp-wrap.mfp-gallery .mfp-arrow { margin-top: 0 !important; } } /*single tour*/ .single-tour .page-heading-title .title-description { display: inline-block; font-size: 22px !important; letter-spacing: 0.1em; position: relative; } .single-tour .page-heading-title .title-description::before { background: rgba(0, 0, 0, 0) url("images/location.svg") no-repeat scroll 0 0; background-size: contain; bottom: -20px; content: ""; display: block; padding-top: 118px; position: absolute; right: -25px; width: 95px; z-index: 0; } .single-tour .page-heading-title .title-description-label span { position: relative; z-index: 1; } .single-tour .button-login { text-align: center; } /*review*/ .single-tour .page-heading .review { padding-top: 70px; } .single-tour .page-heading .review { padding-top: 70px; position: relative; text-align: center; z-index: 1; } .single-tour .page-heading .review > button.read-reviews { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 15px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; } .single-tour .page-heading .review .wpcr3_item > *:not(.wpcr3_aggregateRating), .single-tour .page-heading .review .wpcr3_item > .wpcr3_aggregateRating > *:not(.wpcr3_aggregateRating_ratingValue) { display: none !important; } .single-tour .page-heading .review .wpcr3_item > .wpcr3_aggregateRating { margin: 0; } .single-tour .page-heading .review .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > *, .single-tour .page-heading .review .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > * > * { font-size: 30px; } /*reveiw star*/ .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > *, .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > * > * { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #f6df1c; font-family: "FontAwesome"; font-size: 16px; letter-spacing: 0.08em; height: 1em; padding: 0; position: relative; text-align: left; text-indent: 0; width: 5em; } .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > * > * { left: 0; overflow: hidden; position: absolute; top: 0; } .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > *::before { content: "\f006 \f006 \f006 \f006 \f006"; display: inline-block; line-height: 1em; } .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > * > *::before { content: "\f005 \f005 \f005 \f005 \f005"; display: inline-block; line-height: 1em; } /*review star comment*/ .wpcr3_item > .wpcr3_review .wpcr3_review_ratingValue > * > *, .wpcr3_item > .wpcr3_review .wpcr3_review_ratingValue > * > * > * { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #f6df1c; font-family: "FontAwesome"; font-size: 16px; letter-spacing: 0.08em; height: 1em; padding: 0; position: relative; text-align: left; text-indent: 0; width: 5em; } .wpcr3_item > .wpcr3_review .wpcr3_review_ratingValue > * > * > * { left: 0; overflow: hidden; position: absolute; top: 0; } .wpcr3_item > .wpcr3_review .wpcr3_review_ratingValue > * > *::before { content: "\f006 \f006 \f006 \f006 \f006"; display: inline-block; line-height: 1em; } .wpcr3_item > .wpcr3_review .wpcr3_review_ratingValue > * > * > *::before { content: "\f005 \f005 \f005 \f005 \f005"; display: inline-block; line-height: 1em; } /*review star entry*/ .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * { margin-top: 5px; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > *, .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > *, .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > * { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #f6df1c; font-family: "FontAwesome"; font-size: 20px; letter-spacing: 0.08em; height: 1em; padding: 0; position: relative; text-align: left; text-indent: 0; width: 5em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > *, .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > * { left: 0; overflow: hidden; position: absolute; top: 0; color: transparent; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > *::before { content: "\f006 \f006 \f006 \f006 \f006"; display: inline-block; line-height: 1em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > *:nth-child(2) > * { color: #f6df1c; cursor: alias; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > *:nth-child(2) > *::before { content: "\f005 \f005 \f005 \f005 \f005"; display: inline-block; line-height: 1em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > *::before { color: #f6df1c; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > *:hover:nth-child(1)::before { background: none; content: "\f005"; display: inline-block; line-height: 1em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > *:hover:nth-child(2)::before { background: none; content: "\f005 \f005"; display: inline-block; line-height: 1em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > *:hover:nth-child(3)::before { background: none; content: "\f005 \f005 \f005"; display: inline-block; line-height: 1em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > *:hover:nth-child(4)::before { background: none; content: "\f005 \f005 \f005 \f005"; display: inline-block; line-height: 1em; } .wpcr3_review_form_rating_field .wpcr3_rating_stars > * > * > * > *:hover:nth-child(5)::before { background: none; content: "\f005 \f005 \f005 \f005 \f005"; display: inline-block; line-height: 1em; } @media only screen and ( max-width: 1279px ) { .page-heading-bg { background-size: cover; background-position: 50% 100%; } } @media only screen and ( max-width: 991px ) { .page-heading-bg.overlay { z-index: 1; } .page-heading { min-height: 116vw; padding: 36vw 0 0; } } @media only screen and ( max-width: 767px ) { .page-heading { min-height: 90vw; padding: 35vw 0 0; } .page-heading.center .title { font-size: 16px; } .page-heading.center .title-description-text { font-size: 40px; } .page-heading.center .title-description-suffix { font-size: 14px; } .page-heading .title-buttons.dual-buttons .btn-wrapper { text-align: center !important; width: 100%; } .page-heading .title-buttons.dual-buttons .btn-wrapper .btn { width: 200px; } } @media only screen and ( max-width: 567px ) { /*.page-heading { padding: 52vw 0 0; min-height: 190vw; }*/ /*.page-heading { min-height: 480px; }*/ .page-heading-location { padding-bottom: 15px; } .page-heading-location .title-bg-location { font-size: 15px; } .page-heading-location .title-bg-location-desc { font-size: 12px; line-height: 1.3em; } body.blog .page-heading .title-description-suffix { font-size: 15px; line-height: 1.2em; padding: 0 60px !important; right: auto !important; text-align: center; width: 100% !important; } body.blog .page-heading .title-description-suffix-text { margin-right: 0; } .single-tour .page-heading-title .title-description { font-size: 15px; } .single-tour .page-heading-title .title-text { font-size: 5.95vw; } .single-tour .page-heading-title .title-suffix { font-size: 13px; } .page-heading-title { text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7); } .page-heading .title-description-suffix { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.6); } } @media only screen and ( max-width: 467px ) { .page-heading { min-height: 146vw; padding: 56vw 0 0; } .single-tour .page-heading .review { padding: 20px 0 30px; } .single-tour .page-heading-title .title-description::before { right: 25px; } .page-heading .title { font-size: 15px; } .page-heading .title-description-suffix { font-size: 16px; } } /*SECTIONS ---------------------------------------------------------------------*/ .section { margin: 0; padding: 70px 0; position: relative; } .section > .bg { background-size: 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .section.featured-tour > .bg { padding-top: 66.7%; height: 0; } .section.featured-tour .btn { padding: 15px 25px; letter-spacing: 0.02em; } /*SECTIONS HOME PAGE START*/ @media only screen and ( max-width: 767px ) { .slider .slide { height: 100vh !important; min-height: 480px !important; } } .slider { width: 100%; padding: 0; } .slider .slide { align-content: flex-end; align-items: center; display: flex; flex-direction: column; height: 100vh; justify-content: center; min-height: 800px; padding: 70px 70px 0; position: relative; width: 100%; } .slider .slide .bg { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .slider .slide .bg::before { background: linear-gradient(to bottom, rgba(19,49,136,0.2) 0%,rgba(0,0,0,0.2) 100%); content: ''; display: block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 0; } /*.slider .slide .bg::before { background: linear-gradient(to bottom, rgba(19,49,136,0.3) 0%,rgba(0,0,0,0.4) 100%); content: ''; display: block; width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 0; }*/ .slider .slide-content { position: relative; color: #fff; text-align: center; z-index: 1; } .slider .slide-content .title-prefix { display: inline-block; font-weight: 600; letter-spacing: 0.1em; margin: 0; padding: 0 30px; position: relative; text-transform: uppercase; z-index: 1; } .slider .slide-content .title-prefix.location::before { background: rgba(0, 0, 0, 0) url("images/location.svg") no-repeat scroll 0 0; background-size: contain; bottom: -20px; content: ""; display: block; padding-top: 118px; position: absolute; right: 0; width: 95px; z-index: 0; } .slider .slide-content .title-prefix span { position: relative; } .slider .slide-content .title { font-size: 100px; font-weight: 800; letter-spacing: 0.1em; line-height: 1em; text-transform: uppercase; } .slider .slide-content .description { margin-bottom: 30px; } .slider .sliders-buttons .btn i { margin-right: 5px; } .slider .sliders-buttons .btn-wrapper { display: inline-block; } .slider .sliders-buttons.dual-buttons .btn { margin: 0 15px 15px; } /*controls*/ .slider .owl-nav > * { background: url(images/slider-prev.svg) no-repeat; background-size: contain; border-radius: 0; width: 53px; padding-top: 65px; } .slider .owl-nav > .owl-next { background-image: url(images/slider-next.svg); right: 0; } .slider .owl-nav > .owl-prev { left: 0; } .slider .owl-nav > .owl-prev:hover { opacity: 0.8; transform: rotate(-30deg) translateX(20px) translateY(-40px); } .slider .owl-nav > .owl-next:hover { opacity: 0.8; transform: rotate(30deg) translateY(-40px) translateX(-20px); } .slider .owl-dots { bottom: 0; padding: 26px; position: absolute; text-align: center; width: 100%; } .slider .owl-carousel .owl-item { -moz-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; user-select: auto; } /*animation*/ .slider .slide-content .title-prefix { opacity: 0; transform: scale(0); transition: all 0.6s ease 0s; } .slider .slide-content .title-prefix::before { opacity: 0; transform: translateY(-50px); transition: all 0.6s ease 0.6s; } .slider .slide-content .title { opacity: 0; transform: translateY(100px); transition: all 0.6s ease 0.3s; } .slider .slide-content .description { opacity: 0; transform: translateY(-20px); transition: all 0.6s ease 0.8s; } .slider .slide-content .sliders-buttons .btn-wrapper { opacity: 0; transform: translateY(20px); transition: all 0.6s ease 1s; } .slider .slide-content .sliders-buttons.dual-buttons .btn-wrapper:nth-child(1) { opacity: 0; transform: translateX(-20px); transition: all 0.6s ease 1s; } .slider .slide-content .sliders-buttons.dual-buttons .btn-wrapper:nth-child(2) { opacity: 0; transform: translateX(20px); transition: all 0.6s ease 1s; } .slider .animated .slide-content .title-prefix { opacity: 1; transform: scale(1); } .slider .animated .slide-content .title-prefix::before, .slider .animated .slide-content .title, .slider .animated .slide-content .description, .slider .animated .slide-content .sliders-buttons .btn-wrapper, .slider .animated .slide-content .sliders-buttons.dual-buttons .btn-wrapper { opacity: 1; transform: translate(0); } @media only screen and ( max-width: 991px ) { .slider .slide-content .title { font-size: 60px; } } @media only screen and ( max-width: 767px ) { .slider .slide-content .title-prefix { font-size: 16px; } .slider .slide-content .title-prefix.location::before { transform: scale(0.5) translateY(10px); } .slider .slide-content .title { font-size: 40px; margin-bottom: 5px; } .slider .slide-content .description { font-size: 15px; } .slider .slide-content .sliders-buttons.dual-buttons .btn-wrapper { width: 100%; } .slider .sliders-buttons.dual-buttons .btn { font-size: 12px; margin: 0 0 15px; padding: 12px; width: 180px; } footer #footer-widget h3.widgettitle { padding-right: 0 !important; } footer #footer-widget h3.widgettitle, footer #footer-widget .textwidget h4, #footer-widget .widget .contact-details-shorcode li, footer #footer-widget .textwidget p { text-align: center; } footer #footer-widget .textwidget ul { display: flex; justify-content: center; flex-wrap: wrap; } #footer-widget .widget .contact-details-shorcode li strong { display: inline-block !important; float: none !important; } #footer-widget .widget .contact-details-shorcode li a { overflow: visible !important; } } @media only screen and ( max-width: 400px ) { #footer-widget .widget.widget_et_contact_details_widget .widgettitle { padding-right: 70px !important; text-align: left !important; } } @media only screen and ( max-width: 467px ) { .slider .slide { height: 90vh; min-height: 600px; } } @media only screen and ( max-width: 367px ) { .slider .slide { height: 85vh; min-height: 578px; } } @media only screen and ( max-width: 768px ) { #blog-featured .aligncenter a { margin-left: 0 !important; } } @media only screen and ( max-width: 767px ) { #international-featured .aligncenter a, #domestic-featured .aligncenter a { margin-left: 0 !important; } } /*grid owl carousel*/ .grid.owl-carousel, .grid.owl-carousel .owl-stage { margin: 0 auto; } .grid.owl-carousel, .grid.owl-carousel .owl-stage .owl-item:last-of-type { /*margin-right: 0 !important;*/ } /*@media only screen and ( max-width: 567px ) { .grid.owl-carousel { display: block; justify-content: normal; flex-wrap: nowrap; } }*/ /*grids*/ .grid:not(.owl-carousel) { margin: -15px; position: relative; width: calc(100% + 30px); } .grid:not(.owl-carousel)::after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .grid:not(.owl-carousel) .grid-item { margin: 15px; width: 262px; } .grid.fullwidth-grids { backface-visibility: hidden; margin: -15px auto 50px; max-width: 1460px; } /*.grid.fullwidth-grids .action .btn { min-width: 213px; margin-top: 30px; }*/ .grid-item { backface-visibility: hidden; transform: translate3d(0, 0, 0); border-radius: 8px; overflow: hidden; color: #fff; display: flex; flex-direction: column; float: left; height: 356px; justify-content: flex-end; padding: 0; position: relative; width: 100%; } .grid-item::before { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: ease all 0.6s; width: 100%; z-index: 1; } .loaded-item.load-more button#load-more-button { margin: 0 auto; display: block; } .loaded-item.load-more button.no-item-to-load { width: 100%; white-space: normal; line-height: 18px; } .loaded-item.load-more button.btn-loading, .loaded-item.load-more button.no-item-to-load { background-color: hsla(31, 97%, 53%, 0.85); border-color: hsla(31, 97%, 53%, 0.85); opacity: 1; } .grid-item.load-more::before, .grid-item.load-more-package::before { background: rgba(0,0,0,0.6); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: ease all 0.6s; width: 100%; z-index: 1; } .grid-item.load-more .grid-item-info, .grid-item.load-more-package .grid-item-info { height: 100%; display: flex; align-items: center; } .grid-item.load-more button, .grid-item.load-more-package button { background: transparent; border: 0; font-size: 17px; } .grid-item.load-more button.no-tours-to-load, .grid-item.load-more-package button.no-tours-to-load { padding: 0; } .grid-item:hover::before { opacity: 1; } .grid-item .grid-item-image { backface-visibility: hidden; background-position: 50% 50%; background-size: cover; height: 100%; left: 0; position: absolute; transition: ease all 0.6s; top: 0; width: 100%; z-index: 0; } .grid-item:hover .grid-item-image { transform: scale(1.1); } .grid-item-info { padding: 20px; pointer-events: none; position: relative; z-index: 2; } .grid-item-info .title { color: #fff; } .grid-item-info a::after { border-top: 1px solid; bottom: 0; content: ""; display: block; position: absolute; transform: scaleX(0); transition: all 0.3s ease 0s; width: 100%; } .grid-item-info a:hover::after { transform: scaleX(1); } .grid-item-info a, .grid-item-info .action button { color: #fff; pointer-events: auto; position: relative; display: inline-block; white-space: normal; line-height: 20px; } .grid-item-info .action { width: 100% !important; } .grid-item-info .location { font-size: 15px; } .grid-item-info .location.prefix em{ font-style: normal; } .grid-item-info .title { margin: 0; } .grid-item-info .info { font-weight: 300;; font-size: 13px; } .grid-item-info .value { font-weight: 700; width: 100%; float: left; font-size: 16px; font-weight: 700; padding-top: 10px; } .grid-item-action { align-items: center; background-color: rgba(0, 0, 0, 0.8); display: flex; flex-direction: column; height: 100%; justify-content: center; position: absolute; text-align: center; top: 100%; transition: all 0.6s ease 0.2s; width: 100%; z-index: 10; visibility: hidden; } .grid-item-action .prefix { padding: 10px 0; } .grid-item-action .btn { width: 200px; text-transform: none; } .grid-item-action .btn i { margin-right: 5px; } .grid-item-action .btn.btn-secondary { border-color: #fff; color: #fff; } .grid-item.active .grid-item-action { transform: translateY(-100%); visibility: visible; } .grid-item-has-action { cursor: pointer; } .price-converted-currency span { border-bottom: 0 !important; } @media only screen and ( max-width: 1500px ) { .grid.fullwidth-grids { margin: -15px -15px 50px; max-width: calc(100% + 30px); } .grid.fullwidth-grids:not(.owl-carousel) .grid-item { width: calc(20% - 30px); } .grid.fullwidth-grids:not(.owl-carousel) .action { padding-top: 30px; width: calc(100% - 30px); } } @media only screen and ( max-width: 1200px ) { .grid.fullwidth-grids:not(.owl-carousel) .grid-item { width: calc(25% - 30px); } } @media only screen and ( max-width: 991px ) { .grid.fullwidth-grids:not(.owl-carousel) .grid-item { width: calc(33.33% - 30px); } } @media only screen and ( max-width: 767px ) { .grid.fullwidth-grids:not(.owl-carousel) .grid-item { width: calc(50% - 30px); } } @media only screen and ( max-width: 567px ) { .featured-tour .grid { margin-top: 0; } #blog-featured .action { margin-bottom: 0; margin-top: 32px; } } @media only screen and ( max-width: 467px ) { .grid.fullwidth-grids { margin: -15px 0 50px; max-width: 100%; } .grid.fullwidth-grids:not(.owl-carousel) .action { width: 100%; } .grid.fullwidth-grids:not(.owl-carousel) .grid-item { float: none; margin: 0 auto 30px; width: 262px; } .featured-tour .grid { margin-top: 0; } } /*grid simple*/ .grid-simple:not(.owl-carousel) { margin: -15px; position: relative; width: calc(100% + 30px); } .grid-simple:not(.owl-carousel)::after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .grid-simple:not(.owl-carousel) .grid-item-simple { margin: 15px; width: 360px; } .grid-item-simple { background-color: #000; display: block; float: left; height: 230px; padding: 0; position: relative; width: 100%; } .grid-item-simple::before { background: rgba(0, 0, 0, 0) url("images/grid-item-shadow.png") no-repeat scroll 50% 0; background-size: 100% 100%; content: ""; display: block; height: 49px; left: 50%; max-width: none; position: absolute; top: 100%; transform: translateX(-50%); width: 110%; z-index: 1; } .grid-item-simple-image-wrapper { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } .grid-item-simple-image { background-color: #000; background-size: cover; display: block; height: 100%; left: 0; overflow: hidden; position: absolute; transition: ease transform 1s; transform-origin: 50% 50% 0; top: 0; width: 100%; z-index: 0; -ms-transform: none !important; transform: none !important; } .grid-item-simple-image::before { background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: ease all 0.6s; width: 100%; z-index: 0; } .grid-item-simple:hover .grid-item-simple-image { transform: scale(1.2); transition: ease transform 2s; } .grid-item-simple-info { bottom: 0; color: #fff; display: block; font-size: 14px; left: 0; margin: 0; padding: 20px; position: absolute; width: 100%; } .grid-item-simple-info * { color: inherit; } .grid-item-simple-info i { margin-right: 5px; } /*post page*/ .post-page .post-content a, .single-post .post a { color: #059BEB; } .post-page .post-content a:hover, .single-post .post a:hover, #post-author .post-author-meta .post-author-job a:hover, .post-navigation-link:hover .info .text { color: #FC9C1F; } #comment-wrap textarea, #comment-wrap input, #comment-wrap .comment-form-cookies-consent label { font-size: 15px !important; } #comment-wrap .comment-form-cookies-consent label { visibility: visible !important; display: inline-block !important; margin-left: 15px !important; } #comment-wrap #respond #commentform p.form-submit input[type="submit"]:hover { background-color: #FC9C1F !important; border-color: #FC9C1F !important; } /*grid blog*/ .grid.blog-grid:not(.owl-carousel) .grid-item-blog { margin: 15px; width: calc(20% - 30px); } .grid.blog-grid { margin-bottom: 50px; } .grid-item-blog { color: #fff; display: flex; flex-direction: column; float: left; justify-content: flex-end; overflow: hidden; padding: 24.4% 0 0; position: initial; width: 264px; } .grid-item-blog-image { background-position: center; background-color: #000; background-size: cover; height: 100%; left: 0; overflow: hidden; opacity: 0.6; position: absolute; transition: ease transform 1s 0.6s, ease opacity 0.3s; transform-origin: 50% 100% 0; top: 0; width: 100%; z-index: 0; } .grid-item-blog-image::before { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: ease all 0.6s; width: 100%; z-index: 0; } .grid-item-blog:hover .grid-item-blog-image { transform: scale(1.05); opacity: 1; transition: ease transform 10s 0.3s, ease opacity 0.2s; } .grid-item-blog:hover .grid-item-blog-image::before { opacity: 1; } .grid-item-blog-info { bottom: 50%; left: 0; padding: 20px; position: absolute; text-align: center; transform: translateY(50%); transition: all 0.3s ease 0s; width: 100%; } .grid-item-blog-info .title { color: #fff; margin: 0 0 10px; text-transform: uppercase; } .grid-item-blog-info .date { color: #b4b4b4; font-size: 13px; text-transform: uppercase; } .grid-item-blog-info .post-excerpt { color: #fff; font-size: 12px; font-weight: 300; height: 0; line-height: 1.5em; opacity: 0; transition: all 0.3s ease 0s; width: 100%; } .grid-item-blog:hover .grid-item-blog-info { transform: translateY(100%); transition: ease transform 0.6s 0.4s; } .grid-item-blog:hover .grid-item-blog-info .post-excerpt { opacity: 0.6; padding-top: 20px; padding-bottom: 15px; } @media only screen and ( max-width: 1200px ) { .grid:not(.owl-carousel):not(.fullwidth-grids) { padding-left: 15px; padding-right: 15px; } .grid:not(.owl-carousel):not(.fullwidth-grids) .grid-item { width: calc(25% - 30px); } } @media only screen and ( max-width: 1024px ) { .grid.blog-grid:not(.owl-carousel) .grid-item-blog { padding-top: 30%; width: calc(25% - 30px); } } @media only screen and ( max-width: 991px ) { .grid.blog-grid:not(.owl-carousel) .grid-item-blog { padding-top: 43%; width: calc(33.33% - 30px); } .grid:not(.owl-carousel):not(.fullwidth-grids) .grid-item { width: calc(33.33% - 30px); } } @media only screen and ( max-width: 991px ) and ( min-width: 768px ) { #comment-wrap .comment-form-cookies-consent { margin-bottom: 40px !important; } } @media only screen and ( max-width: 661px ) and ( min-width: 372px ) { #comment-wrap .comment-form-cookies-consent { margin-bottom: 40px !important; } } @media only screen and ( max-width: 371px ) and ( min-width: 260px ) { #comment-wrap .comment-form-cookies-consent { margin-bottom: 70px !important; } } @media only screen and ( max-width: 767px ) { .grid.blog-grid:not(.owl-carousel) .grid-item-blog { padding-top: 60%; width: calc(50% - 30px); } .grid:not(.owl-carousel):not(.fullwidth-grids) .grid-item { width: calc(50% - 30px); } } @media only screen and ( max-width: 567px ) { .grid.blog-grid:not(.owl-carousel) { display: table; margin-left: auto; margin-right: auto; max-width: 294px; } .grid.blog-grid:not(.owl-carousel) .grid-item-blog { padding-top: 130%; width: calc(100% - 30px); } .grid:not(.owl-carousel):not(.fullwidth-grids) .grid-item { width: calc(100% - 30px); } } /*search filter box*/ #search-filter { background: url(images/trianglify-search.svg) no-repeat 50% 79.5% #27d5f8 fixed; background-size: cover; color: #fff; } #search-filter .input-container > * { width: 100%; } #search-filter .input-container > input.destination { background: rgba(0, 0, 0, 0) url("css/default-img/search-light.svg") no-repeat scroll right 20px center; padding-right: 40px; } #search-filter .input-container > input.destination::placeholder, #search-filter .input-container > input.destination::-webkit-input-placeholder, #search-filter .input-container > input.destination:focus::-webkit-input-placeholder, #search-filter .input-container > input.destination:-moz-placeholder, #search-filter .input-container > input.destination:focus:-moz-placeholder, #search-filter .input-container > input.destination:-ms-input-placeholder, #search-filter .input-container > input.destination::-ms-input-placeholder, #search-filter .input-container > input.destination:focus::placeholder, #search-filter .input-container > input.destination:focus:-ms-input-placeholder, #search-filter .input-container > input.destination:focus::-ms-input-placeholder { color: white; opacity: .7; } #search-filter .input-container > input.destination::-webkit-input-placeholder { color: white; opacity: .7; } #search-filter .input-container > input.destination:focus::-webkit-input-placeholder { color: white; opacity: .7; } /* Firefox < 19 */ #search-filter .input-container > input.destination:-moz-placeholder { color: white; opacity: .7; } #search-filter .input-container > input.destination:focus:-moz-placeholder { color: white; opacity: .7; } /* Firefox > 19 */ #search-filter .input-container > input.destination::-moz-placeholder { color: white; opacity: .7; } #search-filter .input-container > input.destination:focus::-moz-placeholder { color: white; opacity: .7; } /* Internet Explorer 10 */ #search-filter .input-container > input.destination:-ms-input-placeholder { color: white; opacity: .7; } #search-filter .input-container > input.destination:focus:-ms-input-placeholder { color: white; opacity: .7; } #search-filter .input-container > input, #search-filter .input-container > select, #search-filter .input-container > .input-number > input, #search-filter .input-container > .btn { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.1em; line-height: normal; padding: 16px 18px; width: 100%; } #search-filter .input-container > .btn { background-color: #fff; color: #000; font-weight: 500; } #search-filter .input-container > .btn:hover { background-color: #FC9C1F; border-color: #FC9C1F; color: #fff; } #search-filter .input-container > select { background-image: url("css/default-img/select-up-down-light.svg"); background-position: right 20px center !important; padding: 15px 40px 15px 18px !important; } #search-filter .input-container > select.placeholder { color: rgba(255, 255, 255, 0.5); } #search-filter .input-container > select.placeholder option { color: #000; } #search-filter .input-container > select option { color: #fff; } #search-filter .input-container > .input-number input[type="number"] { padding-right: 40px !important; } #search-filter .input-container > .input-number button.input-number-button { color: #fff; } @media only screen and ( max-width: 991px ) { #search-filter .input-container { margin-bottom: 10px; } #search-filter .input-container.col-sm-3 { width: 33.33%; } #search-filter .input-container.col-sm-6, #search-filter .input-container.col-sm-6 + .col-sm-3 { width: 50%; } #search-filter .input-container.col-sm-9, #search-filter .input-container:last-child { width: 100%; } } @media only screen and ( max-width: 767px ) { #search-filter .input-container { width: 100% !important; } } /*Featured List*/ .featured-tour { background-color: #0061d9; padding: 110px 0 75px; position: relative; } .featured-tour .bg::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 97, 217, 0) 0%, rgba(0, 97, 217, 0) 55%, rgb(0, 97, 217) 85%) repeat scroll 0 0; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .featured-tour .grid { margin-top: 32.4%; } .featured-tour .action { margin-top: 50px; } @media only screen and ( max-width: 576px ) { .featured-tour { padding: 180px 0 50px; } .featured-tour .heading * { color: #fff !important; } .featured-tour .grid { margin-top: 0; } } /*most search carousel*/ #most-search { background-color: #0061d9; color: #fff; overflow: hidden; } #most-search .owl-carousel .owl-stage-outer { overflow: visible; } #most-search .action { padding: 50px 0 0; margin: 0; } /*#most-search .action .btn { min-width: 213px; }*/ @media only screen and ( max-width: 567px ) { .grid.owl-carousel { margin: auto; max-width: 262px; } .grid.owl-carousel .owl-stage-outer { overflow: visible; } .grid.owl-carousel .owl-dots { left: 50%; position: relative; transform: translateX(-50%); width: 100vw; } } /*continent map*/ #filter-map-continent { background-color: #edf0f2; color: #000000; } #filter-map-continent .filter-by-map { background: rgba(0, 0, 0, 0) url("images/map.png") no-repeat scroll 50% 0; background-size: 100% auto; margin: 0 auto; max-width: 1500px; padding-top: 45.15%; position: relative; width: 100%; } #filter-map-continent .map-search { background-color: #FC9C1F; border-radius: 50%; color: #fff; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; top: 0; transition: ease all 0.6s; width: 40px; } #filter-map-continent .map-search:hover { background-color: #0061d9; } #filter-map-continent .map-search.map-north-america { left: 25.3%; top: 31.1%; } #filter-map-continent .map-search.map-south-america { left: 32.7%; top: 58.8%; } #filter-map-continent .map-search.map-africa { left: 40.3%; top: 44.5%; } #filter-map-continent .map-search.map-europe { left: 46.4%; top: 19.4%; } #filter-map-continent .map-search.map-asia { left: 70.7%; top: 29.7%; } #filter-map-continent .map-search.map-domestic { left: 80.7%; top: 47%; } #filter-map-continent .map-search.map-australia { left: 84.1%; top: 69.8%; } .acf-tour-map { width: 100%; height: 550px; } @media only screen and ( max-width: 767px ) { #filter-map-continent .map-search { transform: scale(0.5); } } /*center item*/ #domestic-most-popular-tours, #international-most-popular-tours, #tour-packages-posts, #domestic-package-van, #most-search-van, .visa-processing-list.grid, #about-gallery .credentials-certificates-items { display: flex; justify-content: center; flex-wrap: wrap; } /*blogs*/ #blog-featured { background-color: #0c0c0c; } #blog-featured .grid-item-blog-slide { padding: 140% 0 0 !important; } /*#blog-featured .blog-featured-list { display: flex; justify-content: center; flex-wrap: wrap; }*/ /*newsletter*/ #subscribe-newsletter .subscribe-newsletter-container { width: 100% !important; } #subscribe-newsletter .lightbox-form-block-wrapper { min-height: auto !important; } #subscribe-newsletter #newsletter-box { background-color: #ffffff; } #subscribe-newsletter #newsletter-box .gform_footer input[type="submit"] { background-color: #FB8A15; border-color: #FB8A15; border-radius: 3px; border-style: solid; border-width: 3px; color: #ffffff; } #subscribe-newsletter #newsletter-box .gform_footer input[type="submit"]:hover { background-color: #078ff4; border-color: #078ff4; color: #fff; } #footer #newsletter .footer-back-to-top span::after, #footer #newsletter a::after, #footer #newsletter a > i + span::after { border: 0; } #newsletter { background: url(images/trianglify-newsletter.svg) no-repeat 50% 81% #078ff4 fixed; background-size: cover; } #newsletter .newsletter-wrapper { align-items: center; display: flex; justify-content: space-between; } #newsletter .heading { flex: 1 1 auto; margin: 0; padding-right: 30px; } #newsletter .heading .title { font-size: 40px; font-weight: 700; margin: 0 0 5px; line-height: normal; } #newsletter .heading .desc { font-family: 'Open Sans'; font-weight: 400; margin: 0; } #newsletter .action { flex: 0 0 auto; } #newsletter .action .btn:not(:hover) { color: #078ff4; } #field_4_1 .ginput_container .fa, #field_22_1 .ginput_container .fa { display: none; } #field_4_1 .validation_message, #field_4_2 .validation_message { left: 0 !important; right: unset !important; } input#choice_4_2 { margin-top: 0 !important; } label#label_4_2 { color: black; margin-left: 10px; vertical-align: middle; } @media only screen and ( max-width: 767px ) { #newsletter .newsletter-wrapper { display: block; padding: 0 30px; text-align: center; } #newsletter .heading { margin: 0 0 40px; padding-right: 0; } } /*SECTIONS HOME PAGE END*/ /*SECTIONS ABOUT US PAGE START*/ #heading-featured-packages { float: right; margin: -143px 0 -130px; padding: 0 0 60px 30px; width: 45%; z-index: 1; } #heading-featured-packages .heading-left h2 { font-size: 13px; } #heading-featured-packages .heading-featured-packages-lists { overflow: hidden; padding-left: 15px; } #heading-featured-packages .owl-carousel .owl-stage-outer{ overflow: visible; } #heading-featured-packages .grid-simple { max-width: 360px; padding-bottom: 49px; } #heading-featured-packages .heading-left { display: none; } @media only screen and ( max-width: 767px ) { #heading-featured-packages .grid-item-simple { height: 160px; } } @media only screen and ( max-width: 567px ) { #heading-featured-packages {width: 50%; } #heading-featured-packages { margin-bottom: 0; margin-top: -100px; padding-bottom: 0; } #heading-featured-packages .heading-left h2 { font-size: 9px; transform: scaleX(-1) scaleY(-1) translateY(10px); } #heading-featured-packages .grid-simple { max-width: 90%; padding-bottom: 49px; } #heading-featured-packages .grid-item-simple { height: 120px; } #heading-featured-packages .grid-item-simple::before { height: 29px; } #heading-featured-packages .grid-item-simple-info { font-size: 10px; font-weight: 400; padding: 10px; } } /*company history*/ #about-company-history > .container:before { display: block !important; } #about-company-history .bg { background-position: 50% 45%; } #about-company-history .heading { margin-bottom: 40px; } #about-company-history .image { padding-top: 60px; } /*mission vision*/ #about-mission-vision { background: rgba(0, 0, 0, 0) url("images/mission-vision-bg.jpg") no-repeat scroll 50% 0; padding: 365px 0 125px; } #about-mission-vision .col-sm-6:nth-child(1) { padding-right: 9.65%; } #about-mission-vision .col-sm-6:nth-child(1) .text-box { padding-right: 21.4%; } #about-mission-vision .col-sm-6:nth-child(2) { padding-left: 9.65%; } #about-mission-vision .col-sm-6:nth-child(2) .text-box { padding-left: 21.4%; } #about-mission-vision .heading-box.right { margin-top: 48px; } #about-mission-vision .heading-box.right::before { border-color: #F95C05; } @media only screen and ( max-width: 1024px ) { #rent-a-van-rate .rent-a-van-rate-lists .col-sm-4 { width: 50% !important; } #rent-a-van-rate .rent-a-van-rate-lists .col-sm-4:last-of-type { width: 100% !important; margin-top: 50px; } #about-mission-vision .col-sm-6:nth-child(2) .text-box { padding-left: 25%; padding-top: 10px; } #about-mission-vision .col-sm-6:nth-child(1) .text-box { padding-right: 25%; padding-top: 10px; } } @media only screen and ( max-width: 991px ) { #rent-a-van-booking form ul li, #rent-a-van-booking-package form ul li { width: 100% !important; padding: 0; max-width: 100% !important; } #about-mission-vision .heading-box { margin-bottom: 10px; } #about-mission-vision { background-position: 50% 50%; background-size: 136% auto; } } @media only screen and ( max-width: 767px ) { #rent-a-van-rate .rent-a-van-rate-lists .col-sm-4 { width: 100% !important; } #about-mission-vision { background-position: 50% 0; padding-bottom: 60px; } #about-mission-vision .heading-box.right { margin-top: 0; } #about-mission-vision .col-sm-6 { text-align: center; padding: 0 15px !important; } #about-mission-vision .col-sm-6 .text-box { padding: 10px 0 !important; } } @media only screen and ( max-width: 567px ) { #about-mission-vision { padding: 275px 0 125px; } } /*about-gallery*/ #about-gallery { background-color: #313131; overflow: hidden; } #about-gallery .heading { margin-bottom: 20px; } #about-gallery .heading .prefix { margin-bottom: 10px; } #about-gallery .heading + .text-box { padding: 0 5px 20px 0; } #about-gallery .gallery-carousel { position: relative; max-width: 653px; } #about-gallery .gallery-carousel.owl-carousel .owl-stage-outer{ overflow: visible; } #about-gallery .gallery-carousel.owl-carousel .item{ max-width: 100%; } #about-gallery .gallery-carousel .item { max-width: 653px; overflow: hidden; position: relative; width: 100%; } #about-gallery .gallery-carousel .item .gallery-carousel-image { background-size: cover; display: block; opacity: 0.8; padding-top: 69.2%; position: relative; transition: all 2s ease 0.3s; width: 100%; -ms-transform: none !important; transform: none !important; } #about-gallery .gallery-carousel .item .gallery-carousel-caption { display: block; bottom: 0; font-size: 24px; margin: 0; padding: 25px 45px; position: absolute; width: 100%; } #about-gallery .gallery-carousel .item .gallery-carousel-caption::before { bottom: 0; content: "VIEW ALBUM"; display: block; font-size: 11px; font-weight: 500; height: 0; left: 0; letter-spacing: 0.04em; opacity: 0; position: absolute; top: auto; transform: rotate(-90deg) translateX(200px) translateY(10px); transform-origin: 100% 50% 0; transition: all 0.3s ease 0s; white-space: nowrap; width: 0; } #about-gallery .gallery-carousel .item:hover .gallery-carousel-image { transform: scale(1.1); opacity: 1; } #about-gallery .gallery-carousel .item:hover .gallery-carousel-caption::before, #about-gallery .gallery-carousel .active .item .gallery-carousel-caption::before { transform: rotate(-90deg) translateX(40px) translateY(10px); opacity: 1; } #about-gallery .gallery-carousel .active .item .gallery-carousel-caption::before { transition-delay: 0.6s; } #about-gallery .gallery-carousel .item .gallery-carousel-caption .prefix { font-size: 0.667em; } #about-gallery .gallery-carousel .item-images, #about-gallery .gallery-carousel .item-image { position: relative; } /*about cert*/ #about-gallery .accreditation-and-credentials { margin-top: 50px; } #about-gallery .accreditation { float: left; max-width: none; width: 100%; } #about-gallery .accreditation h3 { font-size: 24px; font-weight: 400; font-family: 'Montserrat'; } #about-gallery .accreditation .credentials-certificates-items { width: 100%; } #about-gallery .accreditation .item { width: 100% !important; max-width: 100% !important; } #about-gallery .credentials-certificates-items { float: left; max-width: none; width: 100%; } #about-gallery .credentials-certificates > h3 { font-size: 24px; font-weight: 400; } #about-gallery .credentials-certificates-items .item { align-items: center; background-color: #fff; border-radius: 20px; display: flex; float: left; justify-content: center; margin: 0 15px 15px 0; max-width: 111px; overflow: hidden; padding: 111px 0 0; position: relative; width: calc(33.33% - 15px); } #about-gallery .credentials-certificates .credentials-certificates-items .item { align-items: center; background-color: #fff; border-radius: 20px; display: flex; float: left; justify-content: center; margin: 0 2.5% 15px 2.5%; max-width: 100%; overflow: hidden; padding: 111px 0 0; position: relative; width: 20%; } #about-gallery .credentials-certificates-items .item > * { display: block; left: 50%; padding: 9px; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } #about-gallery .credentials-certificates-items .item a { transition: ease all 0.3s; } #about-gallery .credentials-certificates-items .item:hover a { transform: scale(0.9); } #about-gallery .credentials-certificates-items .item::before, #about-gallery .credentials-certificates-items .item::after { background-color: #fff; content: ""; height: 200%; left: 50%; opacity: 0.2; position: absolute; top: -50%; transform: rotate(-45deg) translateX(100px); transition: all 0.8s ease 0s; width: 30px; z-index: 1; } #about-gallery .credentials-certificates-items .item::after { transition: all 0.6s ease 0.2s; } #about-gallery .credentials-certificates-items .item:hover::before, #about-gallery .credentials-certificates-items .item:hover::after { opacity: 0.6; transform: rotate(-45deg) translateX(-100px); } @media only screen and ( max-width: 991px ) { #about-gallery .accreditation .credentials-certificates-items .item { margin: 15px 2.5%; width: calc(100% - 5%) !important; } #about-gallery .credentials-certificates-items .item { padding: 0; height: 111px; width: 111px; } #about-gallery .text{ margin-bottom: 30px; } } @media only screen and ( max-width: 767px ) { #about-gallery .credentials-certificates-items { margin-bottom: 30px; } } @media only screen and ( max-width: 567px ) { } /*about teams*/ #about-teams { background-color: #f0f1f6; overflow: hidden; padding: 60px 0; } #about-teams .bg { background-size: auto auto; background-repeat: repeat-x; background-position: 50% 0%; } #about-teams .teams-carousel { margin: 0 auto 20px; max-width: 833px; position: relative; width: 100%; } #about-teams .teams-carousel.owl-carousel .owl-stage-outer { overflow: visible; } #about-teams .teams-carousel .owl-item { position: relative; transition: all 0.6s ease 0s; z-index: 3; } #about-teams .teams-carousel .owl-item:not(.active) { transform: scale(0.7); z-index: 0; } #about-teams .teams-carousel .owl-item:not(.medium):not(.big) { opacity: 0; } #about-teams .teams-carousel .owl-dots { margin-top: 50px; } #about-teams .teams-carousel .team-item { display: flex; height: 552px; max-width: 833px; text-align: left; width: 100%; } #about-teams .teams-carousel .team-figure { background-color: #000; border-radius: 10px 0 0 10px; flex: 1 1 auto; float: left; overflow: hidden; padding: 25px; position: relative; width: 45.258%; z-index: 0; } #about-teams .teams-carousel .team-figure .team-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #about-teams .teams-carousel .team-figure .team-image::before { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #about-teams .teams-carousel .team-figure .heading { font-size: 38px; } #about-teams .teams-carousel .team-figure .heading, #about-teams .teams-carousel .team-figure .heading * { color: #fff; } #about-teams .teams-carousel .team-info { background-color: #fff; border-radius: 0 10px 10px 0; color: #595959; flex: 0 0 auto; float: left; padding: 35px; position: relative; width: 54.741%; z-index: 1; } #about-teams .teams-carousel .team-info .location { margin-bottom: 30px; } #about-teams .teams-carousel .team-info .text p > img { float: right; margin-bottom: 30px; max-width: none; width: 120%; } #about-teams .teams-carousel .team-info .text .wp-caption { background: transparent none repeat scroll 0 0; border: 0 none; float: right; margin: 0 0 20px; max-width: none; padding: 0; text-align: left; width: 119%; } #about-teams .teams-carousel .team-info .text .wp-caption img { float: right; } #about-teams .teams-carousel .team-info .text .wp-caption .wp-caption-text { bottom: 0; color: #fff; font-size: 10px; letter-spacing: 0.2em; padding: 0 10px; position: absolute; transform: rotate(-90deg) translateX(130px) translateY(-30px); transform-origin: 0 0 0; } #about-teams .teams-carousel .team-info .text .wp-caption + * { clear: both; } #about-teams .teams-carousel .team-info .text > *:last-child { margin-bottom: 0; } #about-teams .action .heading { margin-bottom: 40px; } #about-teams .action .btn.btn-lg { min-width: 223px; } #about-teams .team-item .team-info .location, #about-teams .team-item .team-info .wp-caption-text, #about-teams .team-item .category { display: none !important; } @media only screen and ( max-width: 991px ) { #about-teams .teams-carousel { max-width: 80%; } } @media only screen and ( max-width: 767px ) { #about-teams .teams-carousel { max-width: 90%; } #about-teams .teams-carousel .team-item { display: block; } #about-teams .teams-carousel .team-figure { border-radius: 10px 10px 0 0; min-height: 60vw; width: 100%; } #about-teams .teams-carousel .team-info { border-radius: 0 0 10px 10px; width: 100%; } #about-teams .teams-carousel .team-info .text .wp-caption { width: 100% !important; } #about-teams .teams-carousel .team-info .text .wp-caption .wp-caption-text { color: #999; transform: none; padding: 0; margin-bottom: 10px; } #about-teams .teams-carousel .team-info .text p > img { width: 100%; } } @media only screen and ( max-width: 567px ) { #about-teams .teams-carousel .team-figure .heading { font-size: 25px; max-width: 50%; } #about-teams .teams-carousel .owl-item:not(.active) { transform: scale(0.85); } } /*testimonials*/ #testimonials { background-color: #415c84; padding: 80px 0 100px; } #testimonials .testimonials-carousel:not(.owl-carousel) { margin: 0 -15px; max-width: calc(100% + 30px); } #testimonials .testimonials-carousel:not(.owl-carousel) .testimonial-item { float: left; padding: 0 15px 30px; width: 33.333%; } #testimonials .testimonial-item::before { display: none; } #testimonials .testimonial-item { background: transparent none repeat scroll 0 0; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; padding: 0; } #testimonials .testimonial-message { margin-bottom: 20px; letter-spacing: 0.02em; } #testimonials .testimonial-author { font-size: 18px; font-weight: 500; letter-spacing: 0.02em; position: relative; } #testimonials .testimonial-author .author-name { font-style: normal; } #testimonials .testimonial-author .author-name a:not(:hover) { color: inherit; } #testimonials .testimonial-author .author-info { color: #aebbcf; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; } #testimonials .testimonials-carousel .owl-stage-outer .owl-stage { margin: 0 auto; } @media only screen and ( max-width: 567px ) { #testimonials .testimonial-item { text-align: center; } } /*ABOUT US SECTION END*/ /*LISTING GRIDS START*/ #most-popular-tours { background-color: #0c0c0c; } #tour-packages { background-color: #0c0c0c; } #travel-packages { background-color: #0c0c0c; } #dive-packages { background-color: #0c0c0c; } #trip-tours { background-color: #0c0c0c; } #travel-faqs { background-color: #0c0c0c; } #upcoming-trips { background-color: #0c0c0c; } /*LISTING GRIDS END*/ /*RENT A VAN GRIDS START*/ .page-template-page-rent-a-van .section { padding-bottom: 53px; } .page-template-page-rent-a-van .page-heading .title-description-suffix { padding-right: 0 !important; } #rent-a-van-domestic { background-color: #171717; color: #fff; } #rent-a-van-domestic .owl-carousel .owl-stage-outer { overflow: visible; } #rent-a-van-domestic .action { padding: 50px 0 0; margin: 0; } /*#rent-a-van-domestic .action .btn { min-width: 213px; }*/ #rent-a-van-process { overflow: hidden; } #rent-a-van-process .rent-a-van-process-list { display: block; margin: 0 -20px 60px; text-align: center; width: calc(100% + 40px); } #rent-a-van-process .rent-a-van-process-list .step { background-color: transparent; border: 0 none; border-radius: 50%; color: #000; display: block; float: left; height: 0; margin: 20px; padding-top: calc(33.33% - 40px); position: relative; text-transform: uppercase; width: calc(33.33% - 40px); } #rent-a-van-process .rent-a-van-process-list .step::before { background: rgba(0, 0, 0, 0) url("images/process-bg.png") no-repeat scroll 50% 50%; background-size: contain; content: ""; display: block; left: 0; padding-top: 100%; max-width: 339px; position: absolute; top: 0; width: 100%; z-index: 0; } #rent-a-van-process .rent-a-van-process-list .step:hover::before { animation: rotating 1s linear infinite; } #rent-a-van-process .rent-a-van-process-list .step span { display: block; position: absolute; z-index: 1; } #rent-a-van-process .rent-a-van-process-list .step span.step-name { font-size: 20px; font-weight: 400; left: 50%; opacity: 0.3; top: 20%; transform: translateX(-50%); } #rent-a-van-process .rent-a-van-process-list .step span.step-title { color: #000; font-size: 26px; font-weight: 800; left: 50%; line-height: 1.154em; padding: 0 10%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; } #rent-a-van-rate .rent-a-van-rate-lists { margin-bottom: 70px; } #rent-a-van-rate .rent-a-van-rate-lists .title { font-size: 24px; margin-bottom: 50px; } #rent-a-van-rate .rent-a-van-rate-lists .display-table strong { color: #000; } #rent-a-van-rate .btn { text-transform: none; } #rent-a-van-booking select option, #rent-a-van-booking-package select option { color: black; } #rent-a-van-booking form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), #rent-a-van-booking-package form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), #rent-a-van-booking form select, #rent-a-van-booking-package form select { background: transparent none repeat scroll 0 0; border: 2px solid #fff !important; border-radius: 2px; color: #fff !important; font-weight: 700; padding-right: 10px; width: 100%; border: medium none; height: 41px; padding-left: 40px !important; text-overflow: ellipsis; font-size: 12px !important } #rent-a-van-booking form .instruction, #rent-a-van-booking-package form .instruction { display: none; } #rent-a-van-booking form .fa, #rent-a-van-booking-package form .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; top: 0; } #rent-a-van-booking form li.gfield, #rent-a-van-booking-package form li.gfield { margin-top: 15px !important; } #rent-a-van-booking form .gf_right_half, #rent-a-van-booking-package form .gf_right_half { padding-right: 0; } #rent-a-van-booking form .gfield_error.gf_right_half, #rent-a-van-booking-package form .gfield_error.gf_right_half { max-width: 50%; } #rent-a-van-booking form .gf_right_half .ginput_container, #rent-a-van-booking form .gf_left_half .ginput_container, #rent-a-van-booking-package form .gf_right_half .ginput_container, #rent-a-van-booking-package form .gf_left_half .ginput_container { margin-top: 0 !important; } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media only screen and ( max-width: 1200px ) { #rent-a-van-process .rent-a-van-process-list .step span.step-name { font-size: 1.5vw; } #rent-a-van-process .rent-a-van-process-list .step span.step-title { font-size: 2.5vw; } } @media only screen and ( max-width: 776px ) { #rent-a-van-rate .rent-a-van-rate-lists .title { margin-bottom: 30px; } #rent-a-van-rate .rent-a-van-rate-lists .col-sm-4 { margin-bottom: 50px; } } @media only screen and ( max-width: 576px ) { #rent-a-van-process .rent-a-van-process-list { margin: 0 -10px 60px; width: calc(100% + 20px); } #rent-a-van-process .rent-a-van-process-list .step { margin: 10px; padding-top: calc(33.33% - 20px); width: calc(33.33% - 20px); } } @media only screen and ( max-width: 476px ) { #rent-a-van-process .rent-a-van-process-list { margin: 0 0 60px; width: 100%; padding: 0 30px; } #rent-a-van-process .rent-a-van-process-list .step { margin: 10px 0; padding-top: 100%; width: 100%; } #rent-a-van-process .rent-a-van-process-list .step span.step-name { font-size: 4vw; } #rent-a-van-process .rent-a-van-process-list .step span.step-title { font-size: 5.5vw; } } /*RENT A VAN GRIDS START*/ /*FAQS*/ #travel-faqs .container, #travel-faqs .container-fluid { max-width: 1170px; width: 100%; margin: auto; } .faq-question-container { background-color: #078ff4; padding: 20px 25px; border: 1px solid #000; } .faq-question-container h3 { color: #fff; font-size: 21px; font-weight: 500; line-height: 150%; } .faq-answer-container { overflow: hidden; transition: 0.4s; padding: 15px; display: none; } .faq-accordion.active .faq-answer-container { display: block; } .faq-answer-container p { font-size: 15px; color: #fff; font-weight: 400; } /*TICKETING CENTER START*/ #subpages-grid { position: relative; margin-top: -126px; padding-bottom: 70px; z-index: 1; } #subpages-grid .item { background-color: #2c2387; display: block; margin: 0 0 30px; overflow: hidden; padding-top: 356px; position: relative; width: 100%; } #subpages-grid .item .bg { background-size: cover; height: 100%; left: 0; position: absolute; transition: ease all 2s; top: 0; width: 100%; z-index: 0; } #subpages-grid .item:hover .bg { transform: scale(1.1); transform-origin: 50% 100%; opacity: 0.2; } #subpages-grid .item .title { font-size: 40px; letter-spacing: 0.01em; line-height: 1.2em; color: #fff; height: auto; left: 0; padding: 40px; position: absolute; top: 0; width: 100%; z-index: 1; } #subpages-grid .item .title .text { text-transform: uppercase; } #subpages-grid .item .title .suffix { display: block; font-size: 0.45em; line-height: 1em; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), html .gform_wrapper ul.top_label textarea, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label select { background: transparent none repeat scroll 0 0; border: 2px solid #fff !important; border-radius: 2px; color: #fff !important; font-weight: 700; padding-right: 10px; width: 100%; border: medium none; height: 41px; padding-left: 40px !important; text-overflow: ellipsis; font-size: 12px !important } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label select[disabled]::-ms-value, #rent-a-van-booking-package form select[disabled]::-ms-value { color: white !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label select option { color: #000; } .ticketing-center-form #input_13_36_1_container, .ticketing-center-form #input_13_37_1_container, .ticketing-center-form #input_6_36_1_container, .ticketing-center-form #input_6_37_1_container { width: 50%; padding-right: 16px; display: inline-block !important; } .ticketing-center-form #input_13_36_2_container, .ticketing-center-form #input_13_37_2_container, .ticketing-center-form #input_6_36_2_container, .ticketing-center-form #input_6_37_2_container { width: 50%; padding: 0; display: inline-block !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_6_23, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_13_23 { padding-right: 16px !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label div.ginput_container { margin-top: 0 !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield { margin-top: 15px !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_1 { padding-right: 16px; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_1 #input_6_1_6_container { padding-right: 0; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #input_6_1_3_container label, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #input_13_1_3_container label, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #input_13_1_6_container label, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #input_6_1_6_container label, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #input_6_3_1_container label { display: none; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_6_24 .ginput_container .fa, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_13_24 .ginput_container .fa, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_13_37 .ginput_container .fa, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_6_37 .ginput_container .fa { transform: scaleY(-1); } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gf_right_half { padding-right: 0; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error #input_6_1_6_container { padding-right: 16px !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error { max-width: 50% !important; margin-right: 0 !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error.gf_left_half .ginput_container_date, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error.gf_left_half .ginput_container_text { padding-right: 16px !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label .gform_drop_instructions { color: #fff !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield #gform_multifile_messages_6_32 li, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield #gform_multifile_messages_13_32 li { color: orange; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield #gform_multifile_messages_6_32, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield #gform_multifile_messages_13_32 { padding-left: 0; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_34 ul, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_13_34 ul { justify-content: center; align-items: center; display: flex; flex-wrap: wrap; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_34 ul li, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_13_34 ul li { width: 50%; text-align: center; margin: 0; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_34 ul li input, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_13_34 ul li input { margin: 0; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_34 ul li label, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_13_34 ul li label { margin: 2px 0 0 10px; } .display-none { display: none !important; } .gform-hide { display: none !important; } /*TICKETING CENTER END*/ /*POPUP FORMS*/ .mfp-bg { z-index: 999; } .mfp-wrap { z-index: 9998 !important; } /*.mfp-content { margin: 0; }*/ .mfp-wrap { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } html.mfp-helper { height: 100%; } html.mfp-helper body { overflow: hidden; height: 100%; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } body div#ui-datepicker-div { z-index: 9999 !important; } /*POPUP FORMS END*/ /*Gravity Forms*/ .readonly input { border: 1px solid white !important; background-color: #2956cb !important; } .address_country select option, .ginput_card_expiration_container select option { color: #000000; } /*TICKETING CENTER SUBPAGE START*/ #ticketing-center-steps { position: relative; } #ticketing-center-steps .title, #ticketing-center-steps .heading .text { text-transform: uppercase; font-weight: 800; } #ticketing-center-steps .heading { margin-bottom: 20px; } .ticketing-center-steps-list { position: relative; } .ticketing-center-step { align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; padding: 45px 0 35px; } .ticketing-center-step:first-child { padding-top: 0; } .ticketing-center-step-text { max-width: 350px; } .ticketing-center-step-image { padding: 0 5%; } /*listing*/ #ticketing-center-line { padding-top: 0; } #ticketing-center-line .heading .text { text-transform: uppercase; font-weight: 800; } .ticketing-center-line-list { margin: 0 -15px; width: calc(100% + 30px); } .ticketing-center-line-item { background-color: #000; color: #fff; display: block; float: left; font-size: 14px; margin: 15px; padding-top: 14.5%; position: relative; width: calc(25% - 30px); } .ticketing-center-line-image { background-position: 50% 100%; background-size: cover; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; transition: all 0.6s ease 0s; width: 100%; z-index: 0; } .ticketing-center-line-info { bottom: 0; line-height: 1.2em; padding: 15px 20px; position: absolute; text-transform: uppercase; width: 100%; } .ticketing-center-line-info .desc { display: block; font-size: 10px; font-weight: 400; } .ticketing-center-line-item:hover { color: #fff; } .ticketing-center-line-item:hover .ticketing-center-line-image { opacity: 0.3; } @media only screen and ( max-width: 991px ) { .ticketing-center-line-item { padding-top: 18%; width: calc(33.33% - 30px); } } @media only screen and ( max-width: 767px ) { #ticketing-center-steps .heading { margin-bottom: 60px; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error { max-width: 100% !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error.gf_left_half .ginput_container_date, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li.gfield_error.gf_left_half .ginput_container_text { padding-right: 0 !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half { padding-right: 16px !important; } } @media only screen and ( max-width: 567px ) { .ticketing-center-line-item { padding-top: 29%; width: calc(50% - 30px); } .ticketing-center-step { flex-flow: column-reverse nowrap; } .ticketing-center-step-text { max-width: 100%; } .ticketing-center-step-image { padding: 0; text-align: center; } .ticketing-center-step-image img{ transform: translateX(-10px); } } @media only screen and ( max-width: 457px ) { .ticketing-center-line-item { padding-top: 55%; width: calc(100% - 30px); } } /*TICKETING CENTER SUBPAGE END*/ /*CONTACT US START*/ #gform_1 .gform_footer #gform_submit_button_1 { padding: 15px 30px !important; } #heading-social-media-icon { margin: -93px 0 20px; padding: 0; position: absolute; width: 100%; } #heading-social-media-icon .social-icons-shortcode { float: right; } #heading-social-media-icon .social-icons-shortcode > li { margin: 0 18px 18px 0; position: relative; } #heading-social-media-icon .social-icons-shortcode > li::after { background: rgba(0, 0, 0, 0) url("images/social-media-icon-shadow.png") no-repeat scroll 0 0; background-size: contain; bottom: 0; content: ""; display: block; height: 80%; left: 50%; position: absolute; transform: translateX(-50%) translateY(40%); transition: all 0.3s ease 0s; width: 120%; z-index: 0; } #heading-social-media-icon .social-icons-shortcode > li:hover::after { transform: translateX(-50%) translateY(50%); } #heading-social-media-icon .social-icons-shortcode > li a { background-color: #333; color: #fff; font-size: 71.29px; height: 143px; overflow: hidden; width: 220px; z-index: 1; } #heading-social-media-icon .social-icons-shortcode > li a.facebook { background-color: #0061d9; } #heading-social-media-icon .social-icons-shortcode > li a.twitter { background-color: #46c1ef; } #heading-social-media-icon .social-icons-shortcode > li a.instagram { background-color: #9b36ca; } #heading-social-media-icon .social-icons-shortcode > li a.google { background-color: #dd4a3a; } #heading-social-media-icon .social-icons-shortcode > li a.youtube { background-color: #e9654c; } #heading-social-media-icon .social-icons-shortcode > li a.pinterest { background-color: #eb5656; } #heading-social-media-icon .social-icons-shortcode > li a.linkedin { background-color: #007cb5; } #heading-social-media-icon .social-icons-shortcode > li a.rss { background-color: #ffae00; } #heading-social-media-icon .social-icons-shortcode > li a i { transition: ease all 0.3s; } #heading-social-media-icon .social-icons-shortcode > li a:hover i { transform: translateY(-50%) translateX(-50%) scale(1.2); } #heading-social-media-icon .social-icons-shortcode > li a::before, #heading-social-media-icon .social-icons-shortcode > li a::after { background-color: #fff; content: ""; height: 300%; left: 50%; opacity: 0.2; position: absolute; top: -100%; transform: rotate(-45deg) translateX(500%); transition: all 0.8s ease 0.3s; width: 40px; z-index: 1; } #heading-social-media-icon .social-icons-shortcode > li a::after { transition: all 0.6s ease 0.5s; } #heading-social-media-icon .social-icons-shortcode > li a:hover::before, #heading-social-media-icon .social-icons-shortcode > li a:hover::after { opacity: 0; transform: rotate(-45deg) translateX(-500%); } @media only screen and ( max-width: 1200px ) { #heading-social-media-icon { margin-top: -7.9vw; } #heading-social-media-icon .social-icons-shortcode > li a { font-size: 5.75vw; height: 11.95vw; width: 18.35vw; } } /*content*/ #contact-content .col-sm-6:nth-child(2) { padding-top: 200px; } #contact-content .heading .text { max-width: 90%; } #contact-content .contact-info-list { padding: 5px 0; } #contact-content .contact-info-list > * { float: left; width: 100%; margin-bottom: 30px; } #contact-content .contact-info-list > * i[class*="icon-"] { background: rgba(0, 0, 0, 0) url("images/icon-marker.svg") no-repeat scroll 50% 50%; display: block; float: left; height: 67px; margin-right: 30px; width: 70px; } #contact-content .contact-info-list > * i[class*="icon-mobile-a"] { background-image: url("images/icon-mobile-a.svg"); } #contact-content .contact-info-list > * i[class*="icon-mobile-i"] { background-image: url("images/icon-mobile-i.svg"); } #contact-content .contact-info-list > * i[class*="icon-telephone"] { background-image: url("images/icon-telephone.svg"); } #contact-content .contact-info-list > * i[class*="icon-email"] { background-image: url("images/icon-email.svg"); } #contact-content .contact-info-list > * i[class*="icon-briefcase"] { background-image: url("images/icon-briefcase.svg"); } #contact-content .contact-info-list > * .contact-info-list-desc { overflow: hidden; display: block; } #contact-content .contact-info-list > * .contact-info-list-desc span { display: block; } #contact-content .contact-info-list > * .contact-info-list-desc span a:not(:hover) { color: inherit; } #contact-content .contact-info-list > * .contact-info-list-desc span.title { color: #cacaca; font-weight: 800; letter-spacing: 0.02em; } #contact-content .contact-info-list > *:hover .contact-info-list-desc span.title { color: #1c58f6; } #contact-content .contact-info-list > * .contact-info-list-desc span.info { line-height: 1.667em; } #contact-content .gform_wrapper ul#gform_fields_1 li#field_1_3 .fa { display: none; } #contact-content .gform_wrapper ul#gform_fields_1 li#field_1_7 textarea { border: 2px solid #000 !important; color: #000 !important; font-size: 18px !important; padding: 15px 28px !important; } #contact-content .gform_wrapper ul#gform_fields_1 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { font-size: 18px !important; } @media only screen and ( max-width: 767px ) { #contact-content .col-sm-6:nth-child(2) { padding-top: 20px; } } /*map*/ #contact-map { background-color: #04030e; color: #fff; margin: 0; min-height: 62.9vw; padding: 0; } #contact-map .bg { background-position: 50% 50%; background-size: cover; opacity: 0.6; } #contact-map .contact-map-marker { border-radius: 50%; color: #fff; height: 258px; left: 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); width: 258px; } #contact-map .contact-map-marker::before { border: 1px solid #fff; border-radius: 50%; content: ""; display: block; height: 100%; opacity: 0.3; width: 100%; } #contact-map .contact-map-marker-icon { height: 95px; left: 50%; margin-top: 10px; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 85px; z-index: 1; } #contact-map .contact-map-marker .map-marker-icon { background: rgba(0, 0, 0, 0) url("images/map-marker.svg") no-repeat scroll 50% 50%; display: block; height: 95px; width: 85px; } #contact-map .contact-map-marker:hover .map-marker-icon { animation-duration: 2s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: bounce; } #contact-map .contact-map-marker .contact-map-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #contact-map .contact-map-marker .contact-map-image a { background-color: #0061d9; border-radius: 50%; display: block; font-size: 10px; height: 57px; left: 0; overflow: hidden; padding: 3px; position: absolute; text-align: center; top: 0; transition: ease all 0.3s; width: 57px; } #contact-map .contact-map-marker .contact-map-image a:hover { background-color: #fff; } #contact-map .contact-map-marker .contact-map-image a img { border-radius: 50%; } #contact-map .contact-map-marker .contact-map-image a:nth-child(1) { left: 30px; top: 0; } #contact-map .contact-map-marker .contact-map-image a:nth-child(2) { left: -30px; top: 110px; } #contact-map .contact-map-marker .contact-map-image a:nth-child(3) { bottom: 0; left: 30px; top: auto; } #contact-map .contact-map-marker .heading { color: #fff; left: 50%; margin-left: 81px; margin-top: 65px; position: absolute; top: 0; } #contact-map .contact-map-marker .heading * { color: inherit; } #contact-map .contact-map-marker .heading h2 { font-size: 36px; } #contact-map .contact-map-marker .heading .prefix { display: block; font-family: inherit; font-size: 16px; font-style: inherit; font-weight: 600; left: -20px; letter-spacing: 0.2em; position: absolute; top: 10px; transform: rotate(-90deg) translateX(-100%); transform-origin: 0 0 0; } #contact-map .contact-map-marker .heading .text { letter-spacing: 0.1em; } #contact-map .contact-map-marker .heading .suffix { font-size: 24px; margin: 0 20px 0 0; text-align: right; } #contact-map .contact-map-marker .heading .box { font-size: 16px; background-color: #0061d9; height: 271px; position: absolute; right: -48px; top: -60px; width: 258px; z-index: -1; } #contact-map .contact-map-marker .heading .box a { bottom: 15px; font-weight: 700; left: 18px; line-height: 1.2em; position: absolute; } #contact-map .contact-map-marker .heading .box a:hover { border-bottom: 1px solid; } #contact-google-map .acf-map{ height: 58.1vw; width: 100%; } @media only screen and ( max-width: 991px ) { #contact-map .contact-map-marker { transform: translateY(-50%) translateX(-50%) scale(0.75); } } @media only screen and ( max-width: 767px ) { #contact-map .contact-map-marker { transform: translateY(-50%) translateX(-100%) scale(.8); } /*#contact-map .contact-map-marker { transform: translateY(-50%) translateX(-50%) scale(0.65); }*/ } @media only screen and ( max-width: 567px ) { #contact-map .contact-map-marker { transform: translateY(-50%) translateX(-50%) scale(0.5); } #contact-google-map .acf-map{ height: 600px; } } @media only screen and ( max-width: 467px ) { #contact-map .contact-map-marker { transform: translateY(-50%) translateX(-71%) scale(0.55); } } /*CONTACT US END*/ /*THANK YOU PAGE*/ .thank-you-message { margin-top: 20px; padding: 30px 50px; } .thank-you-message h3 a { color: #078ff4; } /*PRIVACY AND TERMS CONDITIONS*/ .page-template-page-privacy p a:hover, .page-template-page-terms-and-conditions p a:hover { color: #1c58f6; } /*USER ACTIVATION*/ .gfur-activate form.currency { margin-top: 0; } .tabbed-nav { background-color: #eeeeee; position: relative; } .tabbed-nav .container { padding: 0; } .tabbed-toggle { background-color: transparent; border: 0 none; border-left: 1px solid #dbdbdb; color: #222222; font-weight: 600; float: left; height: 80px; padding: 0; position: relative; text-align: center; transition: ease all 0.3s; width: 20%; } .tabbed-toggle i { margin-right: 5px; } .tabbed-toggle:last-child::after { border-left: 1px solid #dbdbdb; content: ''; display: block; width: 0; height: 100%; position: absolute; top: 0; right: 0; } .tabbed-toggle.active { background-color: #fff; border-color: transparent; color: #1c58f6; } .tabbed-toggle.active + .tabbed-toggle { border-color: transparent; } .tabbed-toggle:not(.active):hover { background-color: rgba(255, 255, 255, 0.3); } .tabbed-content { padding: 60px 0 30px;} .tabbed-content .tabbed { position: relative; } .tabbed-content .tabbed .tabbed-content-inner { display: block; max-height: 0; opacity: 0; pointer-events: none; overflow: hidden; transition: all 0.3s ease 0s; width: 100%; } .tabbed-content .tabbed.active .tabbed-content-inner { display: block; max-height: 9999px; opacity: 1; pointer-events: auto; overflow: visible; } .tabbed-content .heading { margin-bottom: 0; } .tabbed-content h2.heading { font-size: 40px; margin-bottom: 30px; } .tabbed-content h2.heading .suffix { margin-top: 5px; } .tabbed-content .text-box:not(:only-child) { margin-bottom: 70px; } .tabbed-content .text-box ul.display-table { margin-top: 60px; } .tabbed-content .text-box ul.display-table:not(.zebra):not(:hover) > li:nth-child(2) { background-color: #f9f9f9; } .tabbed-wrapper.horizontal { background-color: #fff; border-radius: 10px; display: flex; padding: 20px 0; } .tabbed-wrapper.horizontal .tabbed-nav { background: transparent; } .tabbed-wrapper.horizontal .tabbed-nav::after { border-right: 1px solid #e5e5e5; content: ""; display: block; height: 100%; position: absolute; right: 15px; top: 0; } .tabbed-wrapper.horizontal .tabbed-nav .tabbed-toggle { border: 1px solid transparent; border-radius: 6px 0 0 6px; float: none; font-size: 14px; height: auto; padding: 15px 30px; text-align: left; text-transform: uppercase; width: 100%; z-index: 1; } .tabbed-wrapper.horizontal .tabbed-nav .tabbed-toggle:last-child::after { display: none; } .tabbed-wrapper.horizontal .tabbed-nav .tabbed-toggle.active { border-color: #e5e5e5; border-right-color: #fff; } .tabbed-wrapper.horizontal .tabbed-content { padding: 0 15px 13px; } /*accordion-mobile*/ html.mobile .tabbed-nav, html:not(.mobile) .tabbed-content .tabbed .tabbed-toggle { display: none; margin-top: -100px; } html.mobile .tabbed-content .tabbed-toggle { background-color: #eee; border: 0 none; float: none; margin-top: 2px; width: 100%; } @media only screen and ( max-width: 1024px ) { .tabbed-nav .container { padding: 0 15px; } } @media only screen and ( max-width: 991px ) { .tabbed-wrapper.horizontal .tabbed-nav .tabbed-toggle { padding: 10px; } } @media only screen and ( max-width: 767px ) { .tabbed-content .tabbed .tabbed-content-inner { margin: 0; } .tabbed-content .tabbed.active .tabbed-content-inner { margin: 30px 0; } } .information-details > div[data-wpcr3-content] { display: none; } ul.display-table { list-style: outside none none; border-bottom: 1px solid #ebebeb; margin: 0; padding: 0; position: relative; } ul.display-table.zebra { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } ul.display-table.zebra > li:nth-child(2n) { background-color: #fcfcfc; } ul.display-table.zebra > li:hover { background-color: #efefef; } ul.display-table.zebra > li > div { padding-left: 20px; padding-right: 30px; } ul.display-table.bordered > li > div { padding-left: 30px; padding-right: 30px; } ul.display-table.bordered > li > div:not(:first-child)::before { border-left: 1px solid #ebebeb; content: ""; display: block; height: 100%; letter-spacing: 0; margin-left: -31px; position: absolute; top: 0; } ul.display-table > li { align-content: center; border-top: 1px solid #ebebeb; display: flex; justify-content: space-between; min-height: 71px; padding: 16px 0; position: relative; transition: background-color 0.2s ease-out 0s; width: 100%; } ul.display-table > li.th > div { font-weight: 800 !important; font-size: 16px !important; } ul.display-table > li:hover { background-color: #f9f9f9; } ul.display-table > li > div { align-items: center; display: flex; } ul.display-table > li > div .text-center { display: block; width: 100%; } ul.display-table > li > div:first-child:nth-last-child(1) { width: 100%; } /*ul.display-table > li > div:first-child:nth-last-child(2), ul.display-table > li > div:first-child:nth-last-child(2) ~ div { width: 50%; }*/ ul.display-table > li > div:first-child:nth-last-child(3), ul.display-table > li > div:first-child:nth-last-child(3) ~ div { width: 33.3333%; } ul.display-table > li > div:first-child:nth-last-child(4), ul.display-table > li > div:first-child:nth-last-child(4) ~ div { width: 25%; } /*specific*/ ul.display-table li .heading { padding-left: 20px; } ul.display-table li .description { font-weight: 300; } ul.display-table.tour-info > li { min-height: 80px; } ul.display-table.tour-info li .heading { width: 35% !important; } ul.display-table.tour-info li .description, ul.display-table.tour-info li .description-list { font-size: 14px; width: 65% !important; } ul.display-table.tour-info li .description-list { list-style: outside none none; margin: 0; padding: 0; position: relative; } ul.display-table.tour-info li .description-list li { float: left; font-weight: 300; margin: 2.5px 0; padding-left: 24px; padding-right: 10px; position: relative; width: 50%; } ul.display-table.tour-info li .description-list li i { left: 0; position: absolute; top: 5px; width: 20px; } ul.display-table.tour-info li .description-list li i.fa-check { color: #4ccb20; } ul.display-table.tour-info li .description-list li i.fa-times { color: #ff1717; } .tour-content > .booking-info:first-child { margin-top: -1px; } .quick-booking { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; position: relative; text-align: center; } .quick-booking .container { padding: 0; } .quick-booking .quick-booking-inner { border-right: 1px solid #e5e5e5; list-style: outside none none; margin: 0; padding: 0; } .quick-booking .booking-column { align-items: center; border-left: 1px solid #e5e5e5; display: flex; flex-direction: column; float: left; height: 130px; justify-content: center; letter-spacing: 0.02em; margin: 0; overflow: hidden; padding: 0 19px; position: relative; text-transform: uppercase; width: 25%; } .quick-booking .booking-column i { color: #999999; font-size: 80px; opacity: 0.1; position: absolute; transition: ease 0.5s all; right: -13px; top: -13px; } .quick-booking .booking-column i.fa-clock-o { right: -18px; top: -11px; } .quick-booking .booking-column i.fa-folder-open-o { right: -30px; top: -11px; } .quick-booking .booking-column i.fa-group { right: -20px; top: -9px; } .quick-booking .booking-column i.fa-money { right: -36px; } .quick-booking .booking-column .name { font-size: 12px; font-weight: 400; opacity: 0.6; } .quick-booking .booking-column .value { color: #000000; font-size: 16px; font-weight: 600; } .quick-booking .booking-column .value a:not(:hover){ color: inherit; } .quick-booking .booking-column .btn { padding: 15px; width: 100%; max-width: 150px; } .quick-booking .booking-column:hover i { transform: translateX(-15px); } ul.liveaboard .booking-column { width: 32.3%;} #field_27_73 { display: none; } @media only screen and ( max-width: 991px ) and ( min-width: 768px ) { .quick-booking .container { padding: 0 15px; } .quick-booking .booking-column { width: 25%; } /*.quick-booking .booking-column:last-child { width: 100%; border-top: 1px solid #e5e5e5; }*/ ul.display-table.bordered > li > div { padding-left: 15px; padding-right: 10px; } ul.display-table.bordered > li > div:not(:first-child)::before { margin-left: -16px; } } @media only screen and ( max-width: 767px ) { .quick-booking-inner { margin-top: 30px !important; } .tour-content + .quick-booking .quick-booking-inner { border-bottom: 1px solid #e5e5e5 !important; margin-bottom: 30px !important; } .quick-booking .booking-column { border-top: 1px solid #e5e5e5; width: 50%; } ul.display-table.tour-info li .description-list li { width: 100%; } } @media only screen and ( max-width: 567px ) { .quick-booking .booking-column { width: 50%; } .quick-booking .booking-column:not(:nth-child(1)):not(:nth-child(2)) { border-top: 1px solid #e5e5e5; } ul.display-table.tour-info li { font-size: 13px; } ul.display-table.bordered > li > div { padding-left: 10px; padding-right: 10px; } ul.display-table.bordered > li > div:not(:first-child)::before { margin-left: -11px; } ul.display-table.mobile-table { border: 0; } ul.display-table.mobile-table > li { border: 1px solid #ebebeb; flex-flow: column; margin-bottom: 50px; padding: 0 !important; } ul.display-table.mobile-table > li.th { display: none; } ul.display-table.mobile-table > li > div { padding: 0 10px !important; position: relative; width: 100% !important; } ul.display-table.mobile-table > li > div, ul.display-table.mobile-table > li > div > * { text-align: left !important; } ul.display-table.mobile-table > li > div .mobile-title { color: #000 !important; display: block !important; flex: 0 0 auto; font-weight: 800; margin-right: 15px; padding: 15px 10px 15px 0; position: relative; width: 120px; } ul.display-table.mobile-table > li > div .mobile-title::before { border-left: 1px solid #ebebeb; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 0; } ul.display-table.mobile-table > li > div:not(:first-child)::before { border-bottom: 1px solid #ebebeb; height: 0; left: 0; margin: 0 !important; width: 100%; } ul.display-table.mobile-table > li:hover > div:not(:first-child)::before, ul.display-table.mobile-table > li:hover > div .mobile-title::before { border-color: #fff !important; } ul.display-table.mobile-table > li { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; font-weight: 400; margin-bottom: 30px; padding: 0; } } .hotel-listing { float: left; margin: 0 -15px; max-width: none; width: calc(100% + 30px); } .hotel-item { color: #fff; float: left; font-size: 16px; font-weight: 700; height: 0; margin: 15px; padding-top: 25.5%; overflow: hidden; position: relative; width: calc(33.33% - 30px); } .hotel-item .photo { background-size: cover; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .hotel-item .photo::before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 90%); content: ''; display: block; height: 100%; transition: ease all 0.3s; width: 100%; } .hotel-item .name { bottom: 0; display: block; height: auto; left: 0; padding: 10px 20px; position: absolute; transition: ease all 0.6s 0.3s; width: 100%; } .hotel-item:hover .photo::before { opacity: 0.5; } .hotel-item:hover .name { opacity: 0.3; } .hotel-item:hover .name { color: #fff; } @media only screen and ( max-width: 991px ) { .hotel-item .name { font-size: 12px; font-weight: 400; line-height: 1.5em; padding: 10px; } } @media only screen and ( max-width: 567px ) { .hotel-item { margin: 7.5px; padding-top: 37%; width: calc(50% - 15px); } } .gallery-grid { float: left; margin: 0 -15px; max-width: none; width: calc(100% + 30px); } .gallery-grid-item { color: #fff; float: left; font-size: 16px; font-weight: 700; height: 0; margin: 15px; overflow: hidden; padding-top: 25.5%; position: relative; width: calc(33.33% - 30px); } .gallery-grid-item .photo { background-size: cover; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100.1%; } .gallery-grid-item .photo::before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 90%); content: ''; display: block; height: 100%; opacity: 0; transition: ease all 0.3s; width: 100%; } .gallery-grid-item:hover .photo::before { opacity: 0.7; } .gallery-grid-item:hover .photo::after { bottom: 0; color: #fff; content: "VIEW LARGER"; display: block; font-size: 12px; left: 0; letter-spacing: 0.1em; padding: 10px; position: absolute; text-align: center; width: 100%; } .gallery-grid-full .gallery-grid-item { padding-top: 19.1%; position: relative; width: calc(25% - 30px); } @media only screen and ( max-width: 567px ) { .gallery-grid { margin: 0 -7.5px; width: calc(100% + 15px); } .gallery-grid-item, .gallery-grid-full .gallery-grid-item { font-size: 12px; font-weight: 400; line-height: 1.5em; margin: 7.5px; padding-top: 37%; width: calc(50% - 15px); } } .tour-plan { counter-reset: tourplan; display: block; position: relative; } .tour-plan-item { display: block; padding: 10px 0 40px 80px; position: relative; } .tour-plan-item::before { background-color: #ff681a; border-radius: 50%; color: #fff; content: counter(tourplan, decimal); counter-increment: tourplan; display: block; font-size: 20px; font-weight: 700; height: 50px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 50px; } .tour-plan-item:not(:last-child)::after { border-left: 1px dashed rgba(0, 0, 0, 0.15); content: ""; display: block; height: 100%; left: 25px; position: absolute; top: 50px; width: 0; } ul.check { list-style: outside none none; } ul.check > li { position: relative; } ul.check > li::before { color: #0061d9; content: ""; font-family: "FontAwesome"; position: absolute; transform: translateX(-22px); } /*review*/ .tabbed-content-inner .wpcr3_div_2 { width: 100%; } .tabbed-content-inner .wpcr3_table_2 tr { border: 0; } .tabbed-content-inner .wpcr3_table_2 td:first-child { font-size: 12px; text-transform: uppercase; width: 140px; } .tabbed-content-inner .wpcr3_div_2 .wpcr3_leave_text { color: #000; font-size: 30px; font-weight: 700; line-height: 1.2em; padding: 0 0 30px; text-transform: uppercase; } .tabbed-content-inner .wpcr3_table_2 td { padding-bottom: 5px; } .tabbed-content-inner .wpcr3_respond_2 input[type="text"] { min-width: 200px; width: 100%; } .tabbed-content-inner .wpcr3_respond_2 textarea { min-width: 100%; } .tabbed-content-inner .wpcr3_button_1 { background-image: none !important; font-weight: 700 !important; } .tabbed-content-inner div.wpcr3_aggregateRating { color: #000; font-weight: 700; line-height: 1.2em; text-transform: uppercase; } .tabbed-content-inner div.wpcr3_aggregateRating .wpcr3_aggregateRating_reviewCount { display: block; font-family: "Playfair Display"; font-size: 30px; font-style: italic; text-transform: none; } .tabbed-content-inner div.wpcr3_aggregateRating, .tabbed-content-inner .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > *, .tabbed-content-inner .wpcr3_item > .wpcr3_aggregateRating .wpcr3_aggregateRating_ratingValue > * > * > * { font-size: 40px; } #tour-sidebar { padding: 0; } #tour-sidebar #gform_wrapper_10 { margin-bottom: 0; } #tour-sidebar #gform_wrapper_10 .gform_footer { padding-bottom: 0; } #tour-sidebar .tour-widget { margin-bottom: 60px; } #tour-sidebar .tour-widget .login-account:hover { background-color: #FB8A15 !important; } #tour-sidebar .tour-widget p { color: yellow; text-align: center; } #booking { background-color: #1c58f6; padding: 30px 28px; } #booking .title { text-align: center; } #booking .btn { color: #1c58f6; } #booking .btn:hover { border-color: #FB8A15; color: #fff; opacity: 1; } #booking .btn:hover span { display: inline-block; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: tada; } #booking a { color: #fff; } #booking a:hover { opacity: 0.5; } #booking .input-icon-html { color: #fff; } #booking .input-icon-html i { font-size: 30px; margin: auto; } /* 404 */ #searchform-404 { margin-bottom: 0; } .btn-404 { background-color: #078ff4 !important; border-color: #078ff4 !important; color: #fff !important; } .btn-404:hover { background-color: #FC9C1F !important; border-color: #FC9C1F !important; color: #fff !important; } @media only screen and ( max-width: 1200px ) { #tour-sidebar { padding: 0 15px; } } @media only screen and ( max-width: 991px ) { #tour-sidebar { padding: 30px 15px; } } /*LIGHTBOX & BOOLING PAYMEMENTS*/ .lightbox-form-block { background-color: #1c58f6; color: #fff; display: block; margin: auto; max-width: 90%; position: relative; width: 1008px; } .lightbox-form-block-wrapper { display: flex; width: 100%; min-height: 701px; } .lightbox-form-image { background-color: #80d4f6; position: relative; width: 50%; } .lightbox-form-image .bg { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #payment-method .lightbox-form-image .bg { background-size: contain; } .lightbox-form-text { display: flex; flex-flow: column nowrap; position: relative; width: 50%; } .lightbox-form-text-top { background-color: #2c3243; padding: 25px; } .lightbox-form-text-top .left { float: left; width: 50%; } .lightbox-form-text-top .right { float: left; text-align: right; width: 50%; } .lightbox-form-text-top .info { padding-top: 15px; width: 100%; float: left; } .lightbox-form-text-top .title .prefix { display: block; font-size: 15px; } .ie .lightbox-form-text-top .title .text { margin-bottom: 20px; } .lightbox-form-text-top .title .text { display: block; font-size: 20px; font-weight: 700; margin-top: -3px; } .lightbox-form-text-top .title .desc { font-size: 13px; font-weight: 300; } .lightbox-form-text-top .review div.wpcr3_rating_style1 * { color: #ffc600; font-size: 13px; line-height: 13px; } .lightbox-form-text-tab { display: flex; flex-flow: column nowrap; height: 100%; } .lightbox-tabbed-nav { background-color: #2c3243; display: flex; font-size: 14px; font-weight: 800; justify-content: space-between; position: relative; } .lightbox-tabbed-nav button { background: transparent none repeat scroll 0 0; border: 0 none; padding: 20px 10px; width: 50%; } .lightbox-tabbed-nav button.active, .lightbox-tabbed-nav button:first-child:nth-last-child(3) { background-color: #1c58f6; } .lightbox-tabbed-nav button:first-child:nth-last-child(3), .lightbox-tabbed-nav button:first-child:nth-last-child(3) ~ button { width: 33.3333%; } .lightbox-tabbed-nav button:first-child:nth-last-child(3) ~ button { background-color: #0d539c; } .lightbox-tabbed-nav button:first-child:nth-last-child(3) ~ button ~ button { background-color: #40398b; } .lightbox-tabbed-nav button:first-child:nth-last-child(3) ~ button ~ button ~ button { background-color: #40398b; } .lightbox-tabbed-nav button[data-id="credit-card"], .lightbox-tabbed-content .lightbox-tabbed#credit-card { background-color: #1c58f6; } .lightbox-tabbed-nav button[data-id="paypal"], .lightbox-tabbed-content .lightbox-tabbed#paypal { background-color: #0d539c; } .lightbox-tabbed-nav button[data-id="points"], .lightbox-tabbed-content .lightbox-tabbed#points{ background-color: #40398b; } .lightbox-tabbed-nav button[data-id="bank-transfer"], .lightbox-tabbed-content .lightbox-tabbed#bank-transfer { background-color: #4098fd; } .lightbox-tabbed-content { background-color: #2c3243; height: 100%; color: #fff; } .lightbox-tabbed-content .form-title { margin: 0; padding: 5px 0 20px; } .lightbox-tabbed-content .lightbox-tabbed { height: 100%; padding: 20px 15px 30px; position: relative; } .lightbox-tabbed-content .lightbox-tabbed:not(.active) { display: none; } .lightbox-tabbed-content .lightbox-tabbed.active { background-color: #1c58f6; } .lightbox-tabbed-content .lightbox-tabbed:first-child:nth-last-child(3) { background-color: #1c58f6; } .lightbox-tabbed-content .lightbox-tabbed:first-child:nth-last-child(3) ~ .lightbox-tabbed { background-color: #0d539c; } .lightbox-tabbed-content .lightbox-tabbed:first-child:nth-last-child(3) ~ .lightbox-tabbed ~ .lightbox-tabbed { background-color: #40398b; } .lightbox-tabbed-content .lightbox-tabbed:first-child:nth-last-child(3) ~ .lightbox-tabbed ~ .lightbox-tabbed ~ .lightbox-tabbed { background-color: #40398b; } .lightbox-tabbed-content input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]):not([type="submit"]), .lightbox-tabbed-content select, .lightbox-tabbed-content textarea { background: transparent none repeat scroll 0 0; border: 2px solid #fff; border-radius: 2px; color: #fff; font-weight: 700; padding-left: 10px; padding-right: 10px; width: 100%; } .lightbox-tabbed-content textarea { resize: none; } .lightbox-tabbed-content .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_left select.ginput_card_expiration_year { font-weight: 700; text-align: center; } .lightbox-tabbed-content .gform_footer button, .lightbox-tabbed-content .gform_footer input[type="submit"] { min-width: 241px; text-transform: capitalize; } .lightbox-tabbed-content .gform_footer button:not(:hover), .lightbox-tabbed-content .gform_footer input[type="submit"]:not(:hover) { background-color: #fff; border-color: #fff; color: #1c58f6; } .lightbox-form-block#payment-method .bg { background-image: url(images/payment-method-bg.jpg); } .lightbox-form-block#payment-method .lightbox-tabbed { padding-top: 40px; } .lightbox-form-block#payment-method .lightbox-form-text-top .title .text, .lightbox-form-block#payment-method .lightbox-form-text-top .payment .text { margin-top: 5px; display: block; font-size: 20px; font-weight: 700; } #payment-method.lightbox-form-block .lightbox-form-text-top .payment .prefix { display: block; font-size: 15px; } /*LIGHTBOX RENT A VAN*/ #rent-a-van-form #field_16_14 label, #rent-a-van-form #field_16_14 .ginput_container i { display: none; } #rent-a-van-form #field_16_14 input, #rent-a-van-form #field_16_14 select { padding: 10px !important; } #rent-a-van-form #field_16_14 .gfield_time_hour { margin-right: -2px; } #rent-a-van-form #field_16_14 .gfield_time_minute { margin-right: -3px; } #rent-a-van-form #field_16_14 .gfield_time_hour, #rent-a-van-form #field_16_14 .gfield_time_minute, #rent-a-van-form #field_16_14 .gfield_time_ampm, #rent-a-van-form #field_16_14 .gfield_time_ampm select { max-width: 100% !important; width: 100% !important; } .lightbox-form-block.rent-a-van-form-block .bg { background-image: url(images/van-4-large.png); } .lightbox-form-block.rent-a-van-form-block .lightbox-form-text-tab, .lightbox-form-block.ticketing-center-form .lightbox-form-text-tab { overflow: hidden; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed-nav::before { background-color: #fff; border-radius: 50%; color: #1c58f6; content: "or"; font-family: "Playfair Display",serif; font-size: 14px; font-style: italic; font-weight: 700; height: 31px; left: 50%; line-height: 31px; pointer-events: none; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); width: 31px; } /*.lightbox-form-block.rent-a-van-form-block .lightbox-tabbed-content { min-height: 542px;}*/ .lightbox-form-block.rent-a-van-form-block .input-icon-container textarea { min-height: 115px; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block { padding-top: 50px; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a { border: 3px solid #fff; color: #fff; display: block; height: 57px; line-height: 57px; margin: 0 auto 20px; max-width: 386px; position: relative; width: 100%; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a i { border-right: 3px solid #fff; float: left; font-size: 20px; height: 100%; line-height: 49px; text-align: center; width: 65px; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a span { font-weight: 400; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a span.title { display: block; float: left; font-weight: 300; opacity: 0.6; padding: 0 5px 0 20px; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a:hover, .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a:hover i { border-color: rgba(255, 255, 255, 0.3); transition: ease all 0.3s; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a:hover i::before { display: inline-block; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: tada; } .lightbox-form-block.rent-a-van-form-block .lightbox-tabbed.call-for-booking-block a:hover span.title { opacity: 1; transition: ease all 0.3s; } /*LIGHTBOX TICKETING AIRLINES*/ .lightbox-form-block#ticketing-airline-form .bg { background-image: url(images/philippines-airline.jpg); } .lightbox-form-block#ticketing-airline-form .lightbox-form-text-top .title .prefix { margin-bottom: 10px; } .lightbox-form-block#ticketing-airline-form .input-icon-container textarea { min-height: 103px; } /*LIGHTBOX TICKETING SHIPPING*/ .lightbox-form-block#ticketing-shipping-form .bg { background-image: url(images/shipping-line-1.jpg); } .lightbox-form-block#ticketing-shipping-form .lightbox-form-text-top .title .prefix { margin-bottom: 10px; } .lightbox-form-block#ticketing-shipping-form .input-icon-container textarea { min-height: 103px; } .lightbox-form-block#ticketing-shipping-form .lightbox-form-block-wrapper, .lightbox-form-block#ticketing-airline-form .lightbox-form-block-wrapper, .lightbox-form-block#rent-a-van-form .lightbox-form-block-wrapper, .lightbox-form-block#rent-a-van-form-package .lightbox-form-block-wrapper { min-height: 500px !important; height: 310px !important; } .lightbox-form-block#ticketing-shipping-form .lightbox-tabbed-content .lightbox-tabbed, .lightbox-form-block#ticketing-airline-form .lightbox-tabbed-content .lightbox-tabbed, .lightbox-form-block#rent-a-van-form .lightbox-tabbed-content .lightbox-tabbed, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed-content .lightbox-tabbed { overflow-y: scroll; overflow-x: hidden; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed-nav, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed-nav { /*display: inline-table !important;*/ width: 100% !important; } .lightbox-form-block#rent-a-van-form .lightbox-tabbed-content, .lightbox-form-block#rent-a-van-form-package .lightbox-tabbed-content { overflow: hidden; } /*form*/ .input-icon-container { border: 2px solid; border-radius: 2px; clear: both; font-size: 12px; margin-bottom: 15px; padding: 0; position: relative; width: 100%; } .input-icon-container.gf_left { clear: left; float: left; width: calc(50% - 10px); } .input-icon-container.gf_right { clear: right; float: right; width: calc(50% - 10px); } .input-icon-container > i { line-height: 41px; position: absolute; text-align: center; width: 40px; } .input-icon-container.gf_right > i.fa-plane { transform: scaleY(-1); } .input-icon-container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .input-icon-container select, .input-icon-container textarea { background-color: transparent; border: medium none; font-weight: 700; height: 41px; padding-left: 40px; text-overflow: ellipsis; width: 100%; } .input-icon-container textarea { min-height: 121px; padding-top: 13px; } .input-icon-container select { background: url(css/default-img/select-light.svg) no-repeat right 11px center !important; background-size: 8px !important; } .input-icon-container .input-number { width: 100%; } .input-icon-container .input-number div.input-number-nav { visibility: hidden; width: 30px; } .input-icon-container .input-number:hover div.input-number-nav, .input-icon-container .input-number input:focus + div.input-number-nav { visibility: visible; } .input-icon-html { border: 1px dashed; border-radius: 2px; font-size: 13px; font-weight: 300; margin-bottom: 27px; padding: 15px 15px 15px; text-align: center; } .input-icon-html p { margin-bottom: 10px; } .input-icon-html a { font-size: 12px; text-decoration: underline; } .file-upload-wrapper { position: relative; } .file-upload-wrapper .file-upload-hidden { display: none; visibility: hidden; position: absolute; left: -9999px; } .file-upload-wrapper input.file-upload-input { padding-right: 130px !important; } .file-upload-wrapper .file-upload-button { background-color: #fff; border: medium none; color: #1c58f6; cursor: pointer; display: inline-block; float: left; font-size: 11px; font-weight: 700; height: 100%; letter-spacing: 0.01em; padding: 0 14px; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in 0s; } .file-upload-wrapper .file-upload-button:hover { color: #2c3243; } .ginput_container_creditcard .gform_card_icon_container { float: left; margin-bottom: 33px; width: 100%; } .ginput_container_creditcard .gform_card_icon { margin-right: 9px; text-indent: -9000px; background-repeat: no-repeat; width: 51px; height: 32px; float: left; } .ginput_container_creditcard .gform_card_icon_amex { background-image: url(images/cc-amex.png); } .ginput_container_creditcard .gform_card_icon_discover { background-image: url(images/cc-discover.png); } .ginput_container_creditcard .gform_card_icon_mastercard { background-image: url(images/cc-mastercard.png); } .ginput_container_creditcard .gform_card_icon_visa { background-image: url(images/cc-visa.png); } .ginput_container_creditcard .ginput_full { float: left; margin-bottom: 20px; width: 100%; } .ginput_container_creditcard label { clear: both; float: left; font-size: 10px; font-weight: 400; padding-top: 5px; } .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_left { float: left; width: 60%; } .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_left select { float: left; height: 40px; margin-right: 17px; padding-bottom: 0; padding-right: 15px !important; padding-top: 0; width: calc(50% - 17px); } .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_right { float: left; width: 40%; } .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_right input { float: left; width: calc(100% - 76px) !important; } .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_right span.ginput_card_security_code_icon { background-image: url("images /cc-code.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 23px; left: 10px; position: relative; top: 8px; width: 32px; } @media only screen and ( max-width: 991px ) { .lightbox-tabbed-content .input-icon-container > i { line-height: 38px; width: 30px; } .lightbox-tabbed-content .input-icon-container.gf_left, .lightbox-tabbed-content .input-icon-container.gf_right { width: calc(50% - 5px); } .lightbox-tabbed-content .input-icon-container input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]):not([type="submit"]), .lightbox-tabbed-content .input-icon-container select, .lightbox-tabbed-content .input-icon-container textarea { font-size: 10px; padding-left: 30px; } .lightbox-tabbed-content .input-icon-container textarea { padding-top: 14px; } .lightbox-tabbed-content .gform_footer button, .lightbox-tabbed-content .gform_footer input[type="submit"] { width: 100%; } .file-upload-wrapper input.file-upload-input { padding-right: 10px !important; } .file-upload-wrapper .file-upload-button { background-color: transparent; border: 1px dashed; border-radius: 3px; color: #fff; height: 46px; margin: 10px 0; position: relative; width: 100%; } } @media only screen and ( max-width: 860px ) { .lightbox-form-block#ticketing-shipping-form .lightbox-form-block-wrapper, .lightbox-form-block#ticketing-airline-form .lightbox-form-block-wrapper, .lightbox-form-block#rent-a-van-form .lightbox-form-block-wrapper, .lightbox-form-block#rent-a-van-form-package .lightbox-form-block-wrapper { min-height: auto !important; height: auto !important; } .lightbox-form-block-wrapper { flex-flow: column nowrap; min-height: 0; } .lightbox-form-image { height: 500px; width: 100%; } .lightbox-form-text { width: 100%; } } @media only screen and ( max-width: 567px ) { .lightbox-tabbed-nav button { font-size: 10px; } .lightbox-form-text-top .left, .lightbox-form-text-top .right { clear: both; display: block; text-align: center; width: 100%; } .lightbox-form-image { height: 300px; width: 100%; } .lightbox-tabbed-content .input-icon-container.gf_left, .lightbox-tabbed-content .input-icon-container.gf_right, .input-icon-container.gf_left, .input-icon-container.gf_right { width: 100%; } .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_left, .ginput_container_creditcard .ginput_cardextras .ginput_cardinfo_right { width: calc(100% + 17px); } } @media only screen and ( max-width: 467px ) { .file-upload-wrapper .file-upload-input { font-size: 9px; } } @media only screen and ( max-width: 359px ) { .file-upload-wrapper .file-upload-input { font-size: 8px; } } /*form-color*/ .light .input-icon-container input, .light .input-icon-container select, .light .input-icon-container textarea { color: #fff; } #last-minute .grid-item { height: 474px; } #last-minute .grid-item, #last-minute .grid-item > a { border-radius: 0; } #last-minute .grid-item .badge { background-color: #f6731c; border-radius: 50%; font-size: 12px; font-weight: 700; height: 180px; line-height: 18px; padding-top: 70px; pointer-events: none; position: absolute; right: 20px; text-align: center; top: 20px; transform: rotate(-15deg); transition: all 0.3s ease 0s; width: 180px; z-index: 1; } #last-minute .grid-item .badge span { font-size: 20px; } #last-minute .grid-item:hover .badge { animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: tada; } /*LOGIN*/ .content-bg { background: #2c2387 none repeat scroll 0 0; color: #fff; min-height: 899px; overflow: hidden; padding: 227px 0 75px; position: relative; width: 100%; z-index: 1; } .content-bg::before { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(19, 49, 136, 0.9) 0%, rgba(0, 0, 0, 0.4) 100%) repeat scroll 0 0; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .content-bg .bg { background-position: 50% 0; background-size: cover; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .content-bg #content-area { position: relative; z-index: 1; } /*MY ACCOUNT*/ .copy-to-clipboard { cursor: pointer; color: #059BEB; font-weight: 800; } .copy-to-clipboard:hover { color: #FC9C1F; } #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 17px; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} } #gform_fields_18 .file-upload-input { color: white; } .gform_validation_error #gform_fields_18 .file-upload-wrapper .file-upload-button { height: 95%; } #gform_fields_18 .validation_message { color: #FC9C1F; font-size: 15px !important; } .admin-bg { background: #2c2387 none repeat scroll 0 0; color: #fff; min-height: 683px; overflow: hidden; padding: 227px 0 75px; position: relative; width: 100%; z-index: 1; } .admin-bg::before { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(19, 49, 136, 0.9) 0%, rgba(0, 0, 0, 0.4) 100%) repeat scroll 0 0; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .admin-bg .bg { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .my-account { position: relative; z-index: 2; } .my-account #my-account-profile { color: #fff; display: flex; left: 0; padding: 0 15px; position: absolute; transform: translateY(-80%); width: 100%; } .my-account #my-account-profile .account-action .btn-secondary:not(:hover) { border-color: #fff; color: #fff; } .my-account #my-account-profile .my-account-avatar { background-color: #fff; border-radius: 20px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); flex: 0 0 auto; margin-right: 30px; padding: 10px; width: 263px; height: 263px; position: relative; } .my-account #my-account-profile .my-account-avatar img { border-radius: 10px; height: 243px; object-fit: cover; width: 100%; } .my-account #my-account-profile .my-account-avatar:hover img { filter: brightness(50%); -webkit-filter: brightness(50%); -moz-filter: brightness(50%); } .my-account #my-account-profile .my-account-avatar .edit { padding-top: 7px; padding-right: 7px; position: absolute; right: 10px; top: 10px; display: none; } .my-account #my-account-profile .my-account-avatar:hover .edit { display: block !important; } .my-account #my-account-profile .my-account-info { bottom: 65px; position: absolute; right: 0; width: calc(100% - 293px); } .my-account #my-account-profile .my-account-info .title { color: #fff; font-size: 15px; font-weight: 300; letter-spacing: 0.1em; margin: 0 0 5px; } .my-account #my-account-profile .my-account-info .name { font-size: 40px; font-weight: 700; line-height: 1.2em; margin: 0 0 18px; } .my-account #my-account-profile .my-account-info .account-action .btn { border-radius: 5px; letter-spacing: 0.08em; margin-bottom: 12px; margin-right: 12px; padding: 11px 21px; } .my-account #my-account-profile .my-account-info .account-action .btn i { margin-right: 7px; } .my-account #my-account-profile .my-account-info .account-action .btn-sm { min-width: 137px; } #gform_wrapper_11 { margin-bottom: 0; } #profile-updated .lightbox-form-block-wrapper, #edit-account .lightbox-form-block-wrapper, #login-account .lightbox-form-block-wrapper { min-height: auto !important; } /*#change-password .edit-account-container { min-height: 320px; height: 320px; display: grid; } #profile-updated .profile-updated-container { min-height: 160px; height: 140px; } #update-avatar .edit-account-container { min-height: 340px; height: 340px; } #edit-account .edit-account-container { display: grid; }*/ #profile-updated .profile-updated-container, #login-account .edit-account-container, #edit-account .edit-account-container, #change-password .edit-account-container, #update-avatar .edit-account-container { width: 100%; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), #change-password .edit-account-container .gform_wrapper ul#gform_fields_14 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 select { background: transparent none repeat scroll 0 0; border: 2px solid #fff !important; border-radius: 2px; color: #fff !important; font-weight: 700; padding-right: 10px; width: 100%; border: medium none; height: 41px; padding-left: 40px !important; text-overflow: ellipsis; font-size: 12px !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 select option { color: #000; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li .fa, #change-password .edit-account-container .gform_wrapper ul#gform_fields_14 li .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; } #edit-account .edit-account-container .gform_body ul li.gfield { margin: 0 0 15px 0 !important; } #edit-account .edit-account-container .gform_body label, #change-password .edit-account-container .gform_body label { display: none; } #edit-account .edit-account-container .gform_body ul li.gfield .ginput_container span.address_line_1 { display: block !important; margin-bottom: 15px !important; } #edit-account .edit-account-container .gform_body ul li.gfield .ginput_container span.address_city { margin-bottom: 15px !important; } #change-password .lightbox-form-block-wrapper, #update-avatar .lightbox-form-block-wrapper, #rent-a-van-form .lightbox-form-block-wrapper { min-height: auto !important; } #change-password, #edit-account, #profile-updated, #own-referral-link-error, #referral-link-error, #login-account, #update-avatar { min-width: 320px !important; width: 600px !important; } #profile-updated .lightbox-form-text-top .left { width: 100% !important; } #used-referral-link { max-width: 60%; } #referral-link-message { padding: 20px 25px 0 25px !important; } .refferal-data-name.draft, .refferal-data-link.draft, .refferal-data-action.draft { color: red; } /*account content*/ .my-account #my-account-content { margin-top: 135px; margin-bottom: 30px; } .my-account #my-account-content .heading { margin-top: -24px; } .my-account #my-account-content #bookings-status .heading { margin-bottom: 10px; } .my-account #my-account-content .heading .text { margin-top: 15px; font-weight: 800; letter-spacing: 0.1em; } .my-account #my-account-content .heading .suffix { margin-top: 15px; } .my-account #my-account-content .heading .suffix:not(:empty) { margin-bottom: 50px; } .my-account #my-account-content form .title { font-weight: 800; letter-spacing: 0.1em; margin-bottom: 30px; text-transform: uppercase; } .my-account #my-account-content form .input-box, .my-account #my-account-content form .input-box-group { margin: 0 0 50px; position: relative; } .my-account #my-account-content form .input-box-group .input-box { margin: 0 0 30px; position: relative; } .my-account #my-account-content form .input-box .label { color: #cacaca; font-size: 15px; font-weight: 800; padding: 0; text-align: left; width: 100%; } .my-account #my-account-content form .input-box .value, .my-account #my-account-content form .input-box .value-edit { color: #595959; font-size: 15px; font-weight: 400; width: 100%; } .my-account #my-account-content form .input-box .value-edit { background-color: transparent; border: 0 none; border-bottom: 1px solid; padding: 0; } .my-account #my-account-content form .input-box .value-edit, .my-account #my-account-content form button#save-account, .my-account #my-account-content form.edit .input-box .value, .my-account #my-account-content form.edit button#edit-account { display: none; } .my-account #my-account-content form.edit .input-box .value-edit { display: block; } .my-account #my-account-content form.edit button#save-account { display: inline-block; } .my-account #my-account-content .account-action .btn { border-radius: 5px; letter-spacing: 0.08em; margin: 0 12px 12px 0; padding: 12px 30px; } .my-account #my-account-content .account-action .btn i { margin-right: 7px; } .my-account #my-account-content #points-system { color: #000000; } .my-account #my-account-content #points-system .title { color: #059BEB; letter-spacing: 0.1em; font-weight: 800; text-transform: uppercase; } .my-account #my-account-content #points-system a { font-weight: 800; } .my-account #my-account-content #points-system a:not(:hover){ color: #059BEB; } .my-account #my-account-content #points-system .refferal-points { align-content: center; background: rgba(0, 0, 0, 0) url("images/my-account-referral-links.png") no-repeat scroll 0 0; background-size: contain; content: ""; display: flex; flex-flow: column nowrap; font-size: 40px; font-weight: 800; height: 231px; justify-content: center; padding: 30px 0 0 12px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: -190px; width: 242px; } .my-account #my-account-content #points-system .refferal-points-title { color: #059BEB; display: block; font-size: 18px; padding-bottom: 8px; } .my-account #my-account-content #points-system ul.display-table { margin: 0; font-size: 14px; } .my-account #my-account-content .refferal-links { position: relative; } .my-account #my-account-content .refferal-links ul.display-table > li { font-weight: 400; padding: 27px 0; } .my-account #my-account-content .refferal-links ul.display-table > li:not(.th) { font-size: 14px; } .my-account #my-account-content .refferal-links ul.display-table > li > div:nth-child(1) { width: 22%; } .my-account #my-account-content .refferal-links ul.display-table > li > div:nth-child(2) { width: 48%; font-weight: 300; } .my-account #my-account-content .refferal-links ul.display-table > li > div:nth-child(3) { width: 30%; font-size: 13px; margin: 0; } .my-account #my-account-content .refferal-links .refferal-data-link { word-break: break-all; } .my-account #my-account-content .no-available-data, .my-account #my-account-content .no-available-data span { width: 100% !important; } .my-account #my-account-content .no-available-data span { text-align: center !important; padding: 27px 0 !important; } .my-account #my-account-content .no-padding { padding: 0 !important; } .my-account #my-account-content .points-log { padding-top: 145px; position: relative; } .my-account #my-account-content .points-log ul.display-table::before { background: rgba(0, 0, 0, 0) url("images/my-account-points-log.png") no-repeat scroll 0 0; background-size: contain; content: ""; display: block; font-size: 40px; font-weight: 800; height: 163px; position: absolute; right: 0; text-align: center; text-transform: uppercase; bottom: 100%; width: 242px; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div.points-used, .my-account #my-account-content .points-log ul.display-table.bordered > li > div.payment { color: #ff0000; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div.points-added, .my-account #my-account-content .points-log ul.display-table.bordered > li > div.used { color: #12c738; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(1) { width: 22%; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(2) { width: 43%; font-weight: 300; padding-right: 10px; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(3) { flex: 0 0 auto; width: 18%; padding: 0 15px; font-size: 14px; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(4) { flex: 0 0 auto; width: 15%; padding: 0 15px; font-size: 14px; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(3)::before, .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(4)::before { margin-left: -16px; } .booking-status { display: block; list-style: outside none none; margin: 0; padding: 0; } .booking-status > li { background-color: #f3f3f3; border-radius: 10px; display: flex; justify-content: space-between; margin-bottom: 30px; min-height: 155px; overflow: hidden; position: relative; } .booking-status > li .tour-image { background-color: #1c58f6; flex: 0 0 auto; overflow: hidden; position: relative; width: 191px; } .booking-status > li .tour-image-bg { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; width: 100%; transition: ease all 0.3s; position: absolute; } .booking-status > li .tour-image-bg:hover { opacity: 0.6; } .booking-status > li .tour-info { flex: 1 1 auto; padding: 25px 0 5px 28px; position: relative; } .booking-status > li .tour-info .tour-info-title { transition: ease all 0.3s; } .booking-status > li .tour-info .tour-info-title .locaiton { color: #acacac; font-weight: 400; transition: ease all 0.3s; } .booking-status > li .tour-info .tour-info-title:hover .locaiton { color: #1c58f6; } .booking-status > li .tour-info .tour-info-data { float: left; list-style: outside none none; margin: 10px -20px 0; padding: 0; width: calc(100% + 40px); } .booking-status > li .tour-info .tour-info-data li { float: left; margin: 0 20px 20px; width: auto; } .booking-status > li .tour-info .tour-info-data .data-title { color: #cacaca; font-weight: 800; } .booking-status > li .tour-info .tour-info-data .data-status { color: #ff0000; text-transform: capitalize; } .booking-status > li .tour-info .tour-info-data .data-status.pending { color: #059BEB; } .booking-status > li .tour-info .tour-info-data .data-status.approved, .booking-status > li .tour-info .tour-info-data .data-status.booked { color: #3fa800; } .booking-status > li .tour-action { align-content: center; display: flex; flex: 0 0 auto; flex-flow: column nowrap; justify-content: center; padding: 30px; } .booking-status > li .tour-action .btn { border-radius: 5px; padding: 12px 30px; min-width: 137px; } .booking-status > li .tour-action .btn i { margin-right: 7px; } @media only screen and ( max-width: 1024px ) { .booking-status > li .tour-info .tour-info-data { font-size: 13px; margin: 10px -10px 0; width: calc(100% + 20px); } .booking-status > li .tour-info .tour-info-data li { margin: 0 10px 10px; } } @media only screen and ( max-width: 991px ) { .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(1) { width: 75px; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(3) { width: 130px; } .my-account #my-account-content .points-log ul.display-table.bordered > li > div:nth-child(4) { width: 110px; } } @media only screen and ( max-width: 767px ) { .my-account #my-account-content { margin-top: 40px; } .my-account #my-account-profile .my-account-avatar { width: 230px; } .my-account #my-account-profile .my-account-info { bottom: 45px; width: calc(100% - 260px); } .my-account #my-account-profile .my-account-info .account-action .btn { font-size: 10px; letter-spacing: 0.05em; margin-right: 10px; min-width: 0; padding-left: 15px; padding-right: 15px; } .my-account #my-account-profile .my-account-info .account-action .btn i { margin-right: 4px; } .my-account #my-account-profile .my-account-info .name { font-size: 30px; } .my-account #my-account-content #points-system .text-box { padding-top: 120px; } .my-account #my-account-content #points-system .text-box .heading { padding-right: 250px; } } @media only screen and ( max-width: 567px ) { .my-account #my-account-content #points-system .text-box { padding-top: 70px; } .my-account #my-account-content #points-system .refferal-points { top: -240px; transform: scale(0.8); transform-origin: 100% 100% 0; } .my-account #my-account-profile { flex-flow: column nowrap; transform: translateY(-100%); } .my-account #my-account-profile .my-account-avatar { border-radius: 10px; float: none; margin: 0 auto 20px; padding: 7px; width: 130px; height: auto; } .my-account #my-account-profile .my-account-avatar img { border-radius: 5px; height: auto; } .my-account #my-account-profile .my-account-info { bottom: auto; padding-bottom: 15px; position: relative; text-align: center; width: 100%; } .booking-status > li { flex-flow: column nowrap; } .booking-status > li .tour-image { height: 200px; width: 100%; } } @media only screen and ( max-width: 467px ) { .my-account #my-account-content .text-box .heading { font-size: 30px; } .my-account #my-account-content #points-system .refferal-points { transform: scale(0.6); } .my-account #my-account-content #points-system .text-box .heading { padding-right: 50% !important; } } .access-box { background-color: #1c58f6; display: flex; min-height: 699px; justify-content: space-between; padding: 0; } .access-box-image { background-color: #06327d; flex: 1 1 auto; overflow: hidden; position: relative; width: 66.667%; } .access-box-image .bg { background-color: #06327d; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; display: block; height: auto; padding-top: 99.4%; position: absolute; width: 100%; height: 100%; } .access-box-content { display: flex; flex: 0 0 auto; flex-flow: column nowrap; justify-content: center; padding: 30px 30px 35px; width: 390px; } .access-box-content .title { font-weight: 700; font-size: 17px; } .access-box-content .desc { font-size: 13px; font-weight: 300; margin-bottom: 35px; } .access-box-content .title + .desc::before { border-top: 1px solid; content: ""; display: block; height: 0; margin-bottom: 15px; width: 60px; } .access-box-content form { clear: both; float: left; width: 100%; } .access-box-content a:not(:hover) { color: #fff; } .access-box-content .btn:not(:hover):not(.btn-secondary) { color: #1c58f6; } .access-box-content .btn { padding-left: 10px; padding-right: 10px; letter-spacing: 0.02em; width: 162px; } .access-box-content .form-action { align-items: center; clear: both; display: flex; font-size: 12px; justify-content: space-between; padding-bottom: 23px; position: relative; } .access-box-content .form-action > *:first-child { flex: 1 1 auto; } .access-box-content .form-bottom { padding: 26px 0 0; position: relative; } .access-box-content .form-bottom::before { content: ''; display: block; height: 2px; border-radius: 1px; background-color: #fff; width: 100%; position: absolute; top: 0; left: 0; } .access-box-content .input-icon-container { margin-bottom: 15px; } .access-box-content .input-icon-container.gf_left, .access-box-content .input-icon-container.gf_right { width: calc(50% - 5px); } /*forgot password changes*/ .page-template-page-forgot-password .access-box-content .form-action { display: block !important } .page-template-page-forgot-password .access-box-content .form-action a { margin-left: 15px !important; } /*register*/ .register-desc { margin-bottom: 0 !important; } .register-access-box-content .desc { margin-bottom: 15px !important; } .register-box-gf .gform_body ul li.fullname .ginput_container { padding-right: 16px; } .register-box-gf .gform_body ul li.fullname .ginput_container span#input_3_1_3_container { padding-right: 8px; } .register-box-gf .gform_body ul li.fullname .ginput_container span#input_3_1_6_container { padding-right: 0; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_zip, .register-box-gf .gform_body ul li.gfield .ginput_container span.address_city { margin-right: 0 !important; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_state, .register-box-gf .gform_body ul li.gfield .ginput_container span.address_country { padding-right: 0; } .register-box-gf .gform_body ul li.gfield .ginput_container_password .ginput_left, .register-box-gf .gform_body ul li.gfield .ginput_container_password .ginput_right { width: 100%; padding: 0; } .register-box-gf .gform_body ul li.gfield .ginput_container_password .ginput_left { margin-bottom: 15px; } .register-box-gf .gform_body ul li.gfield .ginput_container_password .ginput_right .fa { top: 60px; } .register-box-gf .gform_body ul li#field_3_7 { margin-top: 15px !important; } .register-box-gf .gform_wrapper { margin: 0 !important; } .register-box-gf input, .register-box-gf select { height: 41px !important; border: 2px solid white !important; border-radius: 2px !important; font-size: 12px !important; color: white !important; } .register-box-gf label { display: none !important; } .register-box-gf .gform_body ul li.gfield { margin: 0 0 15px 0 !important; } .register-box-gf .gform_body ul li.gfield .ginput_container { margin-top: 0 !important; } .register-box-gf .gform_body ul li.gfield .ginput_container #input_4_5_2_container { padding-left: 8px !important; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_line_1 { display: block !important; margin-bottom: 15px !important; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_city { margin-bottom: 15px !important; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_country select { padding: 4px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 0; background: white; height: 41px; padding: 0 28px;} .register-box-gf .gform_footer input#gform_submit_button_3 { background-color: #fff; padding: 15px 10px !important; color: #1c58f6 !important; font-size: 14px !important; height: auto !important; min-width: 162px; margin: 0 !important; } .register-box-gf .gform_footer input#gform_submit_button_3:hover, .register-box-gf .form-action a:hover { background-color: #FC9C1F !important; border-color: #FB8A15 !important; color: #fff !important; } .register-box-gf .gform_footer { margin: 0 !important; padding-top: 0 !important; text-align: right; position: relative; } .register-box-gf .gform_validation_error .gform_footer { padding-top: 14px !important; } .register-box-gf .gform_validation_error li.gfield.gfield_error.gfield_contains_required div.ginput_container, .register-box-gf .gform_validation_error li#field_3_9 div.ginput_container { margin-top: 15px !important; margin-bottom: 15px !important; } #ui-datepicker-div .ui-datepicker-header { background-color: #e9e9e9; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select { color: #000 !important; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { visibility: hidden; } .register-box-gf .gform_body ul li.gfield .ginput_container input, .register-box-gf .gform_body ul li.gfield .ginput_container select { padding-left: 40px !important; } .register-box-gf .gform_body ul li .ginput_container { position: relative !important; } .register-box-gf .gform_body ul li#field_3_1 span .fa { line-height: 45px; position: absolute; text-align: center; width: 45px; top: 0; } .register-box-gf .gform_body ul li#field_3_2, .register-box-gf .gform_body ul li#field_3_4 { margin-bottom: 15px !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li .fa-map, #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li .fa-map-o, .register-box-gf .gform_body ul li span .fa-map, .register-box-gf .gform_body ul li span .fa-map-o { top: 60px !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li .fa-map-signs, #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li .fa-globe, .register-box-gf .gform_body ul li span .fa-map-signs, .register-box-gf .gform_body ul li span .fa-globe { top: 120px !important; } .register-box-gf .gform_body ul li .ginput_container .fa { line-height: 40px; position: absolute; text-align: center; width: 45px; top: 0; } .access-box-image .bg::after { background: linear-gradient(to bottom, transparent 0%, transparent 60%, #06327d 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; opacity: 0; } /*Successful Activation*/ #signup-welcome span.h3 { font-size: 15px !important; padding-left: 0; } #signup-welcome p:first-of-type { margin-bottom: 0; } .register-verification a:hover, .lead-in a:hover { color: #3a8ff4 !important; } /*Visa Processing Page*/ .visa-description { font-size: 22px; } /*login*/ .access-box.login-form {flex-flow: row-reverse nowrap; } /*.access-box.login-form .access-box-image .bg { padding-top: 89.6%; }*/ .access-box.login-form .access-box-image .bg, .access-box.register-form .access-box-image .bg { padding-top: 65%; } .access-box.login-form .access-box-content .input-icon-container { margin-bottom: 18px; } .login-box table { background-color: transparent; } .login-box table tr { border-bottom: 0; } .lwa-status-confirm { color: #006400; } .lwa-username-label, .lwa-password-label { display: none; } .lwa-username-input, .lwa-password-input { width: 100%; } .lwa-password-input { padding-top: 14px !important; } .lwa-password-input, .lwa-password-input, .lwa-remember-email { position: relative !important; } .lwa-username-input .fa, .lwa-password-input .fa, .lwa-remember-email .fa { line-height: 41px; position: absolute; text-align: center; width: 45px; } .lwa-username-input input, .lwa-password-input input, .lwa-remember-email input, #password-lost-form-wrap input { width: 100%; background-color: transparent; height: 41px !important; border: 2px solid white !important; border-radius: 2px !important; font-size: 12px !important; color: white !important; font-weight: 500; padding: 0 28px; padding-left: 40px !important; } #password-lost-form-wrap .no-margin .fa, #resetpasswordform div p .fa { line-height: 41px; position: absolute; text-align: center; width: 45px; } #change-password .lightbox-tabbed-content .lightbox-tabbed { padding: 5px 15px 0px; } #gform_14 ul li#field_14_1 .validation_message { background-color: #FFEBE8; border: 1px solid #C00; color: #333; padding: 0; margin-top: 10px; padding: 10px; border-radius: 3px; } p.extra-space i { display: none; } li#field_5_54 {color: yellow;} li#field_27_54 {color: yellow;} .som-password-error-message { background-color: #FFEBE8 !important; border: 1px solid #C00 !important; color: #333 !important; } /*.som-password-sent-message { background-color: #f79c20 !important; border: 1px solid #f79c21 !important; color: #fff !important; }*/ #password-lost-form-wrap, #lostpasswordform, #resetpasswordform { padding-bottom: 26px; } #password-lost-form-wrap .no-margin label, #resetpasswordform div p label { display: none; } .lwa-submit-button, .lwa-submit-links { width: 100%; display: block; } .lost-password { padding-bottom: 20px !important; } .lwa-default:after, #password-lost-form-wrap:after { content: ''; display: block; clear: both; } .lwa-remember-buttons { padding: 20px 0 !important; } form.lwa-remember { margin-top: 0 !important; } .lwa-submit-button #lwa_wp-submit, .lwa-remember-buttons input.lwa-button-remember, #password-lost-form-wrap .lostpassword-submit button#reset-pass-submit { background-color: #fff; padding: 15px 10px !important; color: #1c58f6 !important; font-size: 14px !important; height: auto !important; min-width: 162px; margin: 0 !important; font-weight: 700; border: 2px solid white; border-radius: 2px !important; } .lwa-links-remember, .lwa-status-invalid a { display: none; } .lwa-submit-button #lwa_wp-submit:hover, .lwa-remember-buttons input.lwa-button-remember:hover, .login-box .form-action a:hover, #password-lost-form-wrap .lostpassword-submit button#reset-pass-submit:hover { background-color: #FC9C1F !important; border-color: #FB8A15 !important; color: #fff !important; } .lwa-status-invalid a { color: #337ab7 !important; } .lwa-status-invalid a:hover { color: #eb5e5e !important; } label[for='user_login'], label[for='user_pass'] { display: none; } input#user_login, input#user_pass { background-color: transparent; border: 2px solid white; font-weight: 700; height: 41px; padding-left: 40px; text-overflow: ellipsis; width: 100% !important; color: white; font-size: 12px; } @media only screen and ( max-width: 1170px ) { .access-box { max-width: 90%; margin: auto; } .access-box-image .bg::after { background: linear-gradient(to bottom, transparent 0%, transparent 60%, #06327d 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } } @media only screen and ( max-width: 991px ) { .access-box { display: block; } .access-box-content, .access-box-image, .access-box-image .bg { width: 100%; position: relative; } .access-box-image .bg::after { display: none; } } @media only screen and ( max-width: 576px ) { .access-box-content .input-icon-container.gf_left, .access-box-content .input-icon-container.gf_right { width: 100%; } } @media only screen and ( max-width: 476px ) { .access-box-content .form-action, .access-box-content .form-bottom { font-size: 11px; } .access-box-content .btn { font-size: 10px; padding: 11px 5px; width: 115px; } } #contentbar, #sidebar { padding: 75px 15px 50px; } /*SIDEBAR ---------------------------------------------------------------------*/ #sidebar { color: #000000; position: relative; } #sidebar .sidebar-inner { float: left; font-size: 13px; width: 100%; } #sidebar .widget { position: relative; margin-bottom: 50px; } #sidebar .widget a:not(:hover) { color: inherit; } #sidebar .widget .current-cat a, #sidebar .widget img { border: 2px solid #fff; } #sidebar .widget .widgettitle { font-size: 20px; font-weight: 800; letter-spacing: 0.1em; margin: 0 0 20px; position: relative; text-transform: uppercase; } #sidebar .widget .widgettitle::after { content: ""; display: block; margin-top: 10px; width: 40px; } #sidebar .widget select, #sidebar .widget input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) { background-color: transparent; border: 1px solid #fff; border-radius: 0; } #sidebar .widget.widget_archive ul li, #sidebar .widget.widget_categories ul li, #sidebar .widget.Annual_Archive_Widget ul li { font-size: 18px; font-weight: 600; opacity: 0.5; } #sidebar .widget.widget_archive ul li:hover, #sidebar .widget.widget_categories ul li:hover, #sidebar .widget.Annual_Archive_Widget ul li:hover { opacity: 1; } @media only screen and ( max-width: 767px ) { #contentbar { padding-bottom: 0; } } /*Widgets*/ .widget { position: relative; } .widget .tagcloud { text-align: left; } .widget > ul { list-style: none; margin: 0; padding: 0; } .widget > ul li { padding: 4px 0; text-transform: uppercase; } .widget > ul li > a > img { margin-top: 7px; } .widget > div > ul { list-style: outside none none; margin: 0; padding: 0; } .widget.popular-posts .wpp-list { counter-reset: popular; } .widget.popular-posts .wpp-list li { position: relative; } .widget.popular-posts .wpp-list li::before { color: #059BEB; content: counter(popular, decimal); counter-increment: popular; font-size: 40px; font-weight: 700; left: 0; margin-top: 5px; position: absolute; transform: skewX(-10deg); } .widget.popular-posts .wpp-list li { padding: 0 0 25px 45px ;} .widget.popular-posts .wpp-list li a { font-size: 19px; font-weight: 600; text-transform: none; } .widget.popular-posts .wpp-list li .wpp-meta.post-stats { color: #b4b4b4; font-weight: 300; font-size: 13px; line-height: 1.2em; text-transform: lowercase; } .widget .social-icons-shortcode { margin-bottom: 30px; width: 100%; } .widget .social-icons-shortcode li { margin-right: 9px;} .widget .social-icons-shortcode li a { background-color: #078ff4; border-radius: 50%; color: #fff; font-size: 20px; height: 50px; line-height: 50px; width: 50px; } .widget .social-icons-shortcode li a::after { display: none !important; } .widget .social-icons-shortcode li a.facebook:hover{ background-color: #4867aa; } .widget .social-icons-shortcode li a.twitter:hover{ background-color: #1db9f2; } .widget .social-icons-shortcode li a.instagram:hover{ background-color: #cf406c; } .widget .social-icons-shortcode li a.linkedin:hover{ background-color: #0177b4; } .widget .social-icons-shortcode li a.google-plus:hover{ background-color: #dc4e41; } .widget .social-icons-shortcode li a.youtube:hover{ background-color: #e32525; } .widget .social-icons-shortcode li a.pinterest:hover{ background-color: #ec2327; } .widget .social-icons-shortcode li a.rss:hover{ background-color: #f8991d; } .widget .tagcloud .tag-cloud-link { font-weight: 300; opacity: 0.5; white-space: nowrap; transition: ease all 0.3s; } .widget .tagcloud .tag-cloud-link:hover { opacity: 1; } .widget .tagcloud .tag-cloud-link:not(:last-child)::after { content: ","; display: inline-block; } .widget .has-icon a { margin-bottom: 0.4em; padding-left: 2em; position: relative; } .widget .has-icon i { left: 0; position: absolute; } .widget .has-icon i + span { line-height: 1.3em; } /*form*/ html .gform_wrapper ul.top_label li.gfield { position: relative; margin-top: 30px; padding: 0; width: 100%; max-width: 100%; } html .gform_wrapper ul.top_label li.gfield input.medium, html .gform_wrapper ul.top_label li.gfield select.medium, html .gform_wrapper ul.top_label li.gfield label.gfield_label { background-color: transparent; color: #000; font-size: inherit; font-weight: 300; width: 100%; } html .gform_wrapper ul.top_label li.gfield label.gfield_label { line-height: 2em; margin-top: 5px !important; } html .gform_wrapper .top_label div.ginput_container { margin-top: 8px !important; } html .gform_wrapper ul.top_label li.gfield label.gfield_label { display: none; } html .gform_wrapper ul.top_label li.gfield_required { color: #000; margin-left: 0; } html .gform_wrapper ul.top_label input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), html .gform_wrapper ul.top_label textarea { background-color: transparent; border: 2px solid #000; border-radius: 4px; color: #000; font-size: 15px; font-weight: 500; height: 55px; padding: 0 28px; } html .gform_wrapper ul.top_label textarea { height: 203px; padding: 15px 28px; } html .gform_wrapper ul.top_label input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, html .gform_wrapper ul.top_label textarea:focus { border-color: #078ff4; } html .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), html .gform_wrapper li.gfield_error textarea { border-color: #FC9C1F; } html .gform_wrapper .gform_footer { margin: 20px 0 0; padding: 14px 0; } /*Validation*/ html .gform_wrapper li.gfield, html .gform_wrapper li.gfield .ginput_container { position: relative; } html .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } html .gform_wrapper li.gfield.gfield_error, html .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { position: relative; margin-bottom: 0 !important; padding: 0 !important; background-color: rgba(0, 0, 0, 0); border: 0 none; } html .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { background-color: #FC9C1F; border-radius: 4px; color: #ffffff; font-size: 10px; font-weight: 400; line-height: 1em; margin: 0; opacity: 0; padding: 4px 10px 5px; position: absolute; right: 10px; text-align: center; text-transform: uppercase; top: -21px; white-space: nowrap; width: auto; } html .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description::before { background-color: #FC9C1F; bottom: -2px; content: ""; display: block; height: 10px; position: absolute; right: 10px; transform: rotate(45deg); transform-origin: 0 0 0; width: 10px; z-index: -1; } html .gform_wrapper li#field_5_50.gfield.gfield_error.gfield_contains_required div.gfield_description { right: 0 !important; } html .gform_wrapper li#field_5_64.gfield.gfield_error.gfield_contains_required div.gfield_description { right: 0 !important; } html .gform_wrapper li#field_5_50.gfield.gfield_error.gfield_contains_required div.gfield_description::before { background-color: transparent !important; } html .gform_wrapper li#field_5_64.gfield.gfield_error.gfield_contains_required div.gfield_description::before { background-color: transparent !important; } html .gform_wrapper .gfield_error .gfield_label { color: inherit; } html .gform_wrapper li#field_27_50.gfield.gfield_error.gfield_contains_required div.gfield_description { right: 0 !important; } html .gform_wrapper li#field_27_64.gfield.gfield_error.gfield_contains_required div.gfield_description { right: 0 !important; } html .gform_wrapper li#field_27_50.gfield.gfield_error.gfield_contains_required div.gfield_description::before { background-color: transparent !important; } html .gform_wrapper li#field_27_64.gfield.gfield_error.gfield_contains_required div.gfield_description::before { background-color: transparent !important; } html .gform_wrapper .gfield_error .gfield_label { color: inherit; } html .gform_wrapper div.validation_error { display: none; } html .gform_wrapper.gform_validation_error .top_label input.medium, html .gform_wrapper.gform_validation_error .top_label select.medium { width: 100%; } html .gform_wrapper.show_gform_validation li.gfield.gfield_error.gfield_contains_required div.gfield_description { white-space: normal; transform: translateY(-5px); transition: ease 0.3s all; opacity: 1; } html .gform_wrapper .gform_footer input.button { min-width: 180px; } html .gform_wrapper .gform_footer .gform_ajax_spinner { background-color: #fff; border-radius: 50%; width: 18px; height: 18px; padding: 0; border: 2px solid #fff; } @media only screen and ( max-width: 640px ) { html .gform_wrapper .gform_footer { position: relative; } html .gform_wrapper .gform_footer .gform_ajax_spinner { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); margin: 0; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_6_23, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label #field_13_23 { padding-right: 0 !important; } .ticketing-center-form .gfield_chainedselect > span { width: 100% !important; padding: 0 !important; } } /*FOOTER ---------------------------------------------------------------------*/ #footer { clear: both; color: #fff; font-family: "Open Sans"; font-size: 14px; position: relative; width: 100%; z-index: 1; } #footer a, #footer a > i + span { display: inline-block; position: relative; } #footer .footer-back-to-top span::after, #footer a::after, #footer a > i + span::after { border-top: 1px solid; bottom: 0; content: ""; display: block; position: absolute; transform: scaleX(0); transition: all 0.3s ease 0s; width: 100%; } #footer a:hover { color: #fff; } #footer .footer-back-to-top:hover span::after, #footer a:hover::after, #footer a:hover > i + span::after { transform: scaleX(1); } #footer .has-icon a::after { display: none; } #footer-widget { background-color: #0a0a0a; line-height: 1.714em; padding: 50px 0 0; position: relative; } #footer-widget .widget { margin-bottom: 20px; } #footer-widget h3, #footer-widget h4, #footer-widget h5, #footer-widget h6 { color: #fff; font-size: 18px; text-transform: uppercase; } #footer-widget .widget .widgettitle { color: #fff; line-height: normal; margin-bottom: 20px; } #footer-widget .widget a { color: #fff; } #footer-widget .widget .textwidget p:last-child { margin-bottom: 0; } #footer-widget .widget.widget_et_contact_details_widget .widgettitle { background: rgba(0, 0, 0, 0) url("images/icon-phone.svg") no-repeat scroll right 10px top; border-bottom: 3px solid rgba(255, 255, 255, 0.1); min-height: 67px; padding-bottom: 10px; padding-right: 70px; } #copyright { padding: 35px 0; position: relative; z-index: 2; } #copyright .copyright-text { float: left; margin: 0; font-size: 13px; } #copyright .copyright-text *, #copyright .footer-back-to-top i { color: #FC9C1F; } #copyright .footer-back-to-top span { display: inline-block; position: relative; } #copyright .footer-back-to-top { background: transparent none repeat scroll 0 0; border: 0 none; float: right; position: relative; } #copyright .copyright-menu { display: inline-block; float: right; margin: 5px 0; } #copyright .copyright-menu a { color: #fff; } #copyright .copyright-menu a::after { border-top: 1px solid; bottom: 0; content: ""; display: block; position: absolute; transform: scaleX(0); transition: all 0.3s ease 0s; width: 100%; } #copyright .copyright-menu a:hover::after { transform: scaleX(1); } #copyright .copyright-menu > span { margin: 0 9px 0 8px; display: inline-block; } #copyright .copyright-menu > span:first-child, #copyright .copyright-menu > span:last-child { display: none; } #copyright .copyright-text { margin: 0; } #footer-widget .widget .contact-details-shorcode li { width: 100%; float: left; line-height: 1.3em; margin-bottom: 7px; } #footer-widget .widget .contact-details-shorcode li strong { display: block; margin-right: 5px; float: left; } #footer-widget .widget .contact-details-shorcode li a { display: inline-block; overflow: hidden; white-space: normal; word-break: break-all; } @media only screen and ( max-width: 1128px ) { #copyright .container { display: flex; flex-direction: column-reverse; } #copyright .copyright-menu { border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 0 !important; padding: 10px 0; text-align: center; float: none; width: 100%; display: block; margin: 10px 0 20px; vertical-align: middle; } /* #copyright .copyright-menu a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: block; padding: 10px 0; text-align: center; } #copyright .copyright-menu > span { display: none; }*/ #copyright .copyright-text { padding: 10px 0; display: block; float: none; text-align: center; } } @media only screen and ( max-width: 767px ) { #copyright .footer-back-to-top { display: table; float: none; margin: 10px auto 0; } .quick-booking .booking-column:nth-last-of-type(-n+2) { width: 50%; } } @media only screen and ( max-width: 567px ) { .widget .has-icon a { padding-left: 0; } #footer-widget .widget:not(:last-child) { margin-bottom: 60px; } #footer-widget .widget .widgettitle { margin-bottom: 10px; } #footer-widget .has-icon li i { display: block; font-size: 22px; left: auto; line-height: 2em; margin-top: 10px; position: relative; } #footer-widget .has-icon li:first-child i { margin-top: 0; } /*.quick-booking .booking-column:last-of-type { width: 100%; }*/ } /*OTHER MEDIA QUERIES*/ @media only screen and ( max-width: 2560px ) { .register-box-gf .gform_footer img.gform_ajax_spinner { position: absolute; right: 172px; top: 28px; } } @media only screen and ( max-width: 1024px ) { .tour .tour-content .tabbed-nav > .container, .tour .quick-booking > .container { padding: 0 !important; } } @media only screen and ( max-width: 640px ) { .register-box-gf .gform_footer img.gform_ajax_spinner { position: static; } #rent-a-van-booking form .gfield_error.gf_right_half, #rent-a-van-booking-package form .gfield_error.gf_right_half { max-width: 100%; } } @media only screen and ( width: 641px ) { .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_1 .name_last { padding-right: 16px !important; } .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_34 ul li label, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_13_34 ul li label { width: auto; margin: 0 0 0 10px; } } @media only screen and ( max-width: 641px ) { .register-box-gf .gform_body ul li.fullname .ginput_container, .gform_body ul li#field_6_1, .gform_body ul li .ginput_container span.name_first, .gform_body ul li .ginput_container span.name_last, .register-box-gf .gform_body ul li#field_3_7 .ginput_container span.address_city, .register-box-gf .gform_body ul li#field_3_7 .ginput_container span.address_state, .register-box-gf .gform_body ul li#field_3_7 .ginput_container span.address_zip, .register-box-gf .gform_body ul li#field_3_7 .ginput_container span.address_country { margin-right: 0 !important; width: 100% !important; } .register-box-gf .gform_body ul li#field_3_1 .ginput_container span.name_first, .register-box-gf .gform_body ul li#field_3_1 .ginput_container, .ticketing-center-form .lightbox-tabbed-content .gform_wrapper ul.top_label li#field_6_1 { padding-right: 0 !important; } .register-box-gf .gform_body ul li#field_3_1 .ginput_container span.name_last .fa, .register-box-gf .gform_body ul li.gfield .ginput_container span.address_state .fa { top: 120px !important; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_zip .fa { top: 173px !important; } .register-box-gf .gform_body ul li.gfield .ginput_container span.address_country .fa { top: 227px !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li#field_11_7 span { width: 100%; padding: 0 !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li#field_11_7 span.address_state .fa { top: 120px !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li#field_11_7 span.address_zip .fa { top: 174px !important; } #edit-account .edit-account-container .gform_wrapper ul#gform_fields_11 li#field_11_7 span.address_country .fa { top: 226px !important; } } @media only screen and ( max-width: 480px ) { #about-gallery .accreditation .credentials-certificates-items .item { width: calc(100% - 30px) !important; } #about-gallery .credentials-certificates-items .item { width: calc(50% - 30px) !important; margin: 0 15px 15px 15px !important; max-width: 100% !important; } } @media only screen and ( max-width: 420px ) { /*.lwa-submit-links .lwa-links-remember { display: block; width: 100%; padding-bottom: 16px; }*/ } @media only screen and ( max-width: 923px ) and (min-width: 845px) { #main-menu { width: 550px; } /*.lwa-submit-links .lwa-links-remember { display: block; width: 100%; padding-bottom: 16px; }*/ } /*For IE*/ .post-heading .post-info { display: block !important; } #online-health-declaration-form .heading .suffix{ text-align: justify; } #online-health-declaration-form .title-only{ border-bottom: 0px; margin-top: 33px !important; margin-bottom: 14px;} #online-health-declaration-form .title-only h2{font-size: 18px; font-family: 'Montserrat'; font-weight: bold; color: #0061d9;} #online-health-declaration-form .border-only{ border-width: 3px; border-color: #000; } html #online-health-declaration-form .gform_wrapper ul.top_label li input, html #online-health-declaration-form .gform_wrapper ul.top_label li select{ font-size: 18px !important; font-family: 'Montserrat'; } html #online-health-declaration-form .gform_wrapper ul.top_label li.gfield { margin-top: 32px; } html #online-health-declaration-form .gform_wrapper ul.top_label li.gfield div.ginput_container { margin-top: 0px !important; } html #online-health-declaration-form .gform_wrapper ul.top_label li.gfield.first-row{ margin-top: 0px; } html #online-health-declaration-form .gform_wrapper ul.top_label li .has-left-icon{ position: relative; } html #online-health-declaration-form .gform_wrapper ul.top_label li.has-left-icon input { padding-left: 49px; } html #online-health-declaration-form .gform_wrapper ul.top_label li.has-left-icon i { color: #707070; line-height: 55px; position: absolute; text-align: center; width: 50px; top: 0; font-size: 20px !important; } html #online-health-declaration-form .gform_wrapper ul.top_label li.gfield select{ background-color: transparent; border: 2px solid #000; border-radius: 4px; color: #000; font-size: 15px; font-weight: 500; height: 55px; padding: 0 28px; } html #online-health-declaration-form .gform_wrapper ul.top_label li.has-label { margin-top: 0px; } html #online-health-declaration-form .gform_wrapper ul.top_label li.column-3{ width: calc(100%/3 - 26px); display: inline-block; margin-right: 39px !important;} html #online-health-declaration-form .gform_wrapper ul.top_label li.col-3-1, html #online-health-declaration-form .gform_wrapper ul.top_label li.col-3-2{} html #online-health-declaration-form .gform_wrapper ul.top_label li.col-3-3{margin-right: 0px !important;} html #online-health-declaration-form .gform_wrapper ul.top_label li.column-2{ width: calc(100%/2); display: inline-block; } html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-1, html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-1.gfield_error { padding-right: 19.5px !important;} html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-2, html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-2.gfield_error{ padding-left: 19.5px !important; } html #online-health-declaration-form .gform_wrapper ul.top_label li .gfield_checkbox input[type='checkbox'] { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } html #online-health-declaration-form .gform_wrapper ul.top_label li .gfield_checkbox input[type='checkbox']:checked + label{ font-weight: 400; } html #online-health-declaration-form .gform_wrapper ul.top_label li .gfield_checkbox input[type='checkbox'] + label { display: block; width: 100%; max-width: none; position: relative; padding: 0 0 0 31px; font-size: 18px !important; font-family: 'Montserrat'; color: #707070;} html #online-health-declaration-form .gform_wrapper ul.top_label li .gfield_checkbox input[type='checkbox'] + label::before { -webkit-appearance: none; content: ''; display: block; border: 2px solid #707070; border-radius: 4px; background: #fff;position: absolute; left: 0; top: 2px; width: 24px; height: 24px; } html #online-health-declaration-form .gform_wrapper ul.top_label li .gfield_checkbox input[type='checkbox']:checked + label::before{ background-color: #0061d9; border-color: #0061d9; } html #online-health-declaration-form .gform_wrapper ul.top_label li .gfield_checkbox input[type='checkbox']:checked + label:after { content: ''; display: block; position: absolute; top: 5px; left: 9px; width: 8px; height: 15px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); } html #online-health-declaration-form .gform_wrapper ul.top_label li.gfield.inline-checkbox .gfield_checkbox li { display: inline-block; margin-right: 77px; } #field_23_17 .gfield_description.validation_message { left: 0px; right: unset; } #field_23_17 .gfield_description.validation_message:before { right: unset;} /* trips page*/ #trip-tours #tour-packages-posts { max-width: 1430px; } #trip-tours .tab-content-wrapper { max-width: 1430px; width: 100%; margin: auto; border: 1px solid #fff; border-top: none; } #trip-tours .tab-content .grid-item { margin: 10px; } #upcoming-trips #tour-packages-posts { max-width: 1430px; } #upcoming-trips .tab-content-wrapper { max-width: 1430px; width: 100%; margin: auto; border: 1px solid #fff; border-top: none; } #upcoming-trips .tab-content .grid-item { margin: 10px; } .tour-type-tabs { list-style: none; padding: 0; display: flex; gap: 5px; max-width: 1430px; width: 100%; margin: auto; } .tour-type-tabs li { border: 1px solid #fff; padding: 10px 20px; border-top: none; border-left: none; border-right: none; color: #fff; } .tour-type-tabs li:hover { cursor: pointer; box-shadow: 0 2px 7px rgb(255 255 255 / 85%); } .tour-type-tabs li.active { border-right: 1px; box-shadow: 0 2px 7px rgb(255 255 255 / 85%); } .tab-content { display: none; margin-top: 20px; } .tab-content.active { display: block; } /*Packages page*/ .region_filter { max-width: 1460px; width: 100%; margin: -15px auto 0; padding: 10px 20px; display: flex; flex-wrap: wrap; gap: 10px; } .region_filter select.region_select_filter { border: 1px solid #fff; background-color: #fff; font-size: 15px; border-radius: 5px; } .reset_filter_button { padding: 8px 15px; background-color: #fff; border-radius: 5px; border: 1px solid #fff; } @media only screen and ( max-width: 768px ) { html #online-health-declaration-form .gform_wrapper ul.top_label li.column-2, html #online-health-declaration-form .gform_wrapper ul.top_label li.column-3 { width: 100%; } html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-1, html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-1.gfield_error { padding-right: 0px !important;} html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-2, html #online-health-declaration-form .gform_wrapper ul.top_label li.col-2-2.gfield_error{ padding-left: 0px !important; margin-top: 32px; } #trip-tours #tour-packages-posts { justify-content: center; } } @media screen and (max-width: 467px) { #trip-tours #tour-packages-posts { max-width: 100%; } } /* new tour (single page)*/ #field_27_7 { display: none; } .booking-section-temp { padding-top: 30px; } .booking-section-temp .room-list-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .booking-section-temp h2 { margin-bottom: 30px !important; } .booking-section-temp .room-container { position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; height: 365px; } .booking-section-temp .room-container .room-img { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: ease all 0.6s; } .booking-section-temp .room-dets { z-index: 2; position: relative; padding: 20px; display: flex; flex-direction: column; gap: 10px; } .booking-section-temp .room-container:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: ease all 0.6s; width: 100%; z-index: 1; } .booking-section-temp .room-dets h5, .booking-section-temp .room-dets p { margin: 0; color: #fff; } .booking-section-temp .room-dets p { font-size: 13px; line-height: 120%; } .booking-section-temp .room-details { display: flex; flex-direction: column; gap: 5px; } #field_27_82 { display: none; } #field_27_15 { margin: 24px 0 0 !important; border: none !important; } .button-container .select-button { background-color: #FB8A15; border: 1px solid #FB8A15; border-radius: 2px; font-size: 13px; color: #fff; } #tour-sidebar .tour-widget { visibility: hidden; } #field_27_66 .total-container p { text-align: left; margin: 0; } .button-container .select-button:disabled { cursor: none; background-color: #FB8A15; } .room-desc-overlay { position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%); z-index: 3; width: 100%; height: 100%; display: none; flex-direction: column; justify-content: space-between; gap: 10px; padding: 25px; } .room-desc-overlay p { color: #fff; overflow: auto; height: 100%; margin: 0; padding-top: 25px; } .close-desc { position: absolute; top: 15px; right: 15px; } .close-desc::before { content: ""; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; } .view-details { text-decoration: underline; } /*hover fx*/ .button-container .select-button:hover { cursor: pointer; color: #FB8A15; background-color: #fff; } .close-desc .close-button: hover { cursor: pointer; color: #FB8A15; background-color: #fff; } .view-details:hover { cursor: pointer; } .close-desc:hover { cursor: pointer; transform: scale(1.1); } @media screen and (max-width: 425px) { .booking-section-temp .room-list-container { grid-template-columns: 1fr; } }