/* 
Theme Name: JTB Singapore New
Description: 
Version: 1
Author: Meta Digital - Seed-Tech
Author URI: http://metadigital.co.nz/
*/

/*============Sticky Footer============*/

/*html,
body {
    height: 100%;
}   
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
    padding: 0 0 100px;
}
footer {
    height: 100px;
}*/


/*==========Bootstrap Overrides========*/

/*.navbar-header {
    float:none;
}
.navbar-toggle {
    display: initial;
}*/
@media (max-width: 768px) {
    .container-fluid>.navbar-header {
        margin-left:0;
        margin-right:0;
    }

    .search-mobile {
        margin:0.5em 0;
    }

    .search-mobile .form-search-mobile input.input-search {
        border:1px solid #E00011;
        border-right:none;
        border-top-left-radius: 0.5em;
        border-bottom-left-radius: 0.5em;
    }

    .search-mobile .form-search-mobile button.btn-search {
        border:1px solid #E00011;
        border-left:none;
        border-top-right-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
        padding:0;
    }
}

@media (max-width: 991px) {
    .container-fluid>.navbar-header {
        float: none;
        margin-left:-15px;
        margin-right:-15px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .md-top-margin {
        margin-top:15px;
    }

    .search-tab .form-search {
        right:10%;
        margin-top:17px;
        position:absolute;
    }

    .search-tab .form-search input.input-search {
        background:#FFFFFF;
        box-shadow: 2px 3px 1px #d8cdcd;
        max-width:240px;
    }
    .search-tab .form-search button.btn-search {
        background:#F0F0F0;
    }
}

/*==========Fonts & Headings===========*/

h1 {
    font-family: "Signika",sans-serif;
}

h2 {
    font-family: "Signika",sans-serif;
}

h3 {
    font-family: "Signika",sans-serif;
}

h4 {
    font-family: "Signika",sans-serif;
}

h5 {
    font-family: "Signika",sans-serif;
}

h6 {
    font-family: "Signika",sans-serif;
}

p { 
    font-family: "Arimo",sans-serif;
}

strong{font-weight:bold}

a{
    text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:visited{ 
    
}

a:hover,
a:active {
    color: #2A6496;
    text-decoration: underline; 
}


strong {
    font-weight: bold;
}

.alignleft {
    float: left;
    padding: 10px 10px 10px 0;
}

.alignright {
    float: right;
    padding: 10px 0 10px 10px;
}

.clear { clear:both;}



/*========== Header ===========*/


div.brand {
    padding:1em 0;
}

div.header-info {
    display:inline-block;
    vertical-align:middle;
}

a.header-logo {
    margin-right: 32px;
}

p.country-name {
    display: inline-block;
    line-height: 25px;
    font-family: "Arial",sans-serif;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin-top: 4px;
}

p.phone-number {
    font-weight:bold;
    color:#9C1429;
    font-family: "Arial", sans-serif;
    font-size:20px;
    font-style:italic;
}

div.secondary-menu {
    border-radius: 0px 0px 4px 4px;
    background: linear-gradient(#FCFCFC, #EEE) repeat scroll 0% 0% transparent;
    font-family: "Arial",sans-serif;
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 8px;
    /*float: right;*/
    /*top: 0;*/
    /*position: absolute;*/
    /*right: 15px;*/
}

div.secondary-menu ul.menu {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
}

div.secondary-menu ul.menu li {
    list-style: none;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height:43px;
}

div.secondary-menu ul.menu li:after {
    content: " | ";
    font-style: bold;
}

div.secondary-menu ul.menu li:last-child:after {
    content: "";
}

div.lang-switcher,
#polylang-2,
.menu-secondary-menu-container {
    display: inline-block;
}

#lang_choice_polylang-2 {
    background: url("/wp-content/themes/jtb-singapore/images/caret.png") no-repeat scroll 8px 10px #E2E2E2;
    color: #595757;
    display: inline-block;
    background-color: #E2E2E2;
    text-decoration: none;
    border-radius: 15px;
    font-size: 13px;
    font-weight: bold;
    border: 0px solid;
    padding: 6px 6px 6px 18px;
    margin: 4px 10px 4px 50px;
}

#polylang-2 select,
#polylang-2 option {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

#polylang-2 select {
    padding: 8px 12px 8px 18px;
}

/* Firefox specific CSS */
@-moz-document url-prefix() {
    #polylang-2 select {
        padding: 3px 12px 3px 18px;
    }
}

/*#polylang-2 option {
    border: 0px solid white;
    padding: 6px 12px 6px 18px;
}*/

#polylang-2 option:focus {
    color: red;
    background: white;
}

#lang_choice_polylang-2 > option {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.lang-switcher option {
    padding: 4px;
}

#lang_choice_polylang-2 {
    padding: inherit;
}

.welcome-text {
    font-size: 12px;
    color: #777;
    font-weight: 700;
    text-align: right;
    line-height: 1em;
    margin-top: 15px;
    display: inline-block;
}

.header-logo img {
    z-index: 1000;
}

.round-social-grey {
    text-align: right;
    display: inline-block;
}

.round-social-grey a {
    margin: 0 0 0 4px;
    color: #ffffff;
    display: inline-block;
    width: 2.4em;
    height: 2.4em;
    text-align: center;
    border-radius: 50%;
    background: none repeat scroll 0% 0% #888;
    transition: background-color 0.25s ease-in-out 0s;
}

.round-social-grey a.fa-twitter:hover {
    background: none repeat scroll 0% 0% #3DBAF4;
    text-decoration: none;
}

.round-social-grey a.fa-facebook:hover {
    background: #4C6AA8;
    text-decoration: none;
}

.round-social-grey a::before {
    color: #ffffff;
    font-size: 1.5em;
    line-height: 1.7em;
}

.round-social-grey a.fa-question {
    text-decoration: none;
}

@media (max-width: 991px) {
    .round-social-grey.tp-tooltip a.fa-question {
        display: none;
    }
    .tp-mobile-tooltip {
        display: block;
    }
    .tp-booking-button {
        margin-top: -25px;
        margin-right: 15px;
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 992px) {
    .round-social-grey.tp-tooltip a.fa-question {
        display: inline-block;
    }
    .tp-mobile-tooltip {
        display: none;
    }
    .has-error .tp-mobile-tooltip {
        display: block;
        color: red;
    }
    .tp-booking-button {
        margin-top: -65px;
        margin-right: 15px;
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* main menu */
.navbar {position: relative; min-height: 50px; margin-bottom: 0px; border: none;}
.navbar .container-fluid.no-padding{padding-left:0px; padding-right:0px;}
.menu-wrapper #navbar{padding-left: 0px; padding-right:0px; border-top:4px solid #dc0a0e; -webkit-box-shadow: 0px 3px 3px 0px rgba(183,183,183,1); -moz-box-shadow: 0px 3px 3px 0px rgba(183,183,183,1); box-shadow: 0px 3px 3px 0px rgba(183,183,183,1);}
.navbar-nav{width:100%; margin-left:0px;}
.navbar-nav ul {display: none; padding: 0;}
.navbar-nav li:hover > ul {display: block;} 
.navbar-nav li a:before{content:"\25BA"; font-size:7px; padding-left:3px; padding-right:2px; margin-right:6px; position:relative; top:-3px; color:#dd0b17;}
.navbar-nav li a{color:#000000!important; font-weight:600; font-size:16px; font-family: "Signika", sans-serif; padding-top:10px; padding-right:15px; padding-left:9px; padding-bottom:10px;}
.navbar-nav li a:link{}
.navbar-nav li a:visited{}
.navbar-nav li a:hover{background-color:#d8d8da!important; color:#dd0b17!important;}
.navbar-nav li a:active{}

 
.navbar-nav li.current-menu-item {
    background-color:#d8d8da!important; 
}

.navbar-nav li.current-menu-item > a {
    color:#dd0b17!important;
}

.navbar-nav > li.current_page_parent > a{background-color:#d8d8da; color:#dd0b17;}
.navbar-nav li a:hover:before{content:"\25BA"; font-size:7px; background-color:#ffffff; border-radius:25px; padding-top:1px; padding-left:3px; padding-right:2px; margin-right:6px; position:relative; top:-3px; color:#dd0b17;}
.navbar-nav li.current-menu-item a:before{content:"\25BA"; font-size:7px; background-color:#ffffff; border-radius:25px; padding-top:1px; padding-left:3px; padding-right:2px; margin-right:6px; position:relative; top:-3px; color:#dd0b17;}
.navbar-nav > li.current_page_parent > a:before{content:"\25BA"; font-size:7px; background-color:#ffffff; border-radius:25px; padding-top:1px; padding-left:3px; padding-right:2px; margin-right:6px; position:relative; top:-3px; color:#dd0b17;}

@media (min-width:769px) {


    .social-top {
        display: inline-block;
        float: right;
        position: absolute;
        top: 48px;
        right: 15px;
        z-index: 0;
    }


    .navbar-nav li a {
        border-left:1px solid #c9c9ca;
    }

    .navbar-nav ul {
        background-color:#ffffff;
        border-top:1px solid #c9c9ca;
        width:195px;
        position: absolute;
        z-index:20;
        top: 100%;
    }

    .navbar-nav ul li:last-child a {
        border-bottom:1px solid #c9c9ca;
    }

    .navbar-nav ul li a{
        padding-left:15px; 
        padding-right:15px;
        border-right:1px solid #c9c9ca;
    }
}

.navbar-nav ul li {
    float: none; 
    position:relative; 
    list-style-type:none;
}

.navbar-nav ul li a {
    padding-top:2px!important; 
    padding-bottom:0px!important; 
    display:block; 
    line-height:30px; 
    text-decoration: none; 
}

.navbar-nav ul ul {position: absolute; left: 100%; top:0;}

@media (max-width: 768px) {
    .navbar-nav ul.sub-menu {
        display:block;
        background-color:#EEE
    }

    .navbar-nav ul.sub-menu li {
        padding-left:1em;
    }

    .welcome-text {
        text-align:center;
        font-size:initial;
    }

    .brand {
        text-align:center;
    }


}


#breadcrumbs {
    /*margin: 12px 0 18px 0;*/
    /*margin: 12px 0 0 0;*/
    margin:12px 0;
}

#breadcrumbs a:link { color: #000000; }
#breadcrumbs a:visited { color: #000000; }
#breadcrumbs a:hover { color: #000000; }
#breadcrumbs a:active { color: #000000; }


/*========== Home RSS bar ===========*/

.rss-banner {
    height: auto;
    position: relative;
    background: none repeat scroll 0% 0% #F2F2F3;
    border: 1px solid #C4C4C4;
    margin-bottom: 0px;
    padding: 5px 5px 5px 10px;
    color: #595757;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    width: 95%;
    margin: 12px 24px 0;
}

.round-social-small a.fa-rss {
    color: #ffffff;
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    border-radius: 50%;
    background: none repeat scroll 0% 0% #888;
    transition: background-color 0.25s ease-in-out 0s;
    margin: 0px 0px 0px 4px;
    line-height: 24px;
}

.round-social-small a.fa-rss {
    background: #CC2A1E;
    margin-right: 8px;
}

.round-social-small a.fa-rss:hover {
    text-decoration: none;
}

a.rss-desc:link { color: #595757; }
a.rss-desc:visited { color: #595757; }
a.rss-desc:hover { color: #595757; text-decoration: none; }
a.rss-desc:active { color: #595757; }


/*========== Home Slider ===========*/

/* Fade carousel */
.tp-wp-carousel.carousel .item {-webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
.tp-wp-carousel.carousel .active.left {left:0;opacity:0;z-index:2;}
.tp-wp-carousel.carousel .next {left:0;opacity:1;z-index:1;}

.tp-wp-carousel{
    /*margin-top:18px;*/
    border-top:4px solid #E00011;
}

.tp-wp-carousel img{
    width:100%;
}

.tp-wp-carousel .carousel-indicators{
    position:relative;
    margin:0 0 0 0;
    left:auto;
    bottom:auto;
    width:100%;
}

.tp-wp-carousel .carousel-indicators li {
    text-indent:0;
    width:100%;
    height:auto;
    max-width:140px;
    border: 1px solid #AAAAAA;
    border-radius:0px;
    margin:10px 3px 0 3px;
    opacity:0.5;
}

.tp-wp-carousel .carousel-indicators li.active {
    opacity:1;
    border: 2px solid #AAAAAA;
}

div.slider-caption {
    margin: 12px 0;
}

/*========== Home page grids ===========*/

div.page-top p {
    margin-top: 12px;
    text-align: right;
}

div.ribon-red-desktop {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 14px;
    background: none repeat scroll 0% 0% #E00011;
    height: 4px;
}

.three.grid h4 {
    font-size: 16px;
}


div.grid h3 {
    font-family: "Signika",sans-serif;
    color: #E60012;
    font-size: 22px;
}

.thumbnail {
    background-color: #E6E6E6;
    border: medium none;
    border-radius: 0px;
}

.four.grid h4 {
    font-size: 12px;
    font-family: "Arimo",sans-serif;
    font-weight: bold;
    color: #727172;
    margin: 0;
}

.caption h4 {
    font-family: "Arimo",sans-serif;
    font-weight: bold;
    color: #727172;
    margin: 0;
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 9px 9px;
}

div.caption p {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    font-family: "Arial",sans-serif;
}

.multi > .flying-text {
    text-align: left;
    color: #FFF;
    position: absolute;
        top:2px;
    font-family: "Arimo",sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 0px 0px 10px;
}

p.flying-text {
    text-shadow: 0px 2px 2px #000;
    text-transform: uppercase;
}

div.multi.row .multi {
    margin-top: 0px;
    margin-bottom: 20px;
}

@media (min-width:768px) {

    .multi.row.two p {
        font-size: 18px;
    }

    .multi.row.two p {
        font-size: 16px;
    }

    .multi.row.three p {
        font-size: 12px;
    }
}

/*========== Home page Footer ===========*/



/* Mobile Home page */

.mobile-content,
.footer-mobile {
    display: none;
}

.button-search {
    background: none repeat scroll 0% 0% #E60012;
    width: 50%;
    float: right;
    position: relative;
    top: 25px;
    right: 0px;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.mobile-content .round-social {
    border-top: 8px solid #E60012;
}

.mobile-content .round-social .fa {
    margin: 8px 38px;
}

.mobile-content .fa.fa-facebook {
    background: #3C5A98;
}

.mobile-content a.fa.fa-facebook:hover {
    background: #4C6AA8;
}

.mobile-content .fa.fa-search {
    background: #E50010;
}

.mobile-content .fa.fa-twitter {
    background: #2DAAE4;
}

.mobile-content a.fa.fa-twitter:hover {
    background: #3DBAF4;
}

.mobile-content .round-social a {
    text-align: center;
}

.mobile-content .round-social a.fa:link {}
.mobile-content .round-social a.fa:visited {}
.mobile-content .round-social a.fa:hover { text-decoration: none; }
.mobile-content .round-social a.fa:active {}

.mobile-content .round-social a {
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 80%;
    background: none repeat scroll 0% 0% #888;
    transition: background-color 0.25s ease-in-out 0s;
    text-align: center;
    margin: 0px auto;
    line-height: 33px;
    font-size: 23px;
    color: #FFF;
}


.mobile-content .fa-angle-right {
    float: right;
    padding-right: 15px;
    padding-top: 5px;
}

.mobile-content .home-full-width-button {
    padding-bottom: 8px;
}

.home-full-width-button.tickets {
    border-bottom: 8px solid #E60012;
}

#lang_choice_polylang-2 {
    font-size: 12px;
}

.walking-link-mobile a {
    font-size: 11px;
    padding: 12px 30px;
    display: inline-block;
}

.walking-link-mobile a:link { color: #908F8F;}
.walking-link-mobile a:visited { color: #908F8F;}
.walking-link-mobile a:hover { color: #908F8F;}
.walking-link-mobile a:active { color: #908F8F;}
.walking-link-mobile a:focus { color: #908F8F;}

.footer-mobile {
    display: inline-block;
    height: auto;
    background-color: #C00;
    color: #FFF;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    width: 100%;
    margin-bottom: 10px;
}


/****************************************/
/*** Japan Rail Pass - Single ***/
/****************************************/

h2.rail-pass-name {
    background: none repeat scroll 0% 0% #9AC527;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    padding: 6px 12px;
    width: 52%;
    margin-bottom: -2px;
    border-radius: 10px 10px 0 0;
    margin-left: 18px;
    text-align: center;
}

.with-centre-image .price-card-package {
    width: 40%;
}

.centre-image img {
    width: 100%;
}

h2.rail-pass-name span {
    margin-right: 8px;
    vertical-align: middle;
}

h2.rail-pass-name img {
    margin-right: 12px;
}

.price-card {
    margin-bottom: 12px;
}

.price-chart {
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 12px;
    /*height: 248px;*/
}

div.col-sm-3:nth-child(4) > div:nth-child(1) > h1:nth-child(1) {
    font-size: 14px;
    padding: 9px 0;
}

.price-card-packages {
    text-align: center;
    margin: 0px auto;
}

.price-card-package {
    text-align: center;
    width: 23%;
    margin: 0px auto;
    display: inline-block;
    margin-right: 8px;
}

.price-card-package h1 {
    font-size: 15px;
    background: none repeat scroll 0% 0% #9B9A9A;
    color: #FFF;
    padding: 6px 0px;
    width: 100%;
    font-family: "Arial",sans-serif;
    font-weight: 700;
    margin-top: 0;
}

.price-card-packages .price-card-package:nth-child(2) h1 {
    background: #848282;
}

.price-card-packages .price-card-package:nth-child(3) h1 {
    background: #626060;
}

.price-card-packages .price-card-package:nth-child(4) h1 {
    background: #434242;
}

.price-card-package .price-cards.loading {
    background:#FFF;
    height:110px;
}

.price-card-package .price-cards.loading * {
    line-height:110px;
}


.price-card-package .price {
    background: none repeat scroll 0% 0% #FFF;
    display: inline-block;
    width: 48%;
    height: 110px;
    margin-bottom: 18px;
}

.price-card-package .price.multipleRates {
    height: 153px;
}


.price-card-package .buy-now {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: inherit;
    background: none repeat scroll 0% 0% #EA5404;
    padding: 10px;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
}

select[disabled=disabled] {
    background:#EEE;
}

.price-card-package .buy-now:disabled {
    background:#777;
}

button.book:disabled {
    background:#777 !important;
}

i.down-arrow {
    color: #FFF;
    font-size: 28px;
    margin-top: 0px;
}


i.down-arrow.left {
    margin-left: 18px;
}

i.down-arrow.right {
    margin-right: 18px;
}

i.down-arrow.center {
}


span.symbol {
    /*vertical-align: super;*/
    font-size:13px;
}

p.amount {
    font-family: "Signika",sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height:18px;
}

p.wp-amount {
    font-size:12px;
}

.buy-now a:link { color: #ffffff; padding: 8px 12px; }
.buy-now a:visited {}
.buy-now a:hover {}
.buy-now a:active {}


.price-card-package .price .age {
    color: #EA5404;
    font-size: 10px;
    padding-top: 2px;
}

.maps {
    margin-top: 20px;
    text-align: center;
}

.maps img {
    max-width: 100%;
}

img.map-national-view,
img.map-regional-view {
    margin-bottom: 8px;
}

.terms-conditions {
    border: 1px solid #CACACA;
    font-family: "Lucida Grande", sans-serif;
    font-size: 12px;
}

.terms-conditions > .inner {
    display: none;
    padding: 12px;
}

.terms-conditions h3 {
    background: #CACACA;
    color: #192D76;
    margin: 0;
    padding: 12px;
    font-size: 18px;
}

.terms-conditions h3 > a:link { color: #192D76; }
.terms-conditions h3 > a:visited { color: #192D76; }
.terms-conditions h3 > a:hover{ color: #192D76; text-decoration: none; }
.terms-conditions h3 > a:active { color: #192D76; }
.terms-conditions h3 > a:focus{ color: #192D76; text-decoration: none; }


.terms-conditions h3 > a { 
    background: url("/wp-content/themes/jtb-singapore/images/blue-plus.png") no-repeat scroll 0% 0% transparent;
    background-size: 24px;
    padding-left: 24px; 
}

.terms-conditions h3 > a.read-less { 
    background: url("/wp-content/themes/jtb-singapore/images/blue-minus.png") no-repeat scroll 0% 0% transparent;
    background-size: 24px;
    padding-left: 24px; 
}

span.plus-minus {   
    width: 20px;
    display: inline-block;
    background: none repeat scroll 0% 0% rgb(25, 45, 118);
    height: 20px;
    border-radius: 15px;
    margin-right: 12px;
    color: rgb(255, 255, 255);
}

i.fa.fa-plus-circle {
    margin-right: 12px;
}


.terms-conditions h4,
.terms_and_conditions h4 {
    background: #9AC527;
    color: #ffffff;
    margin: 0 0 12px;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.terms-conditions ul li::before {
    color: green;
}


/* Japan Rail Pass */

.japan.rail-pass h3 {
    color: #E60012;
}

/*.japan.rail-pass .price-card-package {
    width: 30%;
}*/

a.more-info {
    font-family: "Arial",sans-serif;
    font-weight: bold;
    border: 4px solid #008CD6;
    border-radius: 4px;
    padding: 8px 12px;
    margin-top: 12px;
    display: inline-block;
}

a.more-info:link { text-decoration: none; }
a.more-info:visited { text-decoration: none; }
a.more-info:hover { color: #ffffff; background: #008CD6; text-decoration: none; }
a.more-info:active { text-decoration: none; }

span.red {
    color: #E60012;
}

.japan.rail-pass .regional-rail-pass {
    background: red;
}

.regional-rail-pass h4 {
    color: #ffffff;
    padding: 8px 12px;
    text-align: center;
}

.regional-rail-pass h4 a:link { color:#ffffff; }
.regional-rail-pass h4 a:visited { color:#ffffff; }
.regional-rail-pass h4 a:hover { color:#ffffff; text-decoration: underline; }
.regional-rail-pass h4 a:active { color:#ffffff; }

.more-info i.fa.fa-train {
    color: #E60012;
}

i.fa.fa-train {
    display: inline-block;
    margin-right: 4px;
}

.regional-rail-pass {
    background: #EAEAEA;
    display: table;
    padding: 12px;
    width: 100%;
}

.regional-rail-pass .single {
    margin-bottom: 24px;
}

/*.regional-rail-pass .col-sm-4{
    padding: 0;
}*/


/* National Rail Pass */

.national.rail-pass h3 {
    color: #E60012;
}

.national.rail-pass .price-card-package {
    width: 30%;
}

.japan.rail-pass .price-card-package {
    width: 30%;
    vertical-align:top;
}

.national.rail-pass h2.rail-pass-name {
    color: #00009A;
}

.national.rail-pass.description {
    background: url("/wp-content/themes/jtb-singapore/images/mapall003.png") no-repeat scroll right top / 400px auto transparent;
    margin-bottom: 36px;
    /*min-height: 580px;*/
}

.national.rail-pass.description .upper-box {
    margin-bottom: 36px;
    width: 74%;
}

.national.rail-pass.description .lower-box {
    width: 54%;
}

.national.rail-pass.description h4 {
    margin: 18px 0 12px;
}

.national.rail-pass.description p,
.national.rail-pass.description li {
    font-size: 12px;
}


/****************************************/
/*** Tickets                          ***/
/****************************************/

.tickets .major-attractions .ribon-red-desktop { 
    margin-bottom: 0;
}

.tickets .major-attractions .thumbnail { 
    padding: 0;
}

.tickets .major-attractions .thumbnail { 
    background: #ffffff;
}

.tickets .major-attractions .thumbnail div.main-image { 
    margin-bottom: 24px;
}

.tickets .major-attractions .thumbnail img.logo { 
    padding: 0;
}

.tickets .major-attractions .thumbnail a > img {
    padding: 0px;
}

/* Tickets - Second Level */

.tickets-second h3 {
    font-family: "Signika",sans-serif;
    color: #E60012;
    font-size: 22px;
}

.ticket-product h4 {
    font-size: 12px;
    font-family: "Arimo",sans-serif;
    font-weight: bold;
    color: #727172;
    margin: 0px;
}

.ticket-product .thumbnail {
    padding: 0px;
}

.ticket-product .thumbnail a > img {
    padding: 12px;
}


/* Tickets - Third Level */

.tickets-third .banner {
    margin: 12px 0 24px;
}

.tickets-third .banner img {
    width: 100%;
}

.tickets-third .banner .ribon-red-desktop {
    margin-bottom: 0;
}

#product_content {
    background: #ffffff;
}

.tickets-third .top-section {
    margin: 12px 0 24px;
}

.tickets-third .top-section .left img {
    width: 100%;
}

.ticket-information {
    /* background: url('http://jtb-singapore.megatron.co.nz/wp-content/themes/jtb-singapore/images/ajax-loader.gif') center center no-repeat; */
    height: 252px;
}

#productavailabilitysection,
#searchSection {
    text-align: center;
    background: #2A86C5;
    margin-bottom: 12px;
}


.tpproduct-tickets label {
    font-weight:normal;
    margin-left:16px;
}

.tpproduct-tickets .searchControls {
    height:38px;
}

.productWrapper {
    position:relative;
}

.overlay {
    position:absolute;
    width:100%;
    height:100%;
    background-color:gray;
    opacity:0.6;
    top:0;
    left:0;
}


#productavailabilitysection .tpproduct-transfers::before{
/*#productavailabilitysection .tpproduct-tickets::before {*/
    content: "Change details";
    width: 100%;
    color: #fff;
    display: block;
    background: #2A86C5;
    text-align: left;
    padding: 6px 0;
    margin-bottom: 12px;
}

.searchTitle {
    width: 100%;
    color: #fff;
    display: block;
    background: #2A86C5;
    text-align: left;
    padding: 6px 0;
    margin-bottom: 12px;
}

#productavailabilitysection .tpproduct-transfers,
.tpproduct-tickets {
    background: none repeat scroll 0% 0% #FBDAC8;
    margin-bottom: 12px;
    width: 98%;
    display: inline-block;
    text-align: left;
}

#productavailabilitysection .basicSearchSection,
#productavailabilitysection .quantityPanel,
#productavailabilitysection .refreshActions,
#productavailabilitysection .adultsSection,
#productavailabilitysection .childrenSection,
#productavailabilitysection .fromDateSection {
    display: inline-block;
    /* padding-bottom: 8px; */
    width: auto;
}

#productavailabilitysection .fromDateLabel {
    margin-left: 16px;
}

#productavailabilitysection .adultsSection, 
#productavailabilitysection .childrenSection {
    margin-right: 16px;
}

.refreshActions {
    float: right;
}

#productavailabilitysection .fromDateSection {
    margin-right: 24px;
}

img.fromDateIcon {
    display: none;
}

input.fromDate::after {
    height: 10px;
    width: 10px;
    background:  url('/wp-content/themes/jtb-singapore/images/calendar.png');
}

.ticket-information .scuSection{
    display: none;
}


.ticket-information .adultsSection::before {
    content: 'Adults';
    margin-right: 4px;
}

.ticket-information .childrenSection::before {
    content: 'Children';
    margin-right: 4px;
}

.ticket-information .availabilityDate,
.ticket-information .availability,
.ticket-information .productComment,
.ticket-information .productConfig,
.ticket-information .productImage {
    display: none;
}


.ticket-information button.refresh {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    border: 0px none;
    background: none repeat scroll 0% 0% #1D9949;
    color: #FFF;
    border-radius: 4px;
    text-transform: uppercase;
    float: right;
    font-size: 12px;
    margin: 2px 16px 0px 0px;
}

.productDetailHeader .productName {
    color: #4484D1;
    display: inline-block;
    background: none repeat scroll 0% 0% #BAD3EF;
    width: 48%;
    text-align: center;
    padding: 22px 0;
    font-weight: bold;
    vertical-align: top;
}

.ticket-information .adultRateSection,
.ticket-information .childRateSection {
    display: inline-block;
    text-align: center;
    width: 21%;
    margin-right: 2px;
    vertical-align: top;
    background: none repeat scroll 0% 0% #EFF0EF;
    height: 100px;
}

.ticket-information .adultRateLabel {
    background: none repeat scroll 0% 0% #008ED3;
    color: #FFF;
    padding: 2px 12px;
    display: block;
    margin-bottom: 4px;
}

.ticket-information .adultRate {
    background: #eff0ef;
    color: #000; 
    padding: 8px;
    display: block;
}

.ticket-information .childRateLabel {
    background: none repeat scroll 0% 0% #008ED3;
    color: #FFF;
    padding: 2px 12px;
    display: block;
    margin-bottom: 4px;
}

.ticket-information .childRate {
    background: none repeat scroll 0% 0% #EFF0EF;
    color: #000;
    padding: 8px 12px;
    display: block;
} 

.ticket-information div.adultSection,
.ticket-information div.childSection,
.ticket-information div.priceSection {

    width:14%;
    display:inline-block;
}

.ticket-information span.adultsLabel,
.ticket-information span.childrenLabel,
.ticket-information span.priceLabel {
    display: inline-block;
    background: #008ED3;
    color: #fff;
    padding: 8px 12px;
    text-align:center;
    width: 100%;
}

.ticket-information span.qtyAdults,
.ticket-information span.qtyChildren,
.ticket-information span.totalPrice {
    height: 28px;
    line-height:28px;
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #EFF0EF;
}


.ticket-information button.book {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 64px;
    border: 0px none;
    background: #1d9949;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}


.tickets-third h3 {
    font-family: "Signika",sans-serif;
    color: #E60012;
    font-size: 22px;
}

.tickets-third .main-central-image {
    margin-bottom: 24px;
}

.tickets-third .main-central-image .ribon-red-desktop {
    margin-bottom: 0;
}

.tickets-third .main-central-image img {
    width: 100%;
}

.tourplan_plugin_section.Tickets .priceElement {
    color:#CC0000;
}

.tourplan_plugin_section.Tickets .ticketControlFlex {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.tourplan_plugin_section.Tickets .controlTitle,
.tourplan_plugin_section.Tickets .priceElement {
    /*width:55px;*/
    text-align:center;
}

/* calendar dropdown */

.dateBoxPopup{z-index:999999;}
.gwt-DatePicker, .datePickerDays, .datePickerMonthSelector {background-color: #F7F7F7;border: 1px solid #999999;margin: 0;width: 170px;}
.datePickerDays {border: medium none;}
.gwt-DatePicker tr td, .datePickerDays tr td {border: medium none;padding: 0 2px;}
.gwt-DatePicker tr:first-child td {padding: 2px;}
.datePickerMonthSelector {background-color: #999999;}
.datePickerMonth, .html-face {color: #F7F7F7;font-size: 14px;font-weight: bold;text-align: center;}
.html-face:hover {cursor: pointer;}
.datePickerWeekdayLabel {color: #333333; font-weight: bold;text-align: center;}
.datePickerWeekendLabel {color: red;font-style: italic;font-weight: bold;text-align: center;}
.datePickerDayIsWeekend {font-style: italic;}
.datePickerDay {text-align: center;}
.datePickerDay {color: #133153;}
.datePickerDayIsFiller {background-color: #F7F7F7;font-style: italic;}
.datePickerDayIsToday {color: #133153;font-weight: bold;}
.datePickerDayIsValue {background-color: #99CC00;color: #FFFFFF;font-weight: bold;}
.datePickerDay:hover {cursor: pointer;}
.datePickerDayIsDisabled {color:#aaaaaa;}


/****************************************/
/***        Airport Transfer          ***/
/****************************************/

.tickets-third.airport .banner {
    margin: 12px 0 0;
}


/****************************************/
/***        Ryokans & Hotels          ***/
/****************************************/

.ryokan-hotel.landing section.search h3 {
    background: #A0A0A0;
    text-align: center;
    padding: 12px 0px;
    margin-bottom: 0px;
    border-top: 4px solid #E00011;
    margin-top: 0;
    color: #fff;
    font-size: 18px;
}

.ryokan-hotel.search {
    width: 920px;
    margin: 0 auto
}

.ryokan-hotel.search #searchparamssection {
    border-radius: 5px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.ryokan-hotel.search #searchresultssection {
    background: url("http://jtb.metadev.nz/wp-content/themes/jtb-singapore/images/loading.gif") no-repeat center 50px;
    min-height: 200px;
}

/* Hides loading.gif when search result comes up empty */
.ryokan-hotel.search .gwt-Label {
    margin-top: 24px;
    background: white;
    height: 200px;
}

#searchparamssection a.header[style] {
    display: none !important;
}

.searchPanel {
    font-size: 12px;
}

.ryokan-hotel.search .searchPanel {
    font-size: 14px;
    border: 1px solid #A0A0A0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#searchparamssection table td {
    padding: 4px;
}

table.searchParams {
/*     border: 1px solid #a0a0a0; */
    width: 100%;
/*     height: 260px; */
}

.ryokan-hotel.landing section.search {
    height: 320px;
    border: 1px solid #eee;
    /*margin-top: 17px;*/
    margin-top:0;
    background: url('http://jtb.metadev.nz/wp-content/themes/jtb-singapore/images/loading.gif') no-repeat  #EEE;
    background-position: center;
}


.destinationsSection {
    position: absolute;
    top: 83px;
}

.localitiesSection {
    position: absolute;
    top: 115px;
    width: 198px;
}

.dateSection {
    position: absolute;
    top: 149px;  
}

.quicksearch .quantityPanel {
    position: absolute;
    top: 244px; 
    width: 194px;
}

.fromDateSection,
.toDateSection,
.dateSection,
.scuSection,
.destinationsSection,
.localitiesSection,
.quantityPanel {
    display: block;
    margin-bottom: 14px;
    width: 194px;
}

.ryokan-hotel.landing .fromDateSection,
.ryokan-hotel.landing .toDateSection,
.ryokan-hotel.landing .dateSection,
.ryokan-hotel.landing .scuSection,
.ryokan-hotel.landing .destinationsSection,
.ryokan-hotel.landing .localitiesSection,
.ryokan-hotel.landing .quantityPanel {
    display: block;
    margin-bottom: 14px;
    width: 194px;
    background: #EEEEEE;
}

.ryokan-hotel.landing .localitiesSection {
    padding-bottom: 12px;
    margin-bottom: 0;
}

.destinationsLabel {
    display: inline-block;
    width: 44px;
    margin-top:3px;
}

.localitiesLabel {
    display: inline-block;
    margin-top:3px;
}

.serviceButtonsSection {
    display: none;
}


img.toDateIcon {
    display: none;
}


#searchparamssection input,
#searchparamssection select,
select.qty {
    width: 200px;
    float: right;
    text-align: left;
    border-radius: 0;
    border: 1px solid grey;
    padding: 4px;
    height: 22px;
    width: 41px;
}

.ryokan-hotel.search #searchparamssection input,
.ryokan-hotel.search #searchparamssection select,
.ryokan-hotel.search select.qty {
    width: 180px;
    margin-left: 8px;
    padding: 0 4px;
}

.ryokan-hotel.product select.qty {
    border-radius: 0px;
    border: 1px solid #808080;
    height: 22px;
    width: 41px;
    padding: 0;
    margin-top: 2px;
}

select.destinations {
    width: 120px;
}

.ryokan-hotel.landing #searchparamssection select.qty,
.ryokan-hotel.landing #searchparamssection .scuSection select, 
.ryokan-hotel.landing #searchparamssection select.localities,
.ryokan-hotel.landing #searchparamssection .destinationsSection select.destinations {
    padding: 0 4px;
}

.ryokan-hotel.landing #searchparamssection .dateSection input {
    padding: 4px 8px;
}


.searchAction {
    text-align: center;
}

button.search {
    background: none repeat scroll 0% 0% #EA5404;
    color: #FFF;
    display: block;
    border: 0px none;
    padding: 9px 34px;
    position: absolute;
    top: 281px;
    left: 69px;
}

button.refine {
    display: none;
}


.featured .thumbnail {
    background: #FAFAD2;
}

.featured .title a h4 {
    color: #727172;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 9px;
    text-transform: uppercase;
    font-weight: bold;
}

.featured .title a:link { color: #727172; }
.featured .title a:visited { color: #727172; }
.featured .title a:hover { color: #727172; }
.featured .title a:active { color: #727172; }

.featured .thumbnail .caption {
    color: #E50112;
    text-align: center;
    font-weight: bold;
}

.ryokan-hotel h3 {
    font-family: "Signika",sans-serif;
    color: #E60012;
    font-size: 22px;
}

.popular-destinations {
    background: #FFE4E1;
    padding: 8px 18px;
}

.popular-destinations .col-sm-6 {
    background: #FFE4E1;
    padding: 0 12px;
}

.popular-destinations h4 {
    margin: 0;
    padding: 4px 0;
    font-size: 20px;
    color: #E50112;
}

.popular-destinations img {
    margin: 14px 0;
}

.ryokan-hotel.search a.supplierName {
    font-size: 21px;
    color: #132996;
    margin: 0px 0px 8px;
    line-height: 20px;
    font-weight: 700;
    font-family: "Signika", sans-serif;
    display: inline-block;
}

.ryokan-hotel.search .productDetails {
    height: 180px;
    margin: 12px 0;
    border: 1px solid grey;
}

.ryokan-hotel.search .productImageSection {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    height: 178px;
    overflow: hidden;
}

.ryokan-hotel.search .productImageSection img {
    width: 100%;
}

.ryokan-hotel.search .productImageSection img::before {
    content: "<a href="#">";
}

.ryokan-hotel.search .productImageSection img::before {
    content: "</a>";
}

.ryokan-hotel.search .productDetailsSection {
    display: inline-block;
    width: 600px;
    height: 172px;
    padding: 10px;
    background: #fff;
}

.ryokan-hotel.search .className.className1ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star1.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className2ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star2.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className2HS {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star2h.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className3ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star3.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className3HS {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star3h.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className4ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star4.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className4HS {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star4h.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className5ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star5.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className5HS {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star5h.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className6ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star6.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .className.className7ST {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/wp-content/themes/jtb-singapore/images/star7.png") no-repeat scroll right 6px;
    width: 100px;
    display: inline-block;
    float: right;
}

.ryokan-hotel.search .infoNotes {
    width: 380px;
}

.ryokan-hotel.search .infoNoteTST p::before {
    width: 30px;
    height: 30px;
    background: url("/wp-content/themes/jtb-singapore/images/car-logo.png") no-repeat top left;
    content: ' ';
    display: inline-block;
    float: left;
}

.ryokan-hotel.search .infoNoteTST p {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 4px;
}

.ryokan-hotel.search .infoNoteSDS {
    font-size: 11px;
}

.ryokan-hotel.search .infoNoteSDS p {
    height: 62px;
    overflow: hidden;
}

.ryokan-hotel.search span.price {
    font-size: 40px;
    color: #000;
    margin: 0;
    line-height: 40px;
    text-align: right;
    display: inline-block;
    position: relative;
    bottom: 90px;
    float: right;
}

.ryokan-hotel.search span.price span {
    font-size: 16px;
    color: #9D9D9D;
    margin: 8px 0;
    line-height: 10px;
    text-align: right;
    font-weight: 700;
    display: block;
}


/*  */

.ryokan-hotel.search table.searchParams {
    height: 166px;
}

.ryokan-hotel.search .destinationsSection {
    position: absolute;
    top: 20px;
    width: 280px;
    padding: 0 10px;
    text-align: right;
}

.ryokan-hotel.search .localitiesSection {
    position: absolute;
    top: 20px;
    left: 320px;
    width: 280px;
    padding: 0 10px;
    text-align: right;
}

.ryokan-hotel.search .quantityPanel {
    position: absolute;
    top: 20px;
    left: 603px;
    width: 280px;
    padding: 0 10px;
    text-align: right;
}

span.qtyLabel {
    margin-top:3px;
    margin-right: 4px;
    display: inline-block
}

.ryokan-hotel.search .dateSection {
    position: absolute;
    top: 60px;
    width: 660px;
}

.ryokan-hotel.search .fromDateSection {
    display: inline-block;
    width: 280px;
    padding: 0 10px;
    text-align: right;
}

.ryokan-hotel.search span.fromDateLabel {
    margin-top: 3px;
    display: inline-block;
}

.ryokan-hotel.search span.toDateLabel {
    margin-top: 3px;
    display: inline-block;
}

.ryokan-hotel.search span.scuLabel {
    margin-top: 3px;
    display: inline-block;
}


.ryokan-hotel.search .toDateSection {
    position: absolute;
    display: inline-block;
    width: 280px;
    padding: 0 10px;;
    top: 0;
    left: 296px;
    text-align: right;
}



.ryokan-hotel.search .scuSection {
    position: absolute;
    top: 0px;
    left: 579px;
    width: 280px;
    padding: 0 10px;
    text-align: right;
}

.ryokan-hotel.search button.search {
    top: 106px;
    left: 247px;
    width: 460px;
    background: #00A1E9;
    font-weight: bold;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ryokan-hotel.search .sortSection {
    display: block;
    padding: 16px 24px 6px;
    text-align: center;
    font-weight: bold;
}

.ryokan-hotel.search select.sort {
    border-radius: 0px;
    border: 1px solid #808080;
}


/* Ryokan & Hotel - product */

.ryokan-hotel.product h1.hotelName {
    margin-top: 0;
    padding-top: 0;
}

.ryokan-hotel.product .supAddress .address {
    margin-right: 4px;
}

.ryokan-hotel.product .supAddress .address:nth-child(1)::after {
   /* content: ',';*/
}

.ryokan-hotel.product .supAddress .address:nth-child(3) {
    display: block;
}

.ryokan-hotel.product #suppliersection {
    width: 62%;
    display: inline-block;
    vertical-align: top;
    min-height: 250px;
}

.ryokan-hotel.product #gallerysection {
    width: 32%;
    display: inline-block;
    vertical-align: top; 
}

.ryokan-hotel.product .pika-stage {
    height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    display: block;
    position: relative;
    float: right;
}

.ryokan-hotel.product .pika-stage > img[style] {
    height: 100% !important;
    float: right;
    margin-right: 1px;
    left: inherit !important;
}

/* Image Gallery */
#galleryImages li img {display:none;}
#gallerysection {min-height:260px;width:305px;float:right;position: relative !important;margin-left:15px;}
#gallerysection ul#galleryImages, #gallerysection ul#galleryImages li {list-style: none outside none;}
#gallerysection ul#galleryImages li {margin: 2px;}
.jcarousel-skin-pika {right: 0;}

.pika-image {background-color: #FFFFFF;height: 205px;float:right;padding: 0;width: 305px;}
.pika-image .animation, .pika-image .main-image {left: 0;overflow: hidden;position: absolute;top: 0;width: 300px;}
.pika-image .animation {display: none;z-index: 2;}
.pika-image img {border: 1px solid #CCCCCC;height: 200px;width: 300px;padding:1px;background:#FFFFFF;}
.pika-textnav a {color: #333333;font-size: 12px;padding: 4px;text-decoration: none;}
.pika-textnav a:hover {background: none repeat scroll 0 0 #E5E5E5;color: #0065B2;}
.pika-textnav a.previous {cursor: pointer;display: block;float: left;width: auto;}
.pika-textnav a.next {cursor: pointer;display: block;float: right;width: auto;}
#gallerysection .pika-thumbs { clear:both; display:block; margin:0; overflow: hidden; padding: 0; width: 100%; }
#gallerysection .pika-thumbs li {background: none repeat scroll 0 0 #FAFAFA;/*border: 1px solid #E5E5E5;*/cursor: pointer;float: right;list-style-type: none;margin: 5px;padding: 1px; width: 50px;}
#gallerysection .pika-thumbs li .clip {height: 50px;overflow: hidden;position: relative;text-align: center;width: 50px;}
#gallerysection .pika-thumbs li .clip img {height: 50px;width: 50px;}
.jcarousel-skin-pika .jcarousel-container-horizontal {padding: 5px;}
.jcarousel-skin-pika .jcarousel-container-vertical {height: 200px;padding: 5px;width: 150px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 200px;width: 150px;}
.jcarousel-skin-pika .jcarousel-clip-vertical {height: 300px;width: 70px;}
.jcarousel-skin-pika .jcarousel-item-horizontal {margin-right: 5px;}
.jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 5px;}
.jcarousel-skin-pika .jcarousel-item-placeholder {background: none repeat scroll 0 0 #FFFFFF;color: #000000;}

.ryokan-hotel.product ul#galleryImages {
    list-style: none;
}

.ryokan-hotel.product #galleryImages li {
    display: inline-block;
    margin: 5px;
}

.ryokan-hotel.product #galleryImages .clip {
    height: 40px;
    width: 50px;
}

.ryokan-hotel.product .viewMap {
    float: right;
    position: relative;
    top: -20px;
}

.ryokan-hotel.product .pika-textnav {
    display: none;
}

.ryokan-hotel.product .pika-imgnav {
    height: 0;
    color: #fff;
}


/* Select Your Room */

.ryokan-hotel.product .productsHeader {
    display: block;
    width: 100%;
    height: 30px;
    font-weight: bold;
}

.ryokan-hotel.product .detailsTitle {
    font-size: 1.2em;
    line-height: 1.25em;
    margin: 0px 0px 10px;
    color: #000;
    text-align: left;
    font-weight: bold;
    padding: 4px 8px 0px;
    text-transform: uppercase;
}

.ryokan-hotel.product select.scu {
    border-radius: 0px;
    border: 1px solid #808080;
}

.ryokan-hotel.product img.productImage {
    display: none;
}

.ryokan-hotel.product .productsHeading {
    display: inline-block;
    padding-left: 14px;
}

.ryokan-hotel.product .productsHeading.roomdescription {
    width: 560px;
}

.ryokan-hotel.product #products_section {
    min-height: 400px !important;
}

.ryokan-hotel.product .productssection-accommodation {
    min-height: 200px !important;
}

.ryokan-hotel.product .productsHeading.status {
    width: 150px;
}

.ryokan-hotel.product .productsHeading.price {
    width: 100px;
}

.ryokan-hotel.product .productDetailHeader .productName {
    color: inherit;
    background: inherit;
    width: 200px;
    text-align: inherit;
    padding: inherit;
    font-weight: inherit;
    vertical-align: inherit;
    margin-right: 12px;
}

.ryokan-hotel.product .productDetail {
    border-bottom: 1px solid #CCC;
    margin-bottom: 18px;
    padding: 0 15px;
}

.ryokan-hotel.product .productDetail:last-child {
    border-bottom: 1px solid #fff;
}

.ryokan-hotel.product .productDetail .productDetailHeader {
    margin-bottom: 6px;
}

.ryokan-hotel.product .productDetailHeader .productConfig {
    width: 334px;
    margin-right: 12px;
    display: inline-block;
}


.ryokan-hotel.product .productDetailHeader .availabilityDate {
    display: none;
}

.ryokan-hotel.product .productDetailHeader .availability {
    display: inline-block;
    width: 150px;
    text-align: left;
}



.ryokan-hotel.product .product_content_section_hightlight_gray .tpproduct-accommodation {
    height: 30px;
}

.ryokan-hotel.product .product_content_section_hightlight_gray #productavailabilitysection {
    margin: 0px 0px 24px;
    border: 1px solid #CCC;
    padding: 5px 5px 10px;
    background: url('http://jtb.metadev.nz/wp-content/themes/jtb-singapore/images/loading.gif') no-repeat  #EEE;
    background-position: 20px 44px;
    height: 85px;
    background-size: 30px;
}

.ryokan-hotel.product .fromDateSection {
    float: left;
}

.ryokan-hotel.product #productavailabilitysection .tpproduct-accommodation .basicSearchSection {
    width: 380px;
    float: left;
    background: #eee;
}

.ryokan-hotel.product #productavailabilitysection .tpproduct-accommodation .basicSearchSection .scuSection {
    width: auto;
    margin-bottom: 0;
    padding: 2px 0;
}

.ryokan-hotel.product #productavailabilitysection .tpproduct-accommodation .basicSearchSection .fromDateSection {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.ryokan-hotel.product #productavailabilitysection .fromDateLabel {
    margin-left: 8px;
}

.ryokan-hotel.product #productavailabilitysection .fromDateSection {
    margin-right: 0;
}

.ryokan-hotel.product #productavailabilitysection .quantityPanel {
    float: left;
}


.ryokan-hotel.product button.refresh {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    border: 0px none;
    background: #1D9949 none repeat scroll 0% 0%;
    color: #FFF;
    border-radius: 4px;
    text-transform: uppercase;
    float: right;
    font-size: 12px;
    margin: 2px 19px 0px 0px;
    width: 70px;
}

.ryokan-hotel.product .moreDetailSection {
    margin-bottom: 24px;
}

.ryokan-hotel.product .productDetailHeader button.book {
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    border: 0px none;
    background: #1D9949 none repeat scroll 0% 0%;
    color: #FFF;
    border-radius: 4px;
    text-transform: uppercase;
    float: right;
    font-size: 12px;
    margin: 0 10px 0px 0px;
    width: 70px;
}

.ryokan-hotel.product .extcancellation {
    display: none;
}

.ryokan-hotel.product .extrateplandescrSection,
.ryokan-hotel.product .extoptiondescrSection, 
.ryokan-hotel.product .extdetail.mealSection.extdetaildescr {
    /*margin-bottom: 12px;*/
}

.ryokan-hotel.product .externalDetails {
    padding: 12px 0 0 0;
}

.ryokan-hotel.product .gwt-Label.occupancy,
.ryokan-hotel.product .gwt-Label.extdetaillabel.occupancyLabel,
.ryokan-hotel.product .gwt-Label.meal,
.ryokan-hotel.product .gwt-Label.extdetaillabel.mealLabel,
.ryokan-hotel.product .gwt-Label.extoptiondescr,
.ryokan-hotel.product .gwt-Label.extdetaillabel.extoptiondescrLabel {
    display: inline-block;
}

.ryokan-hotel.product .gwt-Label.extdetaillabel.occupancyLabel,
.ryokan-hotel.product .gwt-Label.extdetaillabel.mealLabel,
.ryokan-hotel.product .gwt-Label.extdetaillabel.extoptiondescrLabel {
    margin-right: 8px;
    font-weight: bold;
}

.ryokan-hotel.product #hoteldescriptionsection {
    border-right: 1px solid #CCC;
    min-height: 200px;
}

.ryokan-hotel.product #hotelamenitiessection {
/*    width: 30%;
    display: inline-block;
    vertical-align: top;*/
}

.ryokan-hotel.product .hotelmap {
    width: 100%;
    text-align: center;  
    border-top: 1px solid #CCC;
    margin-top: 24px;
    padding: 24px 0;
}

.ryokan-hotel.product #mapsection {
    width: 625px;
    height: 300px;
    border: 1px solid #CCC;
    padding: 1px;
    background: #FFF none repeat scroll 0% 0%;
    display: inline-block;
}


/****************************************/
/***            Itinerary             ***/
/****************************************/

.itinerary select.qty {
    width: auto;
    float: none;
    border-radius: inherit;
    border: 1px solid #808080;
    padding: 0;
}

.itinerary .quantityPanel .roomConfig {
    margin-bottom: 8px;
}

.itinerary .updateSection input,
.itinerary .updateSection select {
    height: 22px;
    text-align: left;
    border-radius: 0px;
    border: 1px solid #808080;
}

.itinerary #tpcartsection {
    background: transparent url("http://jtb.metadev.nz/wp-content/themes/jtb-singapore/images/loading.gif") no-repeat scroll center center;
    background-size: 30px;
    display: block;
    height: 50px;
}

.itinerary #cartHeader {
    background: #fff;
}

.required.has-error.tp-checkbox label {
    background-color: #FFCCCC;
}

.required.tp-checkbox label::before {
    content: '*';
    color: red;
}

/****************************************/
/***                404               ***/
/****************************************/

#four0four {
    min-height: 200px;
}




/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  
  
  
}

/************************/
/*** TOURPLAN STYLING ***/
/************************/

.cartGroup .cartGroupHeader {
    display:none;
}
#cartHeader {
    padding:10px 0;
    text-align:right;
    border-bottom:1px solid #CCCCCC;
    margin-bottom:10px;
}
#cartHeader .cartMessage {
    text-align:left;
    font-weight:bold;
}
#cartHeader .clearCart {
    display:inline-block;
    cursor:pointer;
    background-color: #E00011;
    background-repeat:repeat-x;
    border: 1px solid #B3000E;
    padding:0 10px;
    color:#FFFFFF;
    text-decoration:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display:inline-block;
    background-position:0 -28px;
    height:26px;
    font-size:110%;
}
.cartItem {
    padding:5px 10px;
    margin-bottom:15px;
    position:relative;
    border:1px solid #DDDDDD;
    background:#F7F7F7;
}
.cartItem h2 {
    margin-bottom:5px;
    line-height:1.7em;
}
.cartItem h2 span {
    font-weight:normal;
    font-size:70%;
    margin:3px 0 0 5px;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}

.cartFooter {
    text-align:right; 
}

.cartFooter .cartTotal {
    float:right;
    font-weight:bold;
}
.cartFooter .cartTotalLabel {
    padding-right:10px;
}
.cartFooter button.checkout {
    clear:both;
    display:block;
    background-color: #E00011;
    border: 1px solid #B3000E;
    padding:0 10px;
    color:#FFFFFF;
    text-decoration:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-position:0 -28px;
    height:26px;
    font-size:110%;
    margin-top:5px;
    float:right;
}
.paxConfigSection {
    margin-top:-15px;
} /* Modified by Takeshi 16/10/2012 */


/* Hotel Data */
.cartItem.accommodation .updateSection .qtySection {
    display:inline-block;
}
.cartItem .headings, 
.cartItem .data {
    padding:3px 5px;
}
.cartItem .headings {
    background:#EEEEEE;
    border-bottom:1px solid #FFFFFF;  
    position: relative;
    overflow: hidden;
    height: 30px;
}
.cartItem .headings .dateOutLabel {
    position: absolute; 
    top: 20px; 
    left:5px;
}
.cartItem .headings .dateOutLabel {
    display:none;
}
.cartItem .headings .supplierNameLabel {
    display: none;
}
.cartItem .headings .productNameLabel {
    position: absolute; 
    left: 125px;
}
.cartItem .headings .adultCountLabel {
    position: absolute; 
    left: 590px;
}
.cartItem .headings .childCountLabel {
    position: absolute; 
    left: 705px;
}
.cartItem .headings .cartItemTotalLabel {
    position: absolute; 
    right: 5px;
}


.cartItem .data {
    background:#F7F7F7; height: 50px; position: relative;
}
.cartItem .data .dateOut {
    position: absolute; 
    top: 25px; 
    left:5px;
}
.cartItem .data .supplierName {
    position: absolute; 
    left: 125px;
}
.cartItem .data .productName {
    position: absolute; 
    top: 25px; 
    left: 125px;
}
.cartItem .data .adultCount {
    position: absolute; 
    left: 590px;
}
.cartItem .data .childCount {
    position: absolute; 
    left: 705px;
}
.cartItem .data .cartItemTotal {
    position: absolute; 
    right: 5px;
}

.cartItem .headings div, 
.cartItem .data div {
    display:inline-block;
}
.cartItem .headings div {
    font-weight:bold;
}
.cartItem.accommodation .headings .dateInLabel, 
.cartItem.accommodation .data .dateIn, 
.cartItem .headings .dateOutLabel, 
.cartItem .data .dateOut {
    width:120px;
}
.cartItem .headings .productNameLabel, 
.cartItem .data .productName {
    width:235px;
}
.cartItem .headings .adultCountLabel, 
.cartItem .headings .childCountLabel, 
.cartItem .data .adultCount, 
.cartItem .data .childCount {
    width:100px;
}
.cartItem .headings .cartItemTotalLabel, 
.data .cartItemTotal {
    width:90px;
    text-align:right;
}
.cartItem.rail-pass .classNameLabel, 
.cartItem.rail-pass .data .className {
    display:inline-block;
    width:480px;
}


.updateSection, 
.preferencesSection {
    padding:5px 10px;
    margin: 5px 0 30px 0;
}
.remarksSection {
    background:#F7F7F7;
    padding:5px 10px;
    margin:0 0 5px;
}
.remarksSection .remarks {
    width:250px;
}
.updateSection h3, 
.remarksSection h3 {
    margin-bottom:5px;
    border-bottom:1px solid #DDDDDD;
}
.remarksSection small {
    vertical-align:top;
}
.updateSection .qtySection, 
.updateSection .roomsConfigSection {
    display:inline-block;
}
.updateSection .qtySection {
    width:150px;
vertical-align: top;
}
.updateSection .qtySection .qtyLabel {
    width:60px;
}
.roomNum {
    display:inline-block;
    clear:both;
    width:85px;
}
.updateSection .quantityPanel {
    padding-top:0;
    display:inline-block;
    width: 100%;
}
.roomTypeSection {
    display:inline-block;
    width:235px;
}
.updateSection .adultsSection {
    display:inline-block;
    width:142px;
}
.updateSection .childrenSection {
    display:inline-block;
    width:160px;
}
/*button.update, button.remove {
    cursor:pointer;
    background-color: #E00011;
    background-repeat:repeat-x;
    border: 1px solid #B3000E;
    padding:0 10px;
    color:#FFFFFF;
    text-decoration:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display:inline-block;
    margin-top:3px;
    background-position:0 -30px;
    line-height:170%;
}
button.update {
    position: absolute;
    bottom: 10px;
    right: 100px;
}
.cartItem.accommodation button.update {
    margin:0;
}
button.remove {
    position:absolute;
    right:10px;
    bottom: 10px;
    margin:0;
    z-index:1000;
}*/

/* Tickets and Tours */

.paxConfigSection{margin-top:-15px;}
.paxConfigSection .pax {
    position: relative;
    height:115px;
    margin: 0 0 10px;   
}
.cartItems .tours .supplierName {
    /*display: none;*/
}

.cartItem .headings .dateInLabel, 
.cartItem .data .dateIn {
    width:480px;
}
.cartItem .updateSection {}
.cartItem .updateSection h3, 
.cartItem .updateSection .qtySection {
    display:none;
}
.cartItem.accommodation .updateSection h3 {
    display:block;
}
.cartItem .updateSection .paxConfigSection .pax h3 {
    display:block;
    width: 100%;
    border-bottom:1px solid #DDDDDD;
}
.cartItem .titleSection { /***   Title   ***/
    width:140px;    
    position: absolute;
    top: 27px ;
    left: 30px;
}  
.cartItem .firstNameSection {  /***   First Name   ***/
    width:230px;
    position: absolute;
    top: 27px ;
    left: 175px;
}
.cartItem .middleNameSection {  /***  Middle Name    ***/
    width:250px;
    position: absolute;
    top: 27px ;
    left: 408px;
}
.cartItem .lastNameSection {  /***   Last Name   ***/
    width:170px;
    position: absolute;
    top: 27px ;
    left: 662px;
}
.cartItem .nationalitySection {  /***   Nationality   ***/
    width:250px;
    
    position: absolute;
    top: 76px ;
    left: 408px;
}
.cartItem .dobSection {  /***  Date of Birth    ***/
    width:230px;
    position: absolute;
    top: 76px;
    left: 175px;
}
.cartItem .passportSection {  /***  Passport    ***/
    width:170px;
    position: absolute;
    top: 76px ;
    left: 662px;
}

.cartItem .titleLabel, 
.cartItem .firstNameLabel, 
.cartItem .middleNameLabel, 
.cartItem .lastNameLabel, 
.cartItem .nationalityLabel,
.cartItem .dobLabel, 
.cartItem .passportLabel {
    font-size:80%;
    line-height:1em;
    display:block;
    width:100px;
}
.cartItem .titleSection select {
    width:80px;
}
.cartItem .firstNameLabel, 
.cartItem .middleNameLabel, 
.cartItem .lastNameLabel, 
.cartItem .nationalityLabel, 
.cartItem .dobLabel,
.cartItem .passportLabel {
    width:190px;
}
.cartItem input.firstName, 
.cartItem input.middleName, 
.cartItem input.lastName, 
.cartItem input.passport {
    width:140px;
}
.cartItem select.nationality {
    width:145px;
}
.cartItem.tickets .updateSection {
    border-top:none;margin-top:0;
}
.cartItem.tickets .preferencesSection {
    border-bottom:none;
}
.cartItem.tickets .preferencesSection h3 {
    margin-bottom:10px;
    border-bottom:1px solid #DDDDDD;
}
.cartItem.tickets .preferencesSection .preference {
    width:345px;
    display:inline-block;
    margin-left:30px;
}
.cartItem.tickets .preferencesSection .preference img {
    vertical-align:bottom;
}
.cartItem.tickets .preferencesSection .preference .preference1Label, 
.cartItem.tickets .preferencesSection .preference .preference2Label {
    padding-right:10px;
}

/* Itinerary railway pass */
.cartItems .rail .supplierName 
{
    display: none;
}
.cartItems .rail .classNameLabel, .cartItems .rail .className 
{
    width: 480px;
}
.cartItems .rail .productName 
{
    position: absolute;
    top: 0px;
}
.cartItems .rail .productNameLabel, .cartItems .rail .productName 
{
    left: 5px;
    width: 480px;
}
/* Checkout Page - Personal Details */
#cardform {position:relative;top:-50px;border-bottom:1px solid #CCCCCC;marign-bottom:100px;padding-bottom:20px;}
#tpcartsection.checkout {position:relative;top:240px;}
#tpcustomersection {padding-bottom:5px;margin-bottom:5px;}
#tpcustomersection h3, #cardform h3, #tpcardform h3 {border-bottom:4px solid #E00011;}

#tpcustomersection .titleLabel, 
#tpcustomersection .firstNameLabel, 
#tpcustomersection .middleNameLabel, 
#tpcustomersection .lastNameLabel, 
#tpcustomersection #emailLabel, 
#tpcustomersection #confirmEmailLabel, 
#tpcustomersection #addressLabel,
#tpcustomersection #deliveryAddressLabel, 
#cardform .cardlabel {
    width:120px;
    display:inline-block;
}
#tpcartsection.checkout #cartHeader, 
#tpcartsection.checkout .cartGroups {
    display:none;
}
/*#tpcardform label {*/
    /*width:120px;*/
    /*font-weight:normal;*/
/*}*/
/*#tpcardform input {*/
    /*width:300px;*/
    /*margin-bottom:10px;*/
/*}*/
#CARDCVN {
    vertical-align:top;
    width:50px;
    margin:0;
}

#confirmcheckout {
    position:relative; 
    top:240px; 
    left:240px; 
    width:500px;
}


#tpcartsection {
    color:#313131;
    font-family: "Roboto", Arial, sans-serif;
    line-height:1.55em;
    font-size:0.9em;
}

#tpcartsection h3 {
    font-size:1.2em;
    line-height:1.25em;
    color:#000;
    font-family:"Roboto", Arial, sans-serif;
}


.updateSection input,
.updateSection select {
    height: 22px;
}

.itinerary input,
.checkout input,
#tpcreditcardsection input {
    text-transform:uppercase;
}

.checkout input#checkout_email,
.checkout input#checkout_email_confirm {
    text-transform:none;
}


input.invalid,
select.invalid {
    border:1px solid red !important;
}

.invalid > select,
.invalid > input {
    border:1px solid red !important;
}

.invalid > select,
.invalid > input {
    border:1px solid red !important;
}

.invalid input.preference1 {
   border:1px solid red !important; 
}

#tpcustomersection .firstNameLabel:after,
#tpcustomersection .lastNameLabel:after,
#tpcustomersection .phoneLabel:after,
#tpcustomersection .emailLabel:after,
#tpcustomersection .confirmEmailLabel:after,
#tpcustomersection .addressSection .addressSection span:after,
#tpcustomersection .departureDateSection span:after,
#tpcardform label:after {
    content:' *';
    color:red;  
}

.validationMessage p {
    color:red;
    font-size:12px;
}

.customer input {
    width:300px;
    margin-bottom:10px;
}

/*#tpcardform #copyButton {*/
    /*margin-left:120px;*/
/**/
    /*background-color:#E00011;*/
    /*border: 1px solid #B3000E;*/
    /*padding:0 10px;*/
    /*color:#FFFFFF;*/
    /*border-radius:3px;*/
    /*font-size:110%;*/
/*}*/


.customer select {
    margin-bottom:10px;
}

#tpcustomersection .departureDate {
    width:224px;
}

.departureDateDescription {
    font-size:12px;
}

#tpcustomersection .title,
#tpcustomersection .postCode {
    width:100px;
}

.customer .phoneSection  span.phoneLabel, 
.customer .emailSection  span.emailLabel,  
.customer .confirmEmailSection  span.confirmEmailLabel {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection {
    width: 520px;
}



.addressSection .addressSection span[stylename="address1Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address1 {
    width: 300px;
    margin: 0 0 10px;
}

.addressSection .addressSection span[stylename="address2Label"] {
    display:inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address2 {
    width: 300px;
    margin: 0 0 10px;
}

.addressSection .addressSection span[stylename="address3Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address3 {
    width: 300px;
    margin: 0 0 10px;
}

.addressSection .addressSection span[stylename="address4Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address4 {
    width: 300px;
    margin: 0 0 10px;
}


.addressSection .addressSection span[stylename="address5Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address5 {
    width: 300px;
    margin: 0 0 10px;
}

.addressSection .addressSection span[stylename="address6Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address6 {
    width: 300px;
    margin: 0 0 10px;
}

.addressSection .addressSection span[stylename="address7Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.address7 {
    width: 300px;
    margin: 0 0 10px;
}

.addressSection .addressSection span[stylename="postCodeLabel"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;

}

.addressSection .addressSection input.postCode {
    width: 60px;
    margin: 0 240px 10px 0;
}

.addressSection .addressSection span[stylename="countryLabel"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.addressSection .addressSection input.country {
    width: 200px;
    margin: 0 100px 10px 0;
}



#tpcustomersection .deliveryAddressSection .addressSection {
    width: 520px;
    padding-bottom: 0;
    padding-top: 10px;
}

.deliveryAddressSection .addressSection span[stylename="address1Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.deliveryAddressSection .addressSection input.address1 {
    width: 300px;
    margin: 0 0 10px;
}

.deliveryAddressSection .addressSection span[stylename="address2Label"] {
    display:inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.deliveryAddressSection .addressSection input.address2 {
    width: 300px;
    margin: 0 0 10px;
}



.deliveryAddressSection .addressSection span[stylename="address3Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.deliveryAddressSection .addressSection input.address3 {
    width: 300px;
    margin: 0 0 10px;
}

.deliveryAddressSection .addressSection span[stylename="address4Label"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.deliveryAddressSection .addressSection input.address4 {
    width: 300px;
    margin: 0 0 10px;
}



.deliveryAddressSection .addressSection span[stylename="postCodeLabel"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.deliveryAddressSection .addressSection input.postCode {
    width: 60px;
    margin: 0 240px 10px 0;
}



.deliveryAddressSection .addressSection span[stylename="countryLabel"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 10px;
    vertical-align:middle;
}

.deliveryAddressSection .addressSection input.country {
    width: 200px;
    margin: 0 100px 10px 0;
}

#departureDateSection {
    margin: 0 0 10px;
}

#departureDateSection span {
    display: inline-block;
    width: 120px;
}

#departureDateSection .departureDateDescription {
    font-style:italic;
    margin: 0px 0 0 120px;
    width: 380px;
    font-size:11px;
    line-height:12px;
}

#departureDateSection input.departureDate {
    margin: -25px 0 0;
}

#departureDateSection img {
    display: none;
}

#deliverySection span {
    display: block;
    width: 120px;
    float: left;
}

#content #tpcustomersection #deliverySection table {
    float: left;
    margin: 0 0 0 5px;
    width: 70%;
}

#deliverySection table tr td  {
    width: 100px;
}

#deliverySection table tr td input  {
    margin: -3px 6px 0 0;
    margin: 0px 6px 0 0\0/;/* IE hack  */
}



#deliverySection .deliveryDescription {
    clear:both;
    margin: 0 0 0 120px;
    font-style: italic;
    font-size: 11px;
}

div#cardnumber input,
div#cardname input {
    width: 180px;
    margin: 0 0 0 4px;
}

#tpcreditcardsection select#creditcard_expirymonth,
#tpcreditcardsection select#creditcard_expiryyear {
    width:5em;
    display:inline-block;
}


#geotrust{
    float: right;
    margin-top: 15px;
}

/* Quicksearch */
#searchparamssection.quicksearch select, 
#searchparamssection.quicksearch input, 
#searchparamssection.quicksearch select.qty {
	width:120px;
}


.loadmask-msg div {
    /*background: white url('http://agent.nx.jtbtravel.com.au/websiteimages/loading.gif') 50% 70% no-repeat; */
/*    line-height: 30px;*/
/*    height:90px;*/
    cursor:wait;
    height:76px;
    width:76px;
}

/* JZ-TPL 2015-06-17 */

div.secondary-menu {
    height:43px;
}

div.menu-secondary-menu-container {
    line-height:43px;
}

div.lang-switcher {
    display:none;
}

/* -------- Product Slider --------- */
/* Fade carousel */
#product-slider.carousel .item {-webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
#product-slider.carousel .active.left {left:0;opacity:0;z-index:2;}
#product-slider.carousel .next {left:0;opacity:1;z-index:1;}

#product-slider{
    margin-top:18px;
    border-top:4px solid #E00011;
}

#product-slider img{
    width:100%;
}

#product-slider .carousel-indicators{
    position:relative;
    margin:0 0 0 0;
    left:auto;
    bottom:auto;
    width:100%;
}

#product-slider .carousel-indicators li {
    text-indent:0;
    width:100%;
    height:auto;
    max-width:25%;
    border: 1px solid #AAAAAA;
    border-radius:0px;
    margin:10px 3px 0 3px;
    opacity:0.5;
}

#product-slider .carousel-indicators li.active {
    opacity:1;
    border: 2px solid #AAAAAA;
}

.tourIcon {
    width:40px;
}

.tourIconSmall {
    width:30px;
    margin:1px 0;
}

.tourSearchImage {
    width:100%;
}

.tourSearchNote {
    height:40px;
    overflow:hidden;
    position:relative;
}

.tourSearchNote:before {
    background:#FFF;
    bottom:0;
    right:0;
    position:absolute;
    content: '\2026';
}

.tourSearchNote:after {
    content: '';
    background:#FFF;
    position:absolute;
    height:40px;
    width:100%;
    z-index:1;
}

.tourDetailLabel {
    width:10rem;
}

#tourPricePanel {
    border-radius:10px;
    margin-left:0;
    margin-right:0;
    padding-top:1em;
    padding-bottom:1em;
    background:#19499D;
}

#tourPricePanel .newTourSearchDiv {
    text-align:right;
}

.tourPrices {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.tourPrices .form-group {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.tourPrices .col-xs-4 {
    padding-top:0;
    padding-bottom:0;
}

.tourPrices .age-label {
    padding-top:0;
}

#date-minus-1,
#date-minus-0,
#date-plus-1,
#date-plus-2 {
    border-left: 5px solid #19499D;
    background:white;
}
#date-plus-2 {
    border-right: 5px solid #19499D;
}

#tourPricePanelTitle {
    background: #19499D;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
    padding: 0.5em 1em;
    margin-left: 1em;
    margin-right: auto;
    display: inline-block;
    color:#FFF;
}

.tourDate {
    text-align:center;
    background:lightgray;
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.3em;
}

.tourBuyRow {
    text-align:center;
    background: #19499D;
}

.tourBuyButton {
    background: #EA5404;
    border: inherit;
    padding: 10px;
    font-weight: bold;
    color: white;
}

.tourBuyButton:disabled {
    opacity:0.5;
}

#tourSearchPanel label,
#tourSearchPanel select,
#tourSearchPanel button,
#tourSearchPanel input {
    font-size:12px;
    font-weight:normal;
}

.tourLink {
    margin-top:5px;
    background: #E00011;
    color: white;
    text-align:center;
}

.departRow,
.visitRow,
.durationRow {
    line-height:1;
}

.departRow div,
.visitRow div,
.durationRow div {
    font-size:12px;
}

/*.departRow label,*/
/*.visitRow label,
.durationRow label {
    display:inline-block;
    width:10em;
}*/

// .tour-result-image {
//     padding:0 0 0 15px;
// }

.tourResult-price-div {
    text-align:right;
}

.tourResult-price-div span {
    font-size:12px;
}

.tourResult-price {
    color: #E00011;
    font-weight:bold;
    font-size:1.3em;
}

.tourResult-row {
    margin-bottom:2em;
}

.tourResult-icon-div {
    height:65px;
}

.tourResult-visit-content {
    display:inline-block;
    height:2em;
    overflow:hidden;
    position:relative;
    width:100%;
}

.tourResult-visit-content:before {
    background:#FFF;
    bottom:0;
    right:0;
    position:absolute;
    content: '\2026';
}

.tourResult-visit-content:after {
    content: '';
    background:#FFF;
    position:absolute;
    height:2em;
    width:100%;
    z-index:1;
}



.tourResult-tour-title {
    height:2em;
}


#tourSearchPanel {
    background:#EEE;
}

#tourSearchPanel h3 {
    background: #A0A0A0;
    text-align:center;
    padding:12px 0;
    /*margin-top:18px;*/
    margin-top:0;
    margin-bottom:1em;
    border-top:4px solid #E00011;
    color:#FFF;
    font-size:18px;
}

#tourSearchPanel .input-column > select,
#tourSearchPanel .input-column .btn-group > button,
#tourSearchPanel .input-column > input {
    width:100%;
    height:2em;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 5px;
}

#tourSearchPanel .btn-group {
    width:100%;
}

#tourSearchPanel .row {
    padding: 2px 5px;
}

#tourSearchPanel .searchButtonRow {
    text-align:center;
}

#tourSearchPanel .searchButtonRow input {
    background: #EA5404;
    color:#FFF;
    border:0px none;
    padding:9px 34px;
    margin-top:1em;
    margin-bottom:1em;
}

#visitsSelect + .btn-group .dropdown-menu {
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
}

.multiselect {
    text-align:left;
}

.multiselect span {
    display:inline-block;
    width:90%;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:bottom;
}

.multiselect b.caret {
    position:absolute;
    right:5px;
    top:40%;
}

.tourProduct-refreshDateGroup {
    color:#FFF;
}

.tourProduct-priceDiv {
    text-align: right;
    margin-top:18px;
}

.tourProduct-price {
    font-size:20px;
}

.tourProduct-dateUnavailable {
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}

.cartItem.tours .productName {
    top:0;
}


.tourDetail.pickupsDetail {
    display:inline-block;
    width:85rem;
}

.tourDetailLabel.pickupsLabel {
    vertical-align:top;
}

.multiselect-container .radio input {
    display:none;
}

.multiselect-container .radio {
    padding-left:20px;
}

.multiselect-container label.checkbox {
    -webkit-column-break-inside:avoid;
    break-inside:avoid;
    page-break-inside:avoid;
}

.multiselect-container .checkbox input {
    margin-top:2px;
}

.home-content #home-slider {
    margin-top:18px;
}

.departureDateDescription {
    color: #0000ff;
    font-size: 12px;
    font-weight: bold;
}

/*
    Plugin Redesign 2016
*/

.non-accommodation_product_result.Rail {
    text-align:center;
}

.non-accommodation_product_result.Rail div.price {
    display:inline-block;
}

.non-accommodation_product_result.Rail button.book {
    display:block;
    margin:0 auto;
}

.non-accommodation_product_result.Rail select {
    display:block;
    margin:0 auto;
}

.non-accommodation_product_result.Rail h1.package-title {
    font-size:15px;
    background :#9B9A9A;
    color:#FFF;
    padding: 6px 0;
    font-family: "Arial", sans-serif;
    font-weight:700;
    margin-top:0;
}

.non-accommodation_product_result.Rail p.age {
    color: #EA5404;
    font-size:10px;
    padding-top:2px;
}

.non-accommodation_product_result.Tickets {
    margin:1em 0;
}

.tourplan_plugin_section .ticketSearchPanel,
.tourplan_plugin_section .ticketResultPanel {
    // padding: 0 15px;
    background:#2184C7;
}

.tourplan_plugin_section .ticketSearchPanel h3 {
    color:#fff;
}

.tourplan_plugin_section .ticketSearchPanel .ticketSearchPanelInner,
.tourplan_plugin_section .ticketResultPanel .ticketResultPanelInner {
    background:#FBDAC7;
    border-right:15px solid #2184C7;
    border-left:15px solid #2184C7;
    border-bottom:15px solid #2184C7;
    padding:1em 0;
}

.tourplan_plugin_section .ticketSearchPanel .ticketSearchPanelInner label {
    width:100%;
    font-weight:700;
}

.tourplan_plugin_section.Tickets {
    /*text-align:center;*/
}

.tourplan_plugin_section .ticketResultSection .productName {
    color:#4484D1;
    font-weight:bold;
    background:#BAD3EF;
    text-align:center;
    padding:15px 0;
}

.tourplan_plugin_section .ticketResultSection .adultsLabel,
.tourplan_plugin_section .ticketResultSection .childrenLabel,
.tourplan_plugin_section .ticketResultSection .totalPriceLabel {
    color:#FFF;
    background:#2184C7;
    padding:5px 0;
    text-align:center;
}

.tourplan_plugin_section .ticketResultSection .qtyAdults,
.tourplan_plugin_section .ticketResultSection .qtyChildren,
.tourplan_plugin_section .ticketResultSection .totalPrice {
    background:#EFEFEF;
    padding:10px 0;
    text-align:center;
}

// .md-top-margin {
//     margin-top:15px;
// }

@media (min-width:992px) {
    .tourplan_plugin_section .ticketResultSection .productName,
    .tourplan_plugin_section .ticketResultSection .book {
        height:70px;
    }
}


/** Plugin Redesign 2016 Rail Pass **/

h2.rail_pass_heading {
    /*background:#EF7C2F;*/
    color:#FFF;
    display:inline-block;
    padding:10px 20px;
    font-size:18px;
    font-weight:700;
    margin:0 0 0 1em;
    border-radius: 10px 10px 0 0;
}

div.rail_pass_inner {
    margin:0 15px;
    /*background:#EF7C2F;*/
    border-radius:10px;
    text-align:center;
    padding-bottom:1em;
}

h3.rail_pass_title {
    background: #9B9B9A;
    font-size:15px;
    color:#FFF;
    text-align: center;
    padding:6px 0;
    font-weight:700;
    font-family:'Arial',sans-serif;
}

.rail_price_inner {
    padding-bottom:1em;
    background:white;
}

.rail_price_inner p.age {
    font-size:11px;
    color:#EA5404;
    padding-top:2px;
}

.price.adult {
    padding-right:5px;
}

.price.child {
    padding-left:5px;
}

i.down-arrow.pull-right.left {
    margin-right:0.5em;
    margin-top:-12px;
}

i.down-arrow.pull-left.center {
    margin-left:2.5em;
    margin-top:-12px;
}

i.down-arrow.pull-left.right {
    margin-left:0.5em;
    margin-top:-12px;
}

.description {
    margin:1em 0;
}

.rail-product .upper-map {
    margin-bottom:5px;
}

.rail-product .lower-map {
    margin-top:5px;
}

.rail-product button.book {
    background:#EA5404;
    color:#FFF;
    padding:10px;
    font-weight:bold;
    border:none;
}

/*** Plugin Redesign 2016 Accommodation Search ***/

.tourplan_plugin_section.Accommodation .productSearchSection h3,
.tourplan_plugin_section.Tours .productSearchSection h3 {
    background:#A0A0A0;
    border-top:4px solid #E00011;
    padding:12px 0;
    text-align:center;
    color:#FFF;
    margin:0;
}

.tourplan_plugin_section.Accommodation .productSearchSection .searchControls,
.tourplan_plugin_section.Tours .productSearchSection .searchControls {
    padding:1em;
    background:#EEE;
}

.tourplan_plugin_section .productSearchSection label {
    width:100%;
    font-weight:normal;
}

.tourplan_plugin_section .amenity-filter + .btn-group {
    display:block;
}

.tourplan_plugin_section .amenity-filter + .btn-group button {
    width:100%;
}

/*** Plugin Redesign 2016 Accommodation Search End ***/

/*** Plugin Redesign 2016 Accommodation Results ***/

.accommodation-product-result {
    border:1px solid gray;
    border-radius:5px;
    margin:1em 0;
}

.accommodation-product-result .tstNote {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-size:80%;
}

.accommodation-product-result .productDetails {
    padding-right:1em;
    padding-bottom:1em;
}

.accommodation-product-result .productDetails .priceSection {
    text-align:right;
}

.accommodation-product-result .productDetails .priceSection .price {
    color:red;
    margin:0;
}

.accommodation-product-result .left.carousel-control {
    left:15px;
}

.accommodation-product-result .right.carousel-control {
    right:15px;
}

@media (max-width:768px) {

    .accommodation-product-result .productDetails {
        padding-left:1em;
    }
}

@media (max-width:992px) {
    .accommodation-product-result .productDetails .priceSection {
        text-align:center;
    }

    .accommodation-product-result .productDetails .priceSection * {
        display:inline-block;
    }
}
/*** Plugin Redesign 2016 Accommodation Results End ***/

/*** Plugin Redesign 2016 Accommodation Product Start ***/

.tourplan_product_page .productInfo {
    /*margin:0.5em 0;*/
    padding-top:15px;
}

.tourplan_product_page .productInfo:last-of-type {
    /*margin:0.5em 0;*/
    padding-bottom:15px;
}

.tourplan_product_page .productInfo .productName {
    color:#4484D1;
    background: #BAD3EF;
    font-weight:bold;
    padding:15px 0;
    text-align:center;
}

.tourplan_product_page .productInfoHeadings {
    /*margin-top:1em;*/
    /*margin:1em 15px 0 15px;*/
    margin:15px;
}

.tourplan_product_page .productInfoHeadings .heading,
.tourplan_product_page .productInfo .heading {
    color:#FFF;
    background:#2184C7;
    padding:5px 0;
    text-align:center;
}

.tourplan_product_page .productInfoHeadings .heading label,
.tourplan_product_page .productInfo .heading label {
    font-weight:normal;
    margin-bottom:0;
}

.tourplan_product_page .productInfo .detail {
    background:#EFEFEF;
    padding:15px 0;
    text-align:center;
}

.tourplan_product_page .productInfo .btn[name=book] {
    height:50px;
}

.tourplan_plugin_section .refreshSearchSection,
.tourplan_plugin_section .productInfoSection {
    padding: 0 15px;
    background:#2184C7;
}

.tourplan_plugin_section .refreshSearchSection h3 {
    color:#fff;
}

.tourplan_plugin_section .refreshSearchSection .refreshSearchSectionInner {
    background:#FBDAC7;
    border-right:15px solid #2184C7;
    border-left:15px solid #2184C7;
    border-bottom:15px solid #2184C7;
    padding:1em;
}

.tourplan_plugin_section .refreshSearchSection .refreshSearchSectionInner label {
    width:100%;
}

.tourplan_product_page .carousel-indicators {
    position:relative;
    margin:0;
    left:auto;
    bottom:auto;
    width:100%;
}

.tourplan_product_page .carousel-indicators li {
    text-indent:0;
    width:100%;
    height:auto;
    max-width:100px;
    border:1px solid #AAAAAA;
    border-radius:0;
    margin:10px 3px 0 3px;
    opacity:0.5;
}

.tourplan_product_page .carousel-indicators li.active {
    opacity:1;
    border:2px solid #AAAAAA;
}

.tourplan_product_page .carousel-indicators li img {
    width:100%;
}

@media (max-width:992px) {

    .tourplan_product_page .productInfo {
        margin:1.5em 0;
    }

    .tourplan_product_page .productInfo .detail_section {
        margin-top:0.5em;
    }
}

/*** Plugin Redesign 2016 Accommodation Product End ***/

/*** Plugin Redesign 2016 Day Tours Product Start ***/

.tourplan_plugin_section.Tours .resultsSection .day-tours-result,
.tourplan_plugin_section.Tours .additionalResultsSection .day-tours-result {
    margin-bottom:1em;
}

.tourplan_jtb_tour_page .productInfo {
    background:#FFF;
    width:100%;
}

.tourplan_jtb_tour_page .productInfo td,
.tourplan_jtb_tour_page .productInfo th {
    padding-top:1em;
    // padding-left:1em;
    // padding-right:1em;
    text-align:center;
}

.tourplan_jtb_tour_page .productInfo td:first-child,
.tourplan_jtb_tour_page .productInfo th:first-child {
    padding-left:1em;
}

.tourplan_jtb_tour_page .productInfo td:last-child,
.tourplan_jtb_tour_page .productInfo th:last-child {
    padding-right:1em;
}

.tourplan_jtb_tour_page .productInfo tr:last-child td,
.tourplan_jtb_tour_page .productInfo tr:last-child th {
    padding-bottom:1em;
}

.tourplan_jtb_tour_page .productInfo th.dateHeading {
    background:#AAA;
    text-align:center;
    padding:0.5em;
}

.tourplan_jtb_tour_page .button-div {
    text-align:center;
    padding:1em 0 2em 0;
}

/*** Plugin Redesign 2016 Day Tours Product End ***/


/*** Plugin Redesign 2016 Itinerary ***/


.itinerary .heading {
    background:lightgray;
    padding:0.5em;
    margin-bottom:0;
}

.itinerary .passenger_section,
.itinerary .room_section,
.itinerary .info_section,
.itinerary .preferenceSection {
    padding:1em 1em 0 1em;
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
    background:#F7F7F7;
}

.itinerary .passenger_section .passenger {
    padding-bottom:1em;
    border-bottom:1px solid lightgray;
}

.itinerary .control_buttons {
    padding:1em;
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
    border-bottom:1px solid lightgray;
    background:#F7F7F7;
}

.itinerary .price,
.checkout .price {
    color:#CC0000;
}

.itinerary .pax_config,
.itinerary .product_date {
    color: #000000;
}

.itinerary label {
    font-weight:normal;
}

.passenger.duplicate,
.arrangements-container .has-error input,
.arrangements-container .has-error select,
.arrangements-container .has-error textarea,
.itinerary .has-error input,
.itinerary .has-error select,
.checkout .has-error input,
.checkout .has-error select,
#tpcreditcardsection .has-error input,
#tpcreditcardsection .has-error select {
    background-color:#FFCCCC;
}


.checkout .confirmationSection {
    padding-top:1em;
    padding-bottom:1em;
    border-radius:0.5em;
}

/*** End Plugin Redesign 2016 Itinerary ***/

/*** General ***/
.terms_and_conditions_section {
    border:2px solid #CACACA;
    margin:1em 0;
}

a.toggle_section_toggle,
.itinerary a.toggle_serviceline {
    text-decoration: none;
}

a.toggle_section_toggle h4 {
    margin:0;
    background:#CACACA;
    padding:0.5em 1em;
    color:#192D76;
}

a.toggle_section_toggle h4:before,
.itinerary a.toggle_serviceline .product_name:before {
    content:"\f056";
    font-family:FontAwesome;
    margin-right:2px;
}

a.toggle_section_toggle.collapsed h4:before,
.itinerary a.toggle_serviceline.collapsed .product_name:before {
    content:"\f055";
}

.terms_and_conditions_section .terms_and_conditions {
    margin:0 1em;
}

.fullwidth {
    width:100%;
}


div.ribbon-red-desktop {
    position: relative;
    display: block;
    margin-top: 10px;
    background: none repeat scroll 0% 0% #E00011;
    height: 4px;
    margin-bottom:10px;
}

div.ribbon-red-desktop.attached {
    margin-bottom:0;
}

h3.red-heading {
    color:#E00011;
}

.btn.btn-search {
    background:#EA5404;
    color:#FFF;
    padding:1em;
    margin:1em 0;
}


/***Div Table***/
.DivTable
{
    display: table;
}
.DivTitle
{
    display: table-caption;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.DivHeading
{
    display: table-row;
    font-weight: bold;
    text-align: center;
}
.DivRow
{
    display: table-row;
}
.DivCell
{
    display: table-cell;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
}

// #navbar-collapse {
//     border:none;
// }

#navbar-mobile,
#navbar-mobile ul,
#navbar-mobile ul li,
#navbar-mobile ul li a {
  margin: 0;
  padding: 0;
  // border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Signika", sans-serif;
  color:#000;
  font-size:16px;
  text-decoration:none !important;
}
#navbar-mobile {
  color: #ffffff;

}
#navbar-mobile ul ul {
  display: none;
}
.align-right {
  float: right;
}
#navbar-mobile > ul > li > a {
  padding: 15px 20px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}

#navbar-mobile ul li a {
  padding: 15px 20px;
}

#navbar-mobile > ul > li {
    background:#CCCCCC;
    color:#fff;
}

#navbar-mobile li li {
    background: rgba(255,255,255,0.30);
    color:#000;
}

#navbar-mobile a { 
    border-bottom:1px solid #E00011;
}


#navbar-mobile li.has-sub > a > span:before {
    content: "\f055";
}

#navbar-mobile li.has-sub.open > a > span:before {
    content: "\f056";
}

#navbar-mobile li > a > span:before {
    font-family:FontAwesome;
    float:right;
    content: "\f054";
}

.navbar-mobile .navbar-collapse {
    padding:0;
}

.navbar-mobile img.brand-logo {
    height:80px;
    padding:10px;
}

.navbar-mobile .navbar-brand {
    line-height:30px;
    font-size:25px;
    height:auto;
    padding:0;
    margin:0;
    float:none;
}

.navbar-mobile .navbar-phone {
    font-size:14px;
    line-height:25px;
}

.navbar-mobile .navbar-header {
    border-bottom:4px solid #E00011;
}

.navbar-mobile .navbar-toggle {
    margin-top:23px;
    margin-bottom:23px;
}

.navbar-mobile .navbar-text {
    float:left;
}

.navbar-mobile .navbar-text a {
    display:block;
}

.navbar-mobile .mobile-cart {
    height:34px;
    padding:4px 9px;
    width:44px;
    margin:23px 5px;
    color: #888;
}

@media (min-width:768px) and (max-width:960px) {
    .navbar-mobile .navbar-text a {
        display:inline-block;
        line-height:50px;
    }

    .navbar-mobile .navbar-text a.navbar-phone {
        margin-left:30px;
    }
}


/*** Styling for Sabre Search module ***/
.search-flights {padding: 15px 15px 0 15px;border: 2px solid #E60012;margin-bottom: 30px;background-color: #e6e6e6;-webkit-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 3px 3px 15px #DFDFDF;box-shadow: 3px 3px 15px #DFDFDF;box-shadow: 3px 3px 15px #DFDFDF;}
.form-searchflights select{padding:5px;width:100%;margin:3px 0;height: 30px;background: #FFF;}
.form-searchflights input[type=text]{padding:5px;width:100%;height: 30px;}
.div-radio{margin:10px 0}
.red{color:#E60012}
/*.return{display:none}*/
.form-searchflights{padding-bottom: 15px;}
.advanced-search-link{text-decoration:underline;color:#E60012!important;}

/* Search Form */

form.form-search {
    display:inline-block;
}

form.form-search * {
    display:inline-block;
    position:relative;
}

form.form-search .input-search,
form.form-search-mobile .input-search {
    height:43px;
    /*background:#e3e3e3;*/
    /*background:linear-gradient(#FCFCFC, #EEE) repeat scroll 0% 0% transparent;*/
    background:#FFFFFF;
    border:0;
    padding:1em;
    -webkit-transition:all 0.2s ease-out;
}

form.form-search .input-search {
    position:absolute;
    right:43px;
    top:0;
    width:100px;
    background:#F0F0F0;

    box-shadow: 2px 3px 1px #d8cdcd;
}

form.form-search .input-search:hover,
form.form-search .input-search:focus {
    width:300px;
    -webkit-transition:all 0.2s ease-in;
}

form.form-search-mobile button.btn-search,
form.form-search button.btn-search {
    /*right:0;*/
    /*top:0;*/
    height:43px;
    color:#E00011;
    background:#F0F0F0;
    /*background:linear-gradient(#FCFCFC, #EEE) repeat scroll 0% 0% transparent;*/
    border:0;
}

form.form-search button.btn-search {
    right:0;
    position:absolute;
    top:0;
    box-shadow: 2px 3px 1px #d8cdcd;
    width:43px;
}

.search-results .pagination {
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    display:table;
}

.required_asterisk:after {
  content:"*";
  color:red;
}

/* new CSS */
:root {
    --global-padding:20px;
    --tt-gradient: linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC800 100%);
    --bt-gradient: linear-gradient(90deg, #284632 0%, #197D46 60%, #8CB400 100%);
    --ii-gradient: linear-gradient(90deg, #001C7B 0%, #005AC8 60%, #00A7E1 100%);
    --ts-gradient: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E48E8D 100%);
    --blog-gradient: linear-gradient(90deg, #CC0000 0%, #EB5514 65%, #FFB900 100%);
}

.eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

#top {
    display:flex;
    flex-direction: column;
    align-items: center;
}

 h1, h2,
 p,
 span,
 a,
 p,
* {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

#footerWrapper {
    width: 100%;
}

#headerWrap-2.topheader {
    z-index: 150 ;
    width: 100%;
}

#headerWrap-2.topheader>.header__inner {
    width: 100%;
    max-width: 100%;
    position: relative;
    padding:0px var(--global-padding);
}

#headerWrap-2.topheader>.header__inner>.header__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E48E8D 100%);
    padding: 55px 0px;
    margin: 0;
}

.menu-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.menu-container #secondary-menu-navi .header__link {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.menu-container #secondary-menu-navi .header__link .header__ul02>li>form {
    position:relative;
}

.menu-container #secondary-menu-navi .header__link .header__ul02>li>form::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.43 19.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:black;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_search%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='popup'%3E%3Cpath class='cls-1' d='M18.15,17.39l-4.54-4.73a7.7,7.7,0,1,0-5.9,2.75A7.63,7.63,0,0,0,12.12,14l4.58,4.76a1,1,0,1,0,1.45-1.39ZM7.71,1.21a6.5,6.5,0,1,1-6.5,6.5A6.5,6.5,0,0,1,7.71,1.21Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display:block;
    position: absolute;
    height: 15px;
    width: 15px;
    top: 7px;
    left: 10px;
}
.menu-container #secondary-menu-navi .header__link .header__ul02>li>form>input{
    border-radius:50px;
    border:0px;
    padding: 4px 16px 4px 42px;
}

.menu-container #secondary-menu-navi .header__link>li>a:hover {
    border-bottom: 2px solid white;
}
.menu-container #secondary-menu-navi .header__link>li>a {
    font-size: 16px;
    font-weight: 400;
    color: white;
    border-bottom: 2px solid transparent;
}

.menu-container #navi {
    background: none;
}

.menu-container .header__inner {
    padding: 0px;
}

.menu-container #navi::before,
.menu-container #navi::after {
    content: "";
}

#navi.pc-header__navi .header__ul01 {
    display: flex;
    gap: 2rem;
    align-items: center;
}

#navi.pc-header__navi .header__ul01>li {
    position: unset;
    float: none;
    margin: 0px;
}

#navi.pc-header__navi .header__ul01>li {
    /* padding-bottom: 10px;  */
    border-bottom: 3px solid transparent;
}

#navi.pc-header__navi .header__ul01>li:hover{
    border-bottom: 3px solid white;
}

#navi.pc-header__navi .header__ul01>li>a {
    font-size: 16px;
    font-weight: 700;
    color: white;
    height: unset;
    padding: unset;
}
#navi.pc-header__navi .header__ul01>li:hover .submenu{
    display:flex;
    flex-wrap:wrap;
    padding:40px 40px;
    justify-content: center;
    align-items: center;
    gap:2rem;
}

#navi.pc-header__navi .header__ul01>li .submenu>li:not(:last-child)>a::after {
        content: "";
        border: solid 1px white;
        margin-left: 2rem;
    }

#navi.pc-header__navi .header__ul01>li .submenu {
    /* top: 110px; */
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E48E8D 100%);
    padding-top: 22px;
    top:92px;
    width:100%;
}

#navi.pc-header__navi .header__ul01>li .submenu>li {
    padding: 0px;
}

#navi.pc-header__navi .header__ul01>li .submenu>li>a {
    font-size: 14px;
    font-weight: 400;
    color:white;
    padding: 0px;
    min-height: unset;
    border-bottom: 0px;
}

/* Menu Mobile Button CSS */

.header_footer .menu-btn-new .burger-icon-top,
.header_footer .menu-btn-new .burger-icon-top::before,
.header_footer .menu-btn-new .burger-icon-top::after {
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%);
}

.header_footer .menu-btn-new.is-active .burger-icon-top,
.header_footer .menu-btn-new.is-active .burger-icon-top::before,
.header_footer .menu-btn-new.is-active .burger-icon-top::after,
.header_footer .menu-btn-new.is-active .burger-icon-x,
.header_footer .menu-btn-new.is-active .burger-icon-x::before,
.header_footer .menu-btn-new.is-active .burger-icon-x::after {
    background: white;
}

.header_footer .menu-btn-new {
    width: 42px;
    height: 42px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 2px 0 0;
	position: relative;
	z-index: 9999;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.header_footer .menu-btn-new.is-active {
    background-color: transparent;
    height: 13px;
    width: 13px;
}

.header_footer .menu-btn-new .burger-icon {
	position: relative;
	margin-top: 7px;
	margin-bottom: 7px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.header_footer .menu-btn-new .burger-icon,
.header_footer .menu-btn-new .burger-icon::before,
.header_footer .menu-btn-new .burger-icon::after {
	display: block;
	width: 22px;
    height: 2.4px;
    top: -1px;
	background-color: #ffffff;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.header_footer .menu-btn-new .burger-icon::before,
.header_footer .menu-btn-new .burger-icon::after {
	position: absolute;
	content: "";
}

.header_footer .menu-btn-new .burger-icon::before {
	top: -7px;
}

.header_footer .menu-btn-new .burger-icon::after {
	top: 7px;
}

.header_footer .menu-btn-new.is-active .burger-icon-top, .header_footer .menu-btn-new.is-active .burger-icon-x {
	background: transparent;
}

.header_footer .menu-btn-new.is-active .burger-icon::before {
	-webkit-transform: translateY(7px) rotate(45deg);
	-moz-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}

.header_footer .menu-btn-new.is-active .burger-icon::after {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-moz-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}

.menu-btn-new.is-active .burger-top {
    background-color: transparent;
}

/* Menu Mobile CSS End */

.img-cover-top {
    width: 100%;
    object-fit: cover;
    position: relative;
}

.img-cover-top video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-cover-top-title {
    position: absolute;
    bottom: 100px;
    left: 50px;
    font-size: 64px;
    color: white;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.justified-text {
    text-align: justify;
}

.title p {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    margin: 0px;
    /* if smartphone 20px if PC 32px */
}

.circle::after {
    opacity: .8;
    display: block;
    position: relative;
    content: '';
    width: 16px;
    /* if smartphone 16px if PC 24px */
    height: 16px;
    /* if smartphone 16px if PC 24px */
    border-radius: 50%;

}

.top-seller-circle::after {
    background: #CC0000;
}

.top-trending-circle::after {
    background-color: #FF6400;
}

.beaten-track-circle::after {
    background-color: #197D46;
}

.independent-iteneraries-circle::after {
    background-color: #005AC8;
}


.top-seller-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 275px;
}

.top-seller-text {
    display: flex;
    flex-direction: column;
}

.top-image-icon {
    width: 275px;
    height: 160px;
    border-radius: 8px;
    object-fit: cover;
}

.top-sellers .title {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    margin-bottom: 40px;
}

.top-sellers .right {
    justify-content: flex-end;
    text-align: right;
}

.top-sellers {
    display:flex;
    flex-wrap: wrap;
    padding: 50px 0px 50px 0px;
}

.item-title,
.item-text {
    margin: 0px;
}

.top-seller-item .item-title {
    font-size: 16px;
    font-weight: 700;
}

.top-seller-item .item-text {
    font-size: 12px;
    font-weight: 400;
}

.top-item-container {
    display: flex;
    gap: 2rem;
    overflow-x: scroll;
    width: 100vw;
    padding-bottom: 16px;
    scrollbar-color: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E48E8D 100%) green;
}

/* width */
.top-item-container::-webkit-scrollbar {
    height: 0px;
    width: 0px;
    background: transparent;
    display: none;
}

.top-item-container {
    scrollbar-width: none;
}

.top-item-container::-webkit-scrollbar::after {
    content: 'swipe';
    position: relative;
}

/* Track */
.top-item-container::-webkit-scrollbar-track {
    -webkit-appearance: none;
    width: 100%;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    background-clip: content-box;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

/* Handle */
.top-item-container::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 100px;
    height: 10px;
    padding: 5px;
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E48E8D 100%);
    cursor: pointer;
    border-radius: 25px;
}

/* Top trending */
.top-trending-container::-webkit-scrollbar-thumb {
    background: var(--tt-gradient);
}

/* Off the beaten track */
.beaten-track-container::-webkit-scrollbar-thumb {
    background: var(--bt-gradient);
}

/* Independent Iteneraries */
.independent-iteneraries-container::-webkit-scrollbar-thumb {
    background: var(--ii-gradient);
}

.top-item-container::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-right: 101px;
}

.top-item-container::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-left: var(--global-padding);
}

.content-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    max-width:1160px;
}

#intro-text-content {
    background-repeat: no-repeat;
}

.section-container {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease;
}

.section-container.active {
    transform: translateY(0px);
    opacity: 1;
}

.section-container-two {
    position: relative;
    /* height: 556px; */
}

/* .section-container-two .container-bg {
    width: 200vw;
    z-index: -1;
    margin-left: -15px;
    position: absolute;
    height: 100%;
    background-color: #EFE8DF;
} */

.full-width-container-with-bg {
    width: 100%;
    height: 100%;
    background-color: #EFE8DF;
    display:flex;
    justify-content: center;
}


.slider-swipe {
    display: flex;
    justify-content: center;
    position: relative;
    gap: 1rem;
    align-items: center;
    right: 0px;
    bottom: 20px;
    padding: 0px var(--global-padding);
    z-index: 99;
}

.slider-container {
    /* display: flex; */
    display:none;
    width: 100%;
    justify-content: flex-end;
    position: relative;
    bottom: -6px;
}

.bg {
    display: block;
    position: absolute;
    width: 100px;
    height: 20px;
    right: 0;
    bottom: 20px;
}

.bg-left {
    display: block;
    position: absolute;
    width: var(--global-padding);
    height: 20px;
    left: 0;
    bottom: 20px;
}

.top-seller-slider-bg {
    background-color: white;
}

.video-container {
    display: block;
    max-height: 685px;
    height: auto;
    width: 100%;
    object-fit: cover;
    position: relative;
    max-width: 1160px;
    margin: 40px 0px 40px 0px;
}

.video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.video-container .video-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.video-container .video-btn svg {
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.video-container::after {
    content: '';
    /* opacity: 0.3; */
    background-clip: content-box;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.top-package-item {
    display: flex;
    flex-direction: column;
    background-color: white;
    justify-content: space-between;
    border-radius: 8px;
    width: 260px;
    /* 260px if mobile, 275px if PC*/
    height: 301px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.top-package-item:hover img,
.top-package-item:hover h1,
.top-package-item:hover p {
    opacity: .7;
}

.top-package-item:nth-child(1),
.top-seller-item:nth-child(1) {
    margin-left: var(--global-padding);
}

.top-package-item:last-child,
.top-seller-item:last-child {
    margin-right: var(--global-padding);
}

.top-package-icon {
    border-radius: 8px 8px 0px 0px;
    width: 260px;
    height: 161px;
    object-fit:cover;
}

.top-package-item .item-title {
    font-size: 16px;
    font-weight: 700;
    padding: 0px var(--global-padding);
}

.top-package-item .item-text {
    font-size: 12px;
    font-weight: 400;
    padding: 0px var(--global-padding);
}

.top-package-item-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 15px 0px;
}

.top-package-item-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.top-packages-item-container {
    padding-bottom: 35px;
}

.top-packages-slider-bg {
    background-color: #EFE8DF;
}

.top-package-button {
    width: 118px;
    height: 30px;
    background-color: white;
    border-radius: 16px;
    margin: 0px 15px;
}

.top-package-button a{
    text-decoration: none;
}

.top-trending-button {
    background: linear-gradient(white, white) padding-box,
        var(--tt-gradient) border-box;
    border-radius: 50em;
    border: 2px solid transparent;
}

.top-trending-button:hover {
    background: var(--tt-gradient) padding-box,
        var(--tt-gradient) border-box;
    color: white;
}

.top-trending-button:hover .top-trending-text,
.independent-iteneraries-button:hover .independent-iteneraries-text,
.beaten-track-button:hover .beaten-track-text {
    color: white;
    -webkit-text-fill-color: white;
}

.beaten-track-button {
    background: linear-gradient(white, white) padding-box,
        var(--bt-gradient) border-box;
    border-radius: 50em;
    border: 2px solid transparent;
}

.beaten-track-button:hover {
    background: var(--bt-gradient) padding-box,
        var(--bt-gradient) border-box;
    color: white;
}

.independent-iteneraries-button {
    background: linear-gradient(white, white) padding-box,
        var(--ii-gradient) border-box;
    border-radius: 50em;
    border: 2px solid transparent;
}

.independent-iteneraries-button:hover {
    background: var(--ii-gradient) padding-box,
        var(--ii-gradient) border-box;
    color: white;
}

.top-trending-text, .view-more-tt a:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    position: relative;
    background: var(--tt-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.beaten-track-text, .view-more-bt a:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--bt-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.independent-iteneraries-text, .view-more-ii a:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--ii-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.top-seller-gradient-clip-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--ts-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.view-more-btn {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-more-btn a{
    color:black;
}

.view-more-btn a:hover {
    text-decoration: none;
}

.view-more-btn a, .view-more-btn a:hover {
    position: relative;
}

.view-more-btn a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust as needed */
    width: 100%;
    height: 1px; /* Adjust as needed */ 
    background: black;
}

.view-more-btn a:hover::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust as needed */
    width: 100%;
    height: 1.5px; /* Adjust as needed */
    
}

.view-more-tt a:hover::after {
    background: var(--tt-gradient);
}

.view-more-bt a:hover::after {
    background: var(--bt-gradient);
}

.view-more-ii a:hover::after {
    background: var(--ii-gradient);
}

.view-more-btn button {
    border: none;
    background-color: transparent;
}

.hidden-gem-images-container {
    display: grid;
    gap: .5rem;
    margin-left: var(--global-padding);
    margin-right: var(--global-padding);
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr .5fr .5fr;
    grid-template-areas:
        "one one one one"
        "two two three three"
        "four five five five";
    padding-bottom: 35px;
}

.hidden-gem-images-container div {
    max-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.hidden-gem-images-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.hidden-gem-images-container div:nth-child(1) {
    grid-area: one;
}

.hidden-gem-images-container div::after {
    font-weight: 700;
    color: white;
    font-size: 16px;
    bottom: 10px;
    left: 10px;
    position: absolute;
}

.hidden-gem-images-container div:nth-child(1)::after {
    content: 'Naoshima Island';
}

.hidden-gem-images-container div:nth-child(2)::after {
    content: 'Shimanami Kaido';
}

.hidden-gem-images-container div:nth-child(3)::after {
    content: 'Asahi Funakawa';
}

.hidden-gem-images-container div:nth-child(4)::after {
    content: 'Wanko-Soba';
}

.hidden-gem-images-container div:nth-child(5)::after {
    content: 'Yamadera Temple';
}

.hidden-gem-images-container div:nth-child(2) {
    grid-area: two;
}

.hidden-gem-images-container div:nth-child(3) {
    grid-area: three;
}

.hidden-gem-images-container div:nth-child(4) {
    grid-area: four;
}

.hidden-gem-images-container div:nth-child(5) {
    grid-area: five;
}

.hidden-gem-images-container {
    height: auto;
}

#intro-text-content {
    width: 100%;
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
    background-position: 60% 70%;
}

#intro-text-content p {
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.intro-text-content-subsection {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 24px;
}

.intro-text-content-subsection h1 {
    text-align: left;
    position: relative;
    font-weight: 300;
    font-size: 48px;
    left: 30px;
}

.intro-text-content-subsection h1::after {
    opacity: .8;
    display: block;
    position: absolute;
    content: '';
    width: 48px;
    /* if smartphone 16px if PC 24px */
    height: 48px;
    /* if smartphone 16px if PC 24px */
    border-radius: 50%;
    top: -20px;
    left: -30px;
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, rgba(230, 150, 150, 0.9) 100%);
    z-index: -1;
}

.intro-text-content-subsection span {
    text-align: justify;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    opacity: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    transition: 1s all;
}

/* Modal Content/Box */
.modal-content {
    width: 100%;
    height: 100%;
    background: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 150;
}

.modal-content video {
    width: 100%;
    position: relative;
    transition: all .3s ease-in;
}

.modal-content .content {
    margin: 20px;
    height: auto;
    position: relative;
}

/* The Close Button */
.close-btn {
    color: #f8f8f8;
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 50px;
    z-index: 102;
    font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Footer CSS */

#stay_touch {
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%);
    padding: 50px 20px 50px 20px;
}
#stay_touch .footer__inner01 h2 {
    font-weight: 700;
}

#stay_touch .footer__inner01 p {
    text-align: center;
    margin-top:4px;
    font-weight: 400;
}

#footerWrapper .header__navi, 
#navi-sp.header__navi {
    position: relative !important;
    background-color: white;
    padding: 20px;
    height: unset;
    z-index: 50;
}

#footerWrapper .header__ul01 .submenu li a, 
#navi-sp .header__ul01 .submenu li a,
.top-menu-underline {
    font-size: 14px;
    font-weight: 400;
    margin-left: 40px;
    padding: 0px;
    margin: 0px 0px 20px 40px;
    border: none;
    height: 24px;
    min-height: 24px;
    text-underline-offset: 8px;
}

#footerWrapper .header__navi .header__ul01>li.sub .submenu li, 
#navi-sp.header__navi .header__ul01>li.sub .submenu li {
    width: 100%;
    float: none;
    border: none;
    padding: 0px;
}

.header_footer .footer__inner01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 16px;
    padding: 24px 10px 24px 10px;
}

#subscribeform {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0px 10px;
}

#subscribeform p {
    text-align: center;
    margin-top:4px;
}

#subscribeform ol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#subscribeform ol:first-child {
    margin-top: 24px;
}

#subscribeform ol>div {
    margin-bottom: 16px;
}

#subscribeform ol>div:nth-child(3) {
    margin-bottom: 24px;
}

#subscribeform ol,
#subscribeform ol div,
#subscribeform ol div input[type="text"],
#subscribeform ol div select {
    width: 100%;
}

#subscribeform ol div input,
#subscribeform ol div select {
    border-radius: 4px;
    border: 1px solid;
    padding: 14px 10px 14px 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 10px;
    font-family: Arial, sans-serif;
}

#subscribeform ol div input::placeholder {
    color: #999;
    font-size: 10x; /* Ensure same font size */
}

#subscribeform ol div select {
    /* border-right: 10px solid transparent;
    box-shadow: 0.5px 0px 0px 0px black; */
    -webkit-appearance: none; /* for Safari */
    -moz-appearance: none; /* for Firefox */
    appearance: none; /* for others */
    background-color: white;
    background-image: url('data:image/svg+xml,<svg fill="gray" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="10px" viewBox="0 0 96.154 96.154" xml:space="preserve"><g><path d="M0.561,20.971l45.951,57.605c0.76,0.951,2.367,0.951,3.127,0l45.956-57.609c0.547-0.689,0.709-1.716,0.414-2.61c-0.061-0.187-0.129-0.33-0.186-0.437c-0.351-0.65-1.025-1.056-1.765-1.056H2.093c-0.736,0-1.414,0.405-1.762,1.056c-0.059,0.109-0.127,0.253-0.184,0.426C-0.15,19.251,0.011,20.28,0.561,20.971z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 10px;
    padding-right: 30px;
}

.form-submit-button {
    width: 80%;
    padding: 14px 91px 14px 91px;
    background-color: white;
    border-radius: 16px;
}

.form-submit-button-style {
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%) padding-box,
        linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%) border-box;
    border-radius: 50em;
    border: 2px solid transparent;
}

.form-submit-button-style:hover {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%) border-box;
}

.form-submit-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    color: white;
    -webkit-text-fill-color: white;
}

.form-submit-button:hover .form-submit-text {
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-submit-button:hover #arrow-sm {
    fill: url(#sm-gradient)
}

#arrow-sm {
    fill: white
}

.roobix-footer-container {
    background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%);
    padding: 80px 0px 40px 0px;
}

#roobix_footer {
    background-color: transparent;
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-bottom: 0px;
}

#roobix_footer>* {
    margin-bottom: 30px;
}

#roobix-header-container {
    background: white;
    position: unset;
    padding: 40px 20px 40px 20px;
    height: unset;
}

#roobix-header-container .menu-footer-menu-container>ul>li>a {
    color:black;
}

.menu-footer-menu-container ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

#footerWrapper .roobix-footer-container #roobix_footer .pc-menu-container .pc-top .menu-footer-menu-container ul a,
#footerWrapper .roobix-footer-container #roobix_footer .pc-menu-container .pc .menu-footer-menu-container ul a {
    color: white;
    font-size: 12px;
    font-weight: 400;
}

.social {
    width: 100%;
    display: flex;
    gap: 1rem;
}

.pc-menu-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.copyright-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.copyright-logo .logo {
    width: 200px;
    height: 45px;
}

.copyright-logo span {
    font-size: 10px;
    color:white;
}

#footerWrapper .header__ul01>li, 
#navi-sp .header__ul01>li{
    margin: 0px 0px 16px 0px;
}

#footerWrapper .header__ul01>li.sub .submenu {
    box-shadow: none;
}

#footerWrapper .header__ul01>li.sub.active {
    padding-bottom: 40px;
}

#footerWrapper .header__ul01>li a, 
#navi-sp .header__ul01>li a {
    display: flex;
    align-items: center;
    position: relative;
    gap: 1rem;
    padding:0px 0px 16px 0px;
    height: unset;
}

#footerWrapper .header__ul01>li>a::before, 
#navi-sp .header__ul01>li>a::before {
    content: "";
    border: 2px solid transparent;
    border-radius: 25%;
    height: 2rem;
}

/* Color thing beside the navaigation main items */

#footerWrapper .header__ul01>li:nth-child(1) a::before, #navi-sp .header__ul01>li:nth-child(1) a::before {
    background: linear-gradient(white, white) padding-box,
        var(--bt-gradient) border-box;
}

#footerWrapper .header__ul01>li:nth-child(2) a::before, #navi-sp .header__ul01>li:nth-child(2) a::before{
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #96003C 0%, #DC326E 60%, #FFA0DC 100%) border-box;
}

#footerWrapper .header__ul01>li:nth-child(3) a::before, #navi-sp .header__ul01>li:nth-child(3) a::before {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #005064 0%, #0082A0 60%, #3CC8D2 100%) border-box;
}

#footerWrapper .header__ul01>li:nth-child(4) a::before, #navi-sp .header__ul01>li:nth-child(4) a::before {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #CC0000 0%, #EB5514 60%, #FFB900 100%) border-box;
}

#footerWrapper .header__ul01>li:nth-child(5) a::before, #navi-sp .header__ul01>li:nth-child(5) a::before,
#footerWrapper .header__ul01>li:nth-child(10) a::before, #navi-sp .header__ul01>li:nth-child(10) a::before {
    background: linear-gradient(white, white) padding-box,
        var(--ii-gradient) border-box;
}

#footerWrapper .header__ul01>li:nth-child(6) a::before, #navi-sp .header__ul01>li:nth-child(6) a::before,
#footerWrapper .header__ul01>li:nth-child(11) a::before, #navi-sp .header__ul01>li:nth-child(11) a::before {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #96003C 0%, #DC326E 60%, #FFA0DC 100%) border-box;
}

#footerWrapper .header__ul01>li:nth-child(7) a::before, #navi-sp .header__ul01>li:nth-child(7) a::before {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC800 100%) border-box;
}

#footerWrapper .header__ul01>li:nth-child(8) a::before, #navi-sp .header__ul01>li:nth-child(8) a::before {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #462864 0%, #7832A0 60%, #C878BE 100%) border-box;
}

#footerWrapper .header__ul01>li:nth-child(9) a::before, #navi-sp .header__ul01>li:nth-child(9) a::before {
    background: linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%) border-box;
}

/* End of color things */

.submenu-parent-container {
  position: relative;
}

.main-red-background a {
  color: white !important;
}
.main-red-background {
  color: white;
  background: linear-gradient(90deg, #d84850 0%, #d94e54 65%, #da565a 100%) !important;
}

.submenu-children-container {
  display:none;
}
.submenu-parent-container:hover .submenu-children-container {
  display: flex;
  padding: 0;
  font-size: 14px;
  flex-direction: column;
  position: absolute;
}

.submenu-parent-container:hover .submenu-children-container li a {
  border-bottom: unset;
}

#footerWrapper .header__ul01>li>ul>li>a:hover, 
#navi-sp .header__ul01>li.active>ul>li>a:hover {
    text-decoration: underline;
    color:black;
}

#footerWrapper .header__ul01>li:nth-child(2)>ul>li>a, 
#navi-sp .header__ul01>li:nth-child(2)>ul>li>a {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    height: 130px;
    /* width: 335px; */
    position: relative;
    margin-bottom: 16px;
    margin-left:0px;
}

#footerWrapper .header__ul01>li:nth-child(2)>ul>li>a>span, 
#navi-sp .header__ul01>li:nth-child(2)>ul>li>a>span {
    position: absolute;
    color: white;
    bottom: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 14px;

}

#footerWrapper .header__navi .header__ul01>li.sub:nth-child(1) .submenu .img-link, 
#navi-sp.header__navi .header__ul01>li.sub:nth-child(1) .submenu .img-link {
    display: grid;
    gap: 1rem;
    grid-template-areas:
        "img-one img-one"
        "img-two img-three";
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
}

#footerWrapper .header__navi .header__ul01>li.sub:nth-child(1) .submenu .img-link li>a,
#navi-sp.header__navi .header__ul01>li.sub:nth-child(1) .submenu .img-link li>a {
    background-size: cover;
    position: relative;
    margin-left: 0px;
}

#footerWrapper .header__navi .header__ul01>li.sub:nth-child(1) .submenu .img-link li>a>span,
#navi-sp.header__navi .header__ul01>li.sub:nth-child(1) .submenu .img-link li>a>span {
    position: absolute;
    font-weight: 700;
    color: white;
    bottom: 10px;
    left: 10px;
}

 .header_footer-destination-tags {
    display: flex;
    column-gap: 8px;
    row-gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.header_footer-destination-tags>a {
    display: inline-block !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 2px 10px 2px 10px !important;
    border: 1px solid black !important;
    height: 100% !important;
    border-radius: 4px;
}

@media only screen and (min-width: 767px) {
    .menu-footer-menu-container ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pc-top .menu-footer-menu-container ul li:not(:nth-last-child(2))::after,
    .pc .menu-footer-menu-container ul li:not(:last-child)::after {
        content: "";
        border: solid 1px white;
        margin-left: 2rem;
    }

    .pc .menu-footer-menu-container ul li:nth-child(1),
    .pc-top .menu-footer-menu-container ul li:nth-child(2),
    .pc .menu-footer-menu-container ul li:nth-child(3),
    .pc-top .menu-footer-menu-container ul li:nth-child(4),
    .pc .menu-footer-menu-container ul li:nth-child(5),
    .pc-top .menu-footer-menu-container ul li:nth-child(6),
    .pc .menu-footer-menu-container ul li:nth-child(7),
    .pc-top .menu-footer-menu-container ul li:nth-child(8),
    .pc .menu-footer-menu-container ul li:nth-child(9),
    .pc-top .menu-footer-menu-container ul li:nth-child(10),
    .pc .menu-footer-menu-container ul li:nth-child(11),
    .pc-top .menu-footer-menu-container ul li:nth-child(12) {
        display: none;
    }

    .social {
        justify-content: center;
        align-items: center;
    }

    #roobix_footer {
        display: flex;
        gap:80px;
    }

}

@media (max-width: 360px) {
    .form-submit-button {
        width: 90%;
        padding: 14px 50px 14px 50px;
    }

}

/* Mobile */
@media only screen and (max-width: 767px) {
    #headerWrap-2.topheader {
        position: absolute;
        background: transparent;
    }

    #headerWrap-2.header_footer .header__info02 {
        padding:var(--global-padding) 0px 0px 0px
    }

    .img-cover-top-title {
        font-size: 40px;
        line-height: 44px;
    }

    .img-cover-top video {
        height: 510px;
    }

    #headerWrap-2.topheader .header__info02 .header__ul03 {
        position: fixed;
        z-index: 9999;
        right: var(--global-padding);
        margin: 0px;
    }

    #navi-sp .header__inner .header__ul02>.form>form>input#s{
        border-radius: 10px;
        background: linear-gradient(90deg, #D21E32 20px, #DC6464 30px, #E69696 45px, white 50px) padding-box,
            linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%) border-box;
        border: 2px solid transparent;
        padding: 0 30px 0 80px;
    }

    #navi-sp .header__inner .header__ul02>.form>form {
        position:relative;
    }

    #navi-sp .header__inner .header__ul02>.form>form::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.43 19.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:white;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_search%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='popup'%3E%3Cpath class='cls-1' d='M18.15,17.39l-4.54-4.73a7.7,7.7,0,1,0-5.9,2.75A7.63,7.63,0,0,0,12.12,14l4.58,4.76a1,1,0,1,0,1.45-1.39ZM7.71,1.21a6.5,6.5,0,1,1-6.5,6.5A6.5,6.5,0,0,1,7.71,1.21Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        display:block;
        position: absolute;
        height: 30px;
        width: 30px;
        top: 10px;
        left: 10px;
    }

    /* Footer CSS */

    /* Because the .header__navi is displayed as none by default */
    #footerWrapper .header__navi {
        display: block !important;
    }  
    
    /* For Main Navigation for mobile */
    #footerWrapper .header__ul01 li a, 
    #navi-sp .header__ul01 li a {
        font-weight: 700;
        font-size: 16px;
        background: none;
    
    }

    .chevron-down::after {
      content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' height='15px' width='15px' version='1.1' id='down-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cstyle type='text/css'%3E %23down-arrow%7Bfill:url(%23seller-arrow-gradient)%7D %3C/style%3E%3Cdefs%3E%3ClinearGradient id='seller-arrow-gradient'%3E%3Cstop offset='0%25' stop-color='%23D21E32' /%3E%3Cstop offset='65%25' stop-color='%23DC6464' /%3E%3Cstop offset='100%25' stop-color='%23E48E8D' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3C/svg%3E");
      position: absolute;
      right: 0;
    }

    /* #footerWrapper .header__ul01>li:not(:nth-child(7))>a::after, 
    #navi-sp .header__ul01>li:not(:nth-child(7))>a::after {
        content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' height='15px' width='15px' version='1.1' id='down-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cstyle type='text/css'%3E %23down-arrow%7Bfill:url(%23seller-arrow-gradient)%7D %3C/style%3E%3Cdefs%3E%3ClinearGradient id='seller-arrow-gradient'%3E%3Cstop offset='0%25' stop-color='%23D21E32' /%3E%3Cstop offset='65%25' stop-color='%23DC6464' /%3E%3Cstop offset='100%25' stop-color='%23E48E8D' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3C/svg%3E");
        position: absolute;
        right: 0;
    } */
    
    #footerWrapper .header__ul01>li.active>a::after, 
    #navi-sp .header__ul01>li.active>a::after {
        content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' height='15px' width='15px' version='1.1' id='seller-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%0A%23seller-arrow%7Bfill:url(%23seller-arrow-gradient)%7D%0A%3C/style%3E%3Cdefs%3E%3ClinearGradient id='seller-arrow-gradient'%3E%3Cstop offset='0%25' stop-color='%23D21E32' /%3E%3Cstop offset='65%25' stop-color='%23DC6464' /%3E%3Cstop offset='100%25' stop-color='%23E48E8D' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='XMLID_224_' d='M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z'/%3E%3C/svg%3E");
        position: absolute;
        right: 0;
    }
    
    .top-sellers .title {
        margin-left:var(--global-padding);
    }

    .top-sellers .right {
        margin-right:var(--global-padding);
    }

}

/* PC */
@media only screen and (min-width: 767px) {
    #headerWrap-2.topheader {
        position: fixed;
        z-index:999999;
        background: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E48E8D 100%);
    }

    .modal-content {
        padding: 100px 100px;
    }

    .top-item-container {
        overflow: hidden;
        justify-content: center;
    }

    .slider-container {
        display: none;
    }

    .top-package-icon {
        width: 275px;
    }

    .top-sellers {
        padding: 100px 0px 100px 0px;
    }

    .top-package-item {
        width: 275px;
        /* 260px if mobile, 275px if PC*/
    }

    .video-container {
        margin: 100px 0px 100px 0px;
    }

    .video-container .video-btn svg {
        width: 80px;
        height: 80px;
    }

    .section-container-two .container-bg {
        margin-left: -30px;
    }

    .section-container-two {
        /* height: 662px; */
    }

    .video-container::after {
        padding: 30px;
    }

    .hidden-gem-images-container {
        grid-template-areas:
            "one one one two two three three"
            "one one one four five five five";

        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: .5fr .5fr;
    }

    .hidden-gem-images-container div::after {
        font-size: 20px;
    }

    .circle::after {
        width: 24px;
        /* if smartphone 16px if PC 24px */
        height: 24px;
        /* if smartphone 16px if PC 24px */

    }


    /* intro text content */
    #intro-text-content {
        gap: 80px;
        padding: 80px 0px;
    }

    #intro-text-content p {
        width: 670px;
        font-weight: 400;
        font-size: 28px;
        line-height: 42px;
    }

    .intro-text-content-subsection {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 100px;
    }

    .intro-text-content-subsection h1 {
        position: relative;
    }

    .intro-text-content-subsection h1::after {
        opacity: .8;
        display: block;
        position: absolute;
        content: '';
        width: 80px;
        /* if smartphone 16px if PC 24px */
        height: 80px;
        /* if smartphone 16px if PC 24px */
        border-radius: 50%;
        top: -48px;
        left: -60px;
        background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, rgba(230, 150, 150, 0.9) 100%);
        z-index: -1;
    }

    .intro-text-content-subsection span {
        width: 428px;
        font-size: 16px;
        text-align: justify;
        line-height: 28.8px;
    }

    /* Footer Navi CSS */
    #footerWrapper .header__navi .header__inner .header__ul01 {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-between;
        column-gap:2rem;
        height: 100%;
        width: 100%;
    }
    #footerWrapper .header__navi .header__inner .header__ul01>li>.submenu{
        position: relative;
        display:flex;
        flex-direction: column;
        top:0px;
        z-index:50;
        box-shadow: none;
    }

    #footerWrapper .header__navi .header__inner {
        height: 1316px;
    }

    .title p {
        font-size: 32px;
        /* if smartphone 20px if PC 32px */
    }

    #footerWrapper .header__ul01>li a, 
    #navi-sp .header__ul01>li a {
        padding:0px 0px 24px 0px;
    }

    #footerWrapper .header__ul01>li, 
    #navi-sp .header__ul01>li{
        margin: 0px 0px 40px 0px;
    }

    #footerWrapper .header__ul01 .submenu li a, 
    #navi-sp .header__ul01 .submenu li a {
        margin: 0px 0px 16px 40px;
    }

    #subscribeform ol div input,
    #subscribeform ol div select,
    #subscribeform ol div input::placeholder {
        font-size: 12px;
    }

    .modal-content .content {
        width: 90%;
    }

}

.slider-container-global {
    width: 100%;
    display:none;
    gap:1rem;
    margin-left:var(--global-padding);
    margin-right: var(--global-padding);
}

.slider-container-global .scroll-range {
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
}

/* Chrome Scrollbar styling */
.slider-container-global .scroll-range::-webkit-slider-runnable-track {
    height: 2px;
    width: 100%;
    background-color: #d4d4d4;
}

.slider-container-global .scroll-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 5px;
    width: 100px;
    position: relative;
    top:-1px;
    border-radius: 50px;
    cursor: pointer;
}

.slider-container-global .scroll-range.ts-range::-webkit-slider-thumb {background: var(--ts-gradient);}
.slider-container-global .scroll-range.tt-range::-webkit-slider-thumb {background: var(--tt-gradient);}
.slider-container-global .scroll-range.bt-range::-webkit-slider-thumb {background: var(--bt-gradient);}
.slider-container-global .scroll-range.ii-range::-webkit-slider-thumb {background: var(--ii-gradient);}

/* Mozilla Firefox Scrollbar styling */
.slider-container-global .scroll-range::-moz-range-thumb {
    height: 5px;
    width: 100px;
    outline: none;
    background: var(--ii-gradient);
    cursor: pointer;
}

.slider-container-global .scroll-range.ts-range::-moz-range-thumb {background: var(--ts-gradient);}
.slider-container-global .scroll-range.tt-range::-moz-range-thumb {background: var(--tt-gradient);}
.slider-container-global .scroll-range.bt-range::-moz-range-thumb {background: var(--bt-gradient);}
.slider-container-global .scroll-range.ii-range::-moz-range-thumb {background: var(--ii-gradient);}

.slider-container-global .scroll-range::-moz-range-track{
    height: 2px;
    width: 100%;
    background-color: #d4d4d4;
}

.your-class {
    max-width: 1160px;
    width: 100%;
    overflow: hidden;
    display:flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding: 50px 15px ;
    gap: calc(15 / 1140* 100%);
}

.your-class .slick-dots {
    bottom: 0px;
}

.your-class .slick-dots li button:before {
    background: #e4e5e6;
    opacity: 1;
}

.your-class .slick-dots li.slick-active button:before {
    background: #d60516;
    width: 13px;
    height: 13px;
    opacity: 1;
    top: -3px;
    width: 8px;
    height: 8px;
    top: -1px;
}

.your-class .slick-dots li {
    margin: 0px;
}

.your-class figure {
    width: calc(370 / 1160* 100%);
    margin-bottom: 10px;
    background: #000500;
    overflow: hidden;
    position: relative;
}

.your-class figure .middle {
    display: table-cell;
    vertical-align: middle;
}

.your-class figure img {
    height: 100%;
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.your-class figure:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.your-class figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 2em;
    display: table;
}

.your-class figure figcaption a {
    color: #231f20;
    text-decoration: none;
}

.your-class figure figcaption h3 {
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    color: #fff;
    margin: 0 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 44px, 0);
    transform: translate3d(0, 44px, 0);
    font-family: "Signika", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.18em;
    position: relative;
    text-shadow: 0 1px 1px #000;
}

.your-class figure figcaption h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.your-class figure:hover figcaption h3 {
    top: 0px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}
.your-class figure:hover figcaption h3::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.your-class figure:hover figcaption p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.your-class figure figcaption p {
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    color: #fff;
}

.insurance-banner--container {
    display:flex;
    flex-direction: column;
    gap: 50px;
    padding: 50px 15px;
}

@media screen and (max-width: 768px) {
    .your-class {
        max-width: 97vw;
    }

    .your-class figure figcaption h3 {
        font-size: 31px;
    }
}

/*
Theme Name: Tourplan
Description: Used to style the TinyMCE editor.
*/
 
i.material-icons{display: inherit;}
.green-text {color:#197d46;}
.red-text {color:#d21e32;}
.orange-text {color:#eb5514;}
.blue-text {color:#005ac8;}
.teal-text {color:#0082a0;}
.dark-teal-text {color:#00647C;}
.pink-text {color:#dc326e;} 
.stamp-text{font-family: "Black Ops One";}
p.cent,h1.cent,h2.cent,h3.cent{text-align: center; }
.yellow-message, .green-message,.red-message,.teal-message,.brown-message{
color: #fff;
border: none;
background-color: #bdbdbd; 
margin: 15px auto;
font-weight: 600;
line-height: 1.6em;
display:inline-block;
clear:left;
border-radius: 16px;
padding: 13px;
text-indent: 33px;width: auto;
  display: flex;
}

.yellow-message p, .green-message p,.red-message p,.teal-message p{margin: 0;padding: 0;position: relative;top: 3px;}
.green-message{background-image: url(https://www.jtbtravel.com.au/u/goog-bell.png)  , var(--green-gradient);background-repeat: no-repeat;}
.red-message{background-image: url(https://www.jtbtravel.com.au/u/goog-bell.png)  , var(--pink-gradient);background-repeat: no-repeat;} 
.teal-message{background-image: url(https://www.jtbtravel.com.au/u/goog-bell.png)  , var(--teal-gradient);background-repeat: no-repeat;} 
.yellow-message{background-image: url(https://www.jtbtravel.com.au/u/goog-bell.png)  , var(--orange-gradient);background-repeat: no-repeat;} 
.brown-message{background-image: url(https://www.jtbtravel.com.au/u/goog-bell.png)  , var(--brown-gradient);background-repeat: no-repeat;}


ul.green-message{margin: 15px 35px;text-indent: inherit;}
ul.green-message h3{line-height: 1em;color: #fff;}



/*
NEW LOOK CSS 
*/
/*H4 pink*/
h4.accent-color{color: #b61d8d; font-weight: bold;}
/* bold red */
strong.accent-color{color: #ed1c24;}

a.btnLarge{
background-color: #3F5371;
color: #fff ;
padding: 13px 48px;
text-decoration: none;
cursor: default;
display: inline-block;
}

/* pink box label*/
p.colored-box{background-color: #b374ac; padding: 8px; color: #fff; width: auto; display: table;}

/*information box - grey header - may not use in the final site*/
table.info-box{width:100%;padding:0;margin: 15px 0;}
table.info-box td{    border: 1px solid black;    padding: 5px 8px 5px 3px;}
table.info-box thead{background: #cacaca; padding: 10px; color: #000000;   }
table.info-box thead td{border:none;padding: 10px;font-weight: bold;}

p.right-side-image{border: none;float:right;padding: 0px 0px 15px 15px;position: relative; }
h3.right-side-price{width: 320px;float:right;padding: 0px 0px 15px 15px;position: relative; height:auto;text-align: right;}
p.right-side-image-no-pad{border: none;float:right;padding: 0px 0px 0px 15px;position: relative; }

/*itinerary section*/
table.itinerary{width: 100%;padding:0 15px;margin: 15px 0; position: relative;    min-height: 1px;   line-height: 1.42857143; color: #333; }
table.itinerary{position: relative;}
table.itinerary table {width: 72%; margin-bottom: 15px;}
table.itinerary table tr {  display: table; width: 100%;}

table.itinerary table table {width:100%;margin-bottom: 15px;padding-top: 0;margin-top: 0 !important; width:100%;  color: #000000;      border: 2px solid #001d7c; border-top: none;     margin-bottom: 10px;}

table.itinerary table table tr{padding: 1px 3px;display: flex;}

table.itinerary table table tfoot tr{   border: 2px solid #f99d1c; border-top: none;  }


.newlookcss table.itinerary table {width: 100%; margin-bottom: 10px;}

td.bluetable{width:18%;background-color:#A4C7E0;font-weight: bold;color: #484848;}

/*only for editor*/
 


/*
NEW LOOK CSS 
*/

hr.redbar{border-top: 4px solid #E00011;width:100%;}

table.remarks{width: 100%; border: 1px solid #cccccc; height: 230px; overflow-y: scroll; padding: 10px 2% 25px 2%;display: block;}
table.floatimagebanner{width:100%;position: relative;}
img.headerbanner{max-width: 100%;width:100%;  height: auto; }

  table.specialitineraryday{background-color: #ccc;}

  td.border-left {
    border-left: 1px solid #ccc !important;
}

	.tab_contents_container table{    margin-top: 2em;}
	.tab_contents_container h4	{    background: var(--blue-flat-gradient-lighter);
    color: #fff; /*tour day 1 day 2 - headings */
    padding: 0.4em 0.8em;
		border-radius: 33px;}
		
.newlookcss ul.tour-inclusion-and-images ul{background:#E6F3FD !important;}

table.product-list-page{background-color: #dadada;}
table.product-list-page table{ width: 55%;}

ul.image-gallery{width: 100%;background-color: #dadada;}


img.width-fifth{width: 20%;padding: 15px 1% 15px 0;height: auto;margin:0;}
img.width-fourth{width: 25%;padding: 15px 1% 15px 0;height: auto;margin:0;}
.center{width: 100%;text-align: center;}
table.fullwidth{width: 100%;}

ul.icons{background-color: #ccc;}
table.colortable{    width: 101%;}
table.colortable td{
	    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border: solid 7px #fff; 
}

td.blue{background: var(--teal-flat-gradient); text-align: center; color:#fff }
td.darkblue{background: var(--blue-flat-gradient); text-align: center; color: #fff; }
td.pink{background: #f6cadb;  }
td.grey{background: #c9c9c9; text-align: center; }
td.silver{background: var(--light-silver-flat-gradient); text-align: center; }
td.red{background: #c00;   color:#fff;text-align: center;}
td.green{background: #0aa009;   color:#fff;text-align: center;}
table.nopadbottom{padding-bottom: 0;margin-bottom: 0;}

span.h3-styling{font-size: 24px;font-family: "Montserrat",sans-serif;}

td.width18pcnt{width: 18%;}
hr.width100{width: 100%;}

h1.europamundo,h2.europamundo,h3.europamundo,h4.europamundo{
color: #818284;
font-weight: bolder;

}
h1.europamundo i,h2.europamundo i,h3.europamundo i,h4.europamundo i,h1.europamundo em,h2.europamundo em,h3.europamundo em,h4.europamundo em{
color: #818284;
font-size: 0.5em;
position: relative;top: -11px;
	font-style: normal;   
}

table.cruise{font-size: 90%;}
td.head{background-color: #5ca5da;color:#fff;}
td.border{border-bottom: solid 1px #ccc;}

table.quad-split{width: 100%;}

table.has-border-only{width: 96%;padding: 2%;margin:20px 0;border:1px solid #686868; }


/*
all past styles deleted - follow the 2024 SEED-TECH redesign guideline

h1
font-size: 32px; font-weight: 700; font-family: "Open Sans", sans-serif;

Detault-temaplate top image banner:
1777 X 474 pix

*/

/*gradients*/
:root {
--green-gradient: linear-gradient(90deg, #284632 0%, #197d46 65%, #81AF07 100%);
--green-gradient-baseball: linear-gradient(90deg, #123631 0%, #197d46 65%, #81AF07 100%);
--green-gradient-transp: linear-gradient(90deg, #284632aa 0%, #197d46aa 65%, #81AF07aa 100%);
--light-green-gradient: linear-gradient(90deg, #5a6446 0%, #8cbe1e 65%, #dcdc00 100%); 
--light-bright-green-gradient: linear-gradient(90deg, #0c9c1d 0%, #8cbe1e 65%, #dcdc00 100%);
--green-flat-gradient: linear-gradient(90deg, #197d46 0%, #3C8E31 65%, #81AF07 100%);
--small-green-gradient: linear-gradient(90deg, #197d46 0%,  #81AF07 100%);
--pink-gradient: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E38A89 100%);
--pink-flat-gradient: linear-gradient(90deg, #D21E32 0%, #D94D53 65%, #DC6464 100%);
--yellow-gradient: linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC100 100%);
--blue-gradient: linear-gradient(90deg, #001C7B 0%, #005AC8 60%, #009FDF 100%);
--blue-gradient-transp: linear-gradient(90deg, #001C7Baa 0%, #005AC8aa 60%, #009FDFaa 100%);
--blue-flat-gradient: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA 100%);
--blue-flat-gradient-lighter: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA99 100%);
--teal-gradient: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%);
--teal-flat-gradient: linear-gradient(90deg, #0082a0 0%, #0C90AA 60%, #2AB3C3 100%);
--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 65%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 65%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 65%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 65%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 65%, #E5E5E5 100%);
--orange-gradient: linear-gradient(90deg, #cc0000 0%, #eb5514 60%, #FBA504 100%);
--orange-gradient-transp: linear-gradient(90deg, #da3306dd 0%, #eb6514aa 60%, #FBA50433 100%);
--yellow-gradient: linear-gradient(90deg, #ff6400 0%, #ffa500 60%, #FFB800 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 65%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF33 100%);
--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 65%, #dc8200 100%);
--green-brown-gradient: linear-gradient(90deg, #644600 0%, #8c6400 65%, #d2a000 100%);
--orange-gradient-40: linear-gradient(90deg, #cc0000dd 0%, #eb5514aa 60%, #FBA504cc 100%);
--blue-gradient-40: linear-gradient(90deg, #001C7Bdd 0%, #005AC8aa 60%, #009FDFcc 100%);
--purple-gradient: linear-gradient(90deg, #462864 0%, #7832a0 65%, #c878be 100%);


/*darken the lightest colour
https://meyerweb.com/eric/tools/color-blend/
*/
}




/*2026*/

.page-id-44145 h3{font-size: 22px;}

#subscribeform select,#subscribeform input{padding: 0.4em 0.8em;}
#subscribeform  #form_message{margin-top: 10px;
  font-size: 23px;
  color: #d22034;
  font-weight: bold;}
#subscribeform  .newslettersubmit{background: var(--pink-gradient);
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  padding: 8px 25px;
  color: rgb(255, 255, 255);
  height: auto;
  width: auto;
  text-decoration: none;
  font-weight: bold;
  border: medium;
  min-width: 250px;
  text-align: center;
  margin: 0.5em auto;
  display: block;
border-radius: 7px;}
#subscribeform  .newslettersubmit:hover{background: var(--pink-flat-gradient);
filter: hue-rotate(12deg)brightness(1.3);}
#subscribeform  .flex{display:flex;}
#subscribeform small{font-size: 14px;
  color: #828282;}
#subscribeform{display:inline-block !important  ;}
#subscribeform .ss-form-entry{width:100%;margin:1em;}
html #jtb_terms{width:auto !important ;}
h4.pink-text {display:inline;}
.page-id-791  #tabs_container img {max-width:100%;}
html .page-id-44157 blockquote ,
html .page-id-44175 blockquote 
{ 
  font-size: 14px;
  color: #005491;
}

#tabs_container img{max-width:34%;height:auto;}
html #tabs_container  .image3list img {max-width:100%;}
html .top-trending-container .top-package-item {
  height: 351px;
}
h4,hr{clear: both;}

.page-template-tp_plugin_template2 .tourlist_7_5,
.page-template-tp_plugin_template2 .tourlist_7_9,
.page-template-tp_plugin_template2 .tourlist_7_13,
.page-template-tp_plugin_template2 .tourlist_7_17,
.page-template-tp_plugin_template2 .tourlist_7_21,
.page-template-tp_plugin_template2 .tourlist_7_25,
.page-template-tp_plugin_template2 .tourlist_7_29,
.page-template-tp_plugin_template2 .tourlist_7_33
{clear:left;}


.page-id-36393 .yellow-message{display:block !important ;}


/* 2025 edits */

html #navi .jtbmenu1 {
  filter: grayscale(1) brightness(10);
	font-size:22px !important ;
}html #navi .jtbmenu1 a {
   
	font-size:21px !important ;
}
 
.tag .container img,
.category-reviews  .container img ,
.is-review-post .container  img{
	filter: brightness(1.2) saturate(1.3);
}

#baseball2025 a{width: 100% !important;
  text-align: left;
  background: #ffc035;color: black;
  font-size: 16px;
  display: block;text-decoration:none;
  padding: 1em;}
#baseball2025{width: 100%;
text-align: center;}



.page-id-43822 .post  h2,
.page-id-43822 .post  h3,
.page-id-43885 .post  h2,
.page-id-43885 .post  h3
{
	font-size: 45px;
  font-weight: bold;
  color: #123631;
  text-align:center;
  width:100%;
} 
html .page-id-43822 .post  h3,
html .page-id-43885 .post  h3{
font-size: 35px   ;}
.page-id-43822  ol,
.page-id-43885  ol{ 
  padding: 2em;width:100%;clear:both;
list-style: none;}

.page-id-43822  .post h4,
.page-id-43885  .post h4{font-weight: bold;
  color: #123631;
  text-align: center;
  width: 100%;
font-size: 22px;}

.page-id-43822  footer,
.page-id-43885  footer
{display:none;}


.my-before-footer{
	width: 100%;
  margin-top: 4.5em;
  padding: 150px 4.5em;
  background: #002823;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.my-before-footer::before {
  content: '';
  width: 800px;
  height: 800px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1000px;
  transform: translate(-24%,-50%);
  opacity: 0.05;
  mix-blend-mode: color-dodge;
}
.my-before-footer::after {
  content: '';
  width: 1000px;
  height: 1000px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 1000px;
  transform: translate(-18%,88%);
  opacity: 0.05;
  mix-blend-mode: color-dodge;
}

.my-before-footer div{z-index: 99;
  position: absolute;
  width: 100%;
top: 3em;}
.my-before-footer img{height:auto;max-width:100%;width:666px;}
.my-before-footer p{font-size: 18px;margin-top: 2em;
  font-weight: bold;}

.page-id-43822  ol li img{max-width:100%;height:auto;}
.page-id-43822  ol li{ 
  position:relative;margin-right:2%;
  width:45%;float:left;
  }
  .page-id-43822 ol table
  {width: 100%;
  border: none;
  padding: 1em;
  display: inline-block;}

body.page-id-43822 ,
body.page-id-43885 
{background-color: #EBEBE4;}
.page-id-43822 .post ,
.page-id-43885 .post {
font-size: 18px;}

.page-id-43822   table  h3, .page-id-43885     table h3 {
  font-size: 30px !important;
}

.page-id-43822 ol table .btn {
  display: block;
  position: relative;
  color: white;
  padding: 10px 20px;
  margin: 10px 0;
    margin-top: 10px;
  border-radius: 20px;
  text-decoration: none;
  width: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background: var(--green-gradient-baseball);
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;
  margin-top: auto;
}

html .page-id-43822 #cf7md-form .mdc-button--primary.mdc-button--raised, .page-id-43822 .btnx, .page-id-43822 .button  {
  background: var(--green-gradient-baseball);
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  padding: 8px 25px;
  color: #fff;
  display: inline-block;
  height: auto;
  width: auto;
  text-decoration: none;
  font-weight: bold;
  border: none;
  border-radius: 3px;
  min-width: 200px;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 5px;
}


html #cf7md-form .mdc-textfield__label {
  line-height: 1.65; 
  margin-left: 5px;
}

.old-3-banners em{font-size: 88%;  font-style: italic;}

.jtbacred{width: 755px;height:auto;max-width:100%;}
.content-container img{max-width:100%;height:auto;}
html table.itinerary .classone img.icon{height:auto;width: 42px;}


.postid-43580 ol{width:100%;display: inline-block;position:relative;clear:both;}
.postid-43580 ol li	{list-style: none;
  width: 30%;
  float: left;
	margin-right: 2%;}
.postid-43580 ol li	 img	{border-radius: 10px;}

html .usj .header td{font-weight:bold !important ;}
span.disabledbutton{
	background: var(--light-silver-gradient) !important;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  padding: 8px 25px;
  color: #fff;
  display: inline-block;
  height: auto;
  width: auto;
  text-decoration: none;
  font-weight: bold;
  border: none;
  border-radius: 3px;
  min-width: 200px;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 5px;
}
.page-id-38947 .yellow-message{font-size:17px;}


html .page-id-43139 header, /*TC iframe show none*/
html .page-id-43139 footer,
html .page-id-43139 #breadcrumbs
{display:none;}


.top-sellers img{max-width:100%;height:auto;}
.usjexpress textarea{width: 300px;
  height: 88px;}

html table.colortable.usj{height:1950px;
width: 100%;
}

html table.colortable.usj td,
html table.colortable.usj tr{
text-align:center;
}
html table.colortable.usj td { 
margin:0;
  border: solid 3px #a1a1a1; 
  font-size: 12px;
  font-weight: initial;
}
html table.colortable.usj h4,
html table.colortable.usj h5{
	font-size: 12px;
  font-weight: bold  !important ;
}

html table.colortable.usj td.blue,
html table.colortable.usj td.darkblue{
	position: sticky; left: 0; z-index:99999;line-height: 1.2em;max-width: 50%;
}

html table.colortable.usj tr.header td{background: var(--blue-flat-gradient);
  text-align: center;
color: #fff;}
html table.colortable.usj h5{
	font-size: 15px  !important ;
  font-weight: bold;
}
html table.colortable.usj{background: var(--light-silver-flat-gradient);}

html .page-id-791 input[type="radio"], html .page-id-791 input[type="checkbox"] {
  margin: 6px 0 0;
    margin-bottom: 0px;
}


.page-id-35533 .collapse {
  display: block  !important ;

}

.page-id-35533  #counterlabeljr1,
.page-id-3347  #counterlabeljr2,/*don't show current page pass in footer*/
.page-id-3434  #counterlabeljr3,/*list of jr button links*/
.page-id-3403  #counterlabeljr4,
.page-id-3458  #counterlabeljr5,
.page-id-3480  #counterlabeljr6,
.page-id-3474  #counterlabeljr7,
.page-id-3478  #counterlabeljr8,
.test .t9989
{display:none !important ;}


#wp-admin-bar-edit a{background: var(--green-flat-gradient);}
html #wpadminbar .yoast-issue-counter { 
  background: var(--orange-gradient);
}
#wp-admin-bar-site-name a.ab-item,#wp-admin-bar-site-name a.ab-item:hover{
	background: url(https://www.jtbtravel.com.au/wp-content/themes/jtb-australia/components/header_footer/assets/img/common/header/jtb-logo-white.png) !important ;   
  background-size: 49px !important ;
  padding-left: 4.5em !important ;opacity: 0.944;
  background-repeat: no-repeat !important ;
  background-position: top 2px left 4px !important ;
}
#wp-admin-bar-site-name ul a{background:initial !important ;background-image:none !important ;}
#wp-admin-bar-site-name a.ab-item::before{display:none;}
.pad{margin-top: 1em;
margin-bottom: 1em;}

html #cf7md-form.cf7md-form + .wpcf7-response-output { 
  border-bottom: 2px solid #002bd5; 
  color: #0053d5; 
}
html figure.wp-block-table  td,
html figure table td{border:0;}
html figure.wp-block-table table table table tr:first-of-type
	{padding-top: 0;
  margin-top: 0 !important;
  width: 100%;
  color: #000000;
  border: 2px solid #001d7c;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(0, 29, 124);
  border-top: none;
	margin-bottom: 10px;}

.a-home-message a{
	  font-size:  initial;
	font-weight:600;
}

.a-home-message h2 a,
.a-home-message h3 a {
  font-size: 125%;
  font-weight: 600;
}

body.tag{margin: 0 !important ;
padding: 0 !important ;}

body .homevideobutton{
	margin-top: 1.5em;
  font-size: 18px;
  font-weight: bold;
  background: var(--blue-gradient)  !important ;
  color: white;    z-index: 99999;
}
body .homevideobutton:hover{ 
  color: white !important ;
  background: var(--teal-flat-gradient)  !important ;
}
body .homevideobutton:active,body .homevideobutton:focus,body .homevideobutton:visited { 
  color: white !important ;
}


.copyright-logo a:visited,.copyright-logo a:active,.copyright-logo a:focus,.copyright-logo a,
.copyright-logo a:target,
.copyright-logo a:focus-visible,
.copyright-logo a:focus-within
 {
  color: #ffc2d1;  transition: none !important;
  outline: none !important;
}
.copyright-logo a,
html  .copyright-logo a:link, html  .copyright-logo  a
{color: #ffc2d1;}
.copyright-logo a:hover {
  color: #fff  !important ; 
}

html footer .social img { 
  width: 50px;
}


html .copyright-logo .logo {
  width: 300px;
  height: auto;
}

html #roobix_footer > * {
  margin-bottom: 10px;
}

#wp-admin-bar-llar-root{display:none;}

.tab_contents_container figure.alignright {
	margin-top: 0;
  padding-top: 0;
  clear: right;
  display: inline-block !important;
}
.tab_contents_container{line-height: 1.8em;}


/*MOBILE*/


@media only screen and (max-width: 768px) {


html .calendar-wrapper{width:100%;}



}/*END-mobile*/




/*MOBILE-tiny*/
@media only screen and (max-width: 480px) {
html .calendar-wrapper{width:100%;}

html table.colortable.usj td.blue, html table.colortable.usj td.darkblue {
  
  max-width: 122px  !important ; 
}


}/*END-mobile*/





/*SMALL - computer screen*/
@media only screen and (max-width: 768px) {
html .calendar-wrapper{width:100%;}
}
/*END-small-comp-screen*/





/*rail tickets point to point*/
.page-id-35813 .green-text{font-size: 17px;color: #1b1b1b;}



.page-id-38391 .daytourcap {color: #d21f33;
font-weight: bold;}

html .video-container {
  max-width: 888px;
}

/*car insurance*/

.page-id-36975 .colortable{
background: var(--light-silver-gradient);
  border-radius: 10px;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-table;
  list-style: none;
}
.page-id-36975 .colortable td{
	font-weight: inherit;
}

html #footerWrapper .header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(1) a, html #navi-sp.header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(1) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/tokyo-jtb.jpg");
  height: 100%;
  width: 100%;
}
html #footerWrapper .header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(2) a,html  #navi-sp.header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(2) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/kyoto-home.jpg");
  height: 100%;
  width: 100%;
}
html #footerWrapper .header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(3) a,html  #navi-sp.header__navi .header__ul01 > li.sub:nth-child(1) .submenu .img-link li:nth-child(3) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/hokkaido-mountains.jpg");
  height: 100%;
  width: 100%;
}

#footerWrapper .header__ul01 > li  > ul > li > a > span, #navi-sp .header__ul01 > li > ul > li > a > span,
#footerWrapper .header__navi .header__ul01 > li  .img-link li > a > span, #navi-sp.header__navi .header__ul01 > li   .img-link li > a > span 
 {
	text-shadow: 2px 2px 3px #000000dd;
}
 html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(1) a, html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(1) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/sakura-jtb.jpg");
}
html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(2) a,html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(2) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/takoyaki.jpg");
}
html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(3) a,html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(3) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/jr-train-show.jpg");
}
html #footerWrapper .header__ul01 > li:nth-child(2) > ul > li:nth-child(4) a,html  #navi-sp .header__ul01 > li:nth-child(2) > ul > li:nth-child(4) a {
  background-image: url("https://www.jtbtravel.com.au/wp-content/uploads/2025/02/requirements.jpg");
}
.category-reviews  .fixed-banner,
.post-template-default .fixed-banner{display:none;}


.page-template-page-tour-23 .header_footer .footer__inner01 { 
  margin-top: 1em;
}
html body.page-template-page-tour-23 .image3list {margin-bottom: 1em !important;}



table tbody, table tr, table td{
	vertical-align: top;
}

 
 html .page-id-41904 .col-sm-3 

 { 
    min-height: 265px;
  }
  
 html .page-id-36536 .col-sm-3

 { 
    min-height: 377px;
  }
 
 
 
/*new day tours tree*/

#jtbdtbuttons div,
#jtbdtbuttons button{margin-top:0.5em ;margin-bottom:0.5em;}
.day-tour-main-image-container {position:relative;}
.day-tour-main-image-container .jtbicon{position:absolute;top:1em;right:1em;width:88px;}
.day-tour-main-image-container .jtbicon img{max-width:100%;height:auto;
background:var(--orange-gradient-transp);border-radius:125px;padding: 5px;
}
html .day-tour-main-image-container .multi2{top:122px !important ;}
html .day-tour-main-image-container .multi3{top:244px !important ;}
html .day-tour-main-image-container .multi4{top:466px !important ;}

.ghib4{width:100%;margin-bottom:1.5em;display: inline-block;}
.ghib4 img{position:relative;float:left;width:22%;height:auto;margin-right:2%;}

.ghib2{width:100%;margin-bottom:1.5em;display: inline-block;}
.ghib2 img{position:relative;float:left;width:42%;height:auto;margin-right:2%;}
html .page-top{margin-bottom: 1em;}

.page-template-page-day-tour-php .border-center  .col-sm-12, .border-center .col-xs-12
{padding-top: 0;}  
  
#day-tour-container .fromprice,#day-tour-container .frompricehidden,
.page-template-default .fromprice,.page-template-page-tour-23-php .fromprice,.page-template-default .frompricehidden
{
display: inline-flex;
min-width: 228px;
  height: 48px;
  border-radius: 58px;
  color: 159E1D;
  border: 2px double transparent;
background-image: linear-gradient(white, white), linear-gradient(90deg, #159E1D 0%, #73B71E 60%, #BACF0D 100%);  background-origin: border-box;
  background-clip: padding-box, border-box;
  font-size: 16px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: 600;
  padding: 20px;
  align-content: center;	
}
html #day-tour-container .frompricehidden,
html .page-template-default .frompricehidden{
background:   linear-gradient(90deg, #212121 0%, #37474F 60%, #1A237E 100%);  background-origin: initial;	color:white;font-weight:bold;margin-left: 2em; }

  html button.day-tour-button { 
  display: inline-flex; margin-right:2em;}
  
html #day-tour-container .day-tour-itinerary-content-1 {
  padding: 10px 0 0;
  margin-bottom: 0;
}

html .your-class figure {
  width: calc(375 / 1160* 100%);
  height: 250px;
}
.old-3-banners .your-class{margin-bottom:0;}

.hidden_item{filter:invert(1)hue-rotate(180deg);}
.hidden_item img{filter:invert(1)hue-rotate(180deg);}

.tour-card{position:relative;}

.tour-card span.topseller, /* ### top sell, %%% new!  */
.tour-card span.newtour
{position: absolute;
  top: 0.5em;
  padding: 0.3em 1.3em;
  border-radius: 10px;
  background: var(--pink-gradient);
  color: #fff;
  font-weight: bold;
  margin-left: 0;
  left: 0.5em;}
  
html .tour-card span.newtour{
	background: var(--light-bright-green-gradient);
}

html .pink{color:#F50057;}

html .header_footer .header__navi .header__ul01 > li.sub .submenu { 
  box-shadow: 0px 1px 1px #24242466;
}

html .container #tp_detail_section{
	margin-bottom: 2em;
}
 
 
 .page-id-41896  .yellow-message span{
width:100%;clear:both;
}

html input[type="radio"], html input[type="checkbox"] {
  margin: 1.2px 0 0; 
}

#intro-text-content .yellow-message,#intro-text-content .red-message {font-size: 17px;
  line-height: 1.7em;
  margin-bottom: 0em;
  margin-top: 0em;}

/* popular tours - REMOVE*/
.tour-card .tour-info {  position: unset  !important ;}
.page-id-40138 .ribon-red-desktop,
.page-id-40138 h3,
.page-id-40142 .ribon-red-desktop,
.page-id-40142 h3,
.page-id-40126 .ribon-red-desktop,
.page-id-40126 h3,
.page-id-36943 .ribon-red-desktop,
.page-id-36943 h3,
.page-id-36941 .ribon-red-desktop,
.page-id-36941 h3,
.page-id-33050 .ribon-red-desktop,
.page-id-33050 h3,
.parent-pageid-33050 .ribon-red-desktop
/* ,
.parent-pageid-33050 h3 */
{display:none;}
.page-id-40138 h2,
.page-id-40126 h2,
.page-id-40142 h2,
.page-id-36943 h2
{margin-bottom: 0.6em;}
.page-id-36943 h4, .page-id-36941 h4,
.page-id-33050 h4, .parent-pageid-33050 h4
	{    font-size: 22px;}
	 .page-id-36943  .thumbnail h4,   .page-id-36941  .thumbnail h4,
 .page-id-33050  .thumbnail h4,   .parent-pageid-33050  .thumbnail h4
	{font-size: 18px  !important ;}


html .roobix-footer-container {
  padding: 55px 0px 20px 0px;
}
footer .social a{margin-right: 2em;}
html header .social{
	width: auto;position:relative;float:right;
}html header .social img{height: auto;
  width: 23px;
  margin-left: 1em;
  margin: 0 0 0 1em;
padding: 0;}
html header .socialmobile{
	width:100%;display: block;
  margin: 1.5em;
}html header .socialmobile img{
	width:44px;
}

/*day tour detail page contact form*/
.day-tour-accordion #cf7md-form .mdc-textfield__label { 
  bottom: 10px;
  left: 5px; 
}

html h1{font-size: 32px;   margin-bottom: 0.5em;}

.day-tour-accordion #cf7md-form .mdc-textfield__label--float-above { 
  transform: translateY(-80%) scale(0.6,0.6);
}
.tour-card .btn:hover { 
  background: var(--light-silver-gradient); 
}

.page-id-33050 h2,.parent-pageid-33050 h2{margin-bottom:0.8em;}
.page-template-page-day-tour .day-tour-include-details .row ul li span img{width: 8px;
  display: inline-block;
  height: 8px;
  max-width: 8px;}


.page-id-36941  #send-inquiry-button,
.page-id-36941  #day-tour-accordion{
	display:none;
}
#cf7md-form .wpcf7-form-control.wpcf7-text, #cf7md-form .wpcf7-form-control.wpcf7-select, #cf7md-form .wpcf7-form-control.wpcf7-textarea {
    padding-left: 5px !important;
}
html #cf7md-form .mdc-textfield--multiline .mdc-textfield__label {
    top: 11px; 
}


.day-tour-ticket-details ul, .day-tour-ticket-details li, .day-tour-ticket-details span, 
.day-tour-ticket-details p,
html p.day-tour-itinerary-content,
html .day-tour-itinerary-details ul li .day-tour-itinerary-content,
.day-tour-include-title ul p,
html .day-tour-include-details ul li p,
html .day-tour-itinerary-content-1 p,
html .day-tour-itinerary-content-2 p,
html .day-tour-itinerary-content-3 p,  /*kate wants all the fonts to be tiny*/
html .day-tour-itinerary-content-4 p,
html .day-tour-itinerary-content-5 p,
html .day-tour-itinerary-content-6 p,
html .day-tour-itinerary-content-7 p,
html .day-tour-itinerary-content-8 p,
html .day-tour-itinerary-content-9 p,
html .day-tour-itinerary-content-10 p,
html .day-tour-itinerary-content-11 p,
html .day-tour-itinerary-content-12 p,
html .day-tour-itinerary-content-13 p,
html .day-tour-itinerary-content-14 p,
html .day-tour-itinerary-content-15 p,
html .day-tour-itinerary-content-16 p,
html .day-tour-itinerary-content-17 p,
html .day-tour-itinerary-content-18 p,
html .day-tour-itinerary-content-19 p,
html .day-tour-itinerary-content-20 p,
html .day-tour-itinerary-content-21 p,
html .day-tour-itinerary-content-image .day-tour-itinerary-content-image-content,
html .day-tour-itinerary-start-time .day-tour-itinerary-start-time-time
{font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
color: #323232;}

html .day-tour-include-details .day-tour-not-include-title ,
.day-tour-ticket-details .day-tour-include-title{
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 27.24px;
  background: linear-gradient(90deg, #D21E32 0%, #DC6464 60%, #E69696 100%);
    background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}.day-tour-ticket-details .day-tour-include-title{width:100%;}
html .day-tour-ticket-details {
display: block;}
html .day-tour-itinerary-start-time .day-tour-itinerary-start-time-title
{font-size: 20px;}


.page-id-40678 .entry ul,
.page-id-41230 #day-tour-container .day-tour-content  ul{width:100%;display: inline-block;margin-bottom:1em;}
.page-id-40678 .entry ul li,
.page-id-41230 #day-tour-container .day-tour-content  ul li{list-style:none;width:23%;position:relative;float:left;
border-radius:10px;background:var(--light-silver-flat-gradient-lighter);
margin-right:1.5%;
padding:15px;
}
.page-id-40678 .entry ul li.newrow4,
.page-id-41230 #day-tour-container .day-tour-content  ul li.newrow4
{clear:right;}
.page-id-40678 .entry ul li.newrow5,
.page-id-41230  #day-tour-container .day-tour-content  ul li.newrow5
{clear:left;}

/*go live minor adjust */

.section-container figure ,section.video-container img.section-container {
	border-radius: 20px; }

.right-side-image{clear:right;}
.page-id-30 .image3list .footer__inner01 ,
  .calendar-wrapper.cal6, /*.calendar-wrapper.cal4,.calendar-wrapper.cal5 ,*/
#wp-admin-bar-search
{display:none;}
.page-id-30  #top-banner23{background:#fff;}
.page-id-4798 input[type=text]{
	    clear: left;
    width: 70%;
    display: block;
margin-bottom: 0.55em;}
html  .day-tour-button:hover > svg {fill: #fff  !important ;  }
/*  fill: url(#MyGradient);*/
#top-banner23 img{border-radius:0  !important ; }
#wp-admin-bar-comments{display:none;}
.itinerary .progress_bar_container td { 
    position: relative;
    min-height: 0px;
    display: block;
    float: left;
}
.page-id-4608 #content{text-align:center;}
.page-id-4608	#breadcrumbs{display:none;}
body.error404 #four0four h2{margin-top:1em;margin-bottom:0.6em;}
.post h2, .post h3, .post h1,
.post h4,.post h5{margin-bottom: 0.5em;}
.contactformonly{display:none;}
html  .page-id-4595  .contactformonly{display:block;}
.topbannerimagejtbcontainer{width:100%;}
.topbannerimagejtb{width:100%;height:auto;}
.page-id-30925 .title-with-icon{display:none;}

.category-reviews h2.review-title,
.reviewsdetailpage h1{
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: var(--blue-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:1.3em;font-weight: bold;
  margin:1em 0 0.5em 0 ;display:inline-block;
}
.reviewsdetailpage .right,
.category-reviews .right{position: relative;
  float: right;
  clear: right;
display: block;}
#categorynavigation{display:inline-block;width:100%;margin-bottom:1em;}
.reviewsdetailpage .left,
.category-reviews .left{position: relative;
  float: left;
max-width:50%;
display: block;}
.taggedpost{margin:2em 0 1em 0;}
.reviewsdetailpage::after{
	margin-bottom:2em;
}
.page-template-tour-template-custom-php #home-slider{display:none;}
.page-template-tour-template-custom-php h3{margin-bottom:0.8em;}
.page-template-default .row img.alignright {clear:right;}

.page-template-default h3 span.green-text,
.page-template-default h2 span.green-text{
		display: flex;
  gap: 1rem;display: inline-block;
  background: var(--green-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:1.3em;font-weight: bold;
  margin: 0.5em 0 0 auto;
}
.pad1em{padding:1em;}
.page-template-tp_plugin_template h2{margin-bottom:0.8em;}
.clearleft {clear:left;}

.cf7md-item small {font-size: 14px;
  line-height: 17px;
  color: #8c8c8c;position: relative;
  top: -10px;
  display: block;}



/*world-2-cover banners - blog page*/
.blogpageimagebanner{max-width:100%;display: inline-block;
  clear: both;width: 100%; margin-bottom:2em;
  height: auto;}
.blogpageimagebanner img{max-width: 100%;
  height: auto;width: 100%;}



/*WORLD EXPO osaka 2025 */

body.parent-pageid-36536 .ticketSearchPanelInner .priceElement{
	color: #333;margin-bottom: 1.4em; display:none;
}body.parent-pageid-36536 .multi-product{
	margin-bottom: 2em;
  margin-top: 1em;
} 
.page-id-36536 h4{ font-size: 27px;}
.page-id-36536 .caption h4 { font-size: 18px;}
.page-id-36536 .expoticket h4 { font-size: 18px;}

.page-id-36536 .right-side-image img	{margin: 0 0 0.5em 3em;}
.page-id-37543 textarea{    min-width: 90%;
min-height: 100px;}
.page-id-37543 input{    clear: both;
    position: relative;
    display: block;
    width: 80%;}

div.expoticket{
	width:100%;position:relative;
	padding:0.5em;padding-left:245px;
	border-radius:15px;
	background:var(--light-silver-flat-gradient-lighter);
	display: inline-block;
	margin-bottom:1.5em;overflow:hidden;
}div.expoticket span{
margin-right:1.85em;}
div.expoticket img{left: 0px;
  top: 0px;
  border-radius: 15px 0 0 15px;
height:auto;width:222px;position:absolute;}
div.expoticket select{margin-left:9px;}


/*T/C iframe inject into all our sites, if iframe, remove head footer*/
body.in-iframe  .mobileonly2x {display:none;}
body.in-iframe  header,
body.in-iframe footer,
body.in-iframe #breadcrumbs
 {
  display:none  !important  ;
}

body.in-iframe .topbannerimagejtbcontainer {
	position:relative;top:-40px;
}
body.in-iframe {
	position:relative;top:-70px;
}

/* 2024 day tours new pages*/

.parent-pageid-36941.page-template-tp_plugin_template2 .ribon-red-desktop,
.parent-pageid-36941.page-template-tp_plugin_template2 .container .row .col-xs-12 h3,
.page-id-36536 .ribon-red-desktop,
.page-id-36536 .container .row .col-xs-12 h3
{
	display:none;
}
.parent-pageid-36941.page-template-tp_plugin_template2 .container   h2{margin-bottom: 0.7em;}

.page-id-36941 .day-tour-content img {    border-radius: 20px;
    position: relative;
    top: -15px;}
	
html	#day-tour-container{    padding-top: 0  !important ;}

/*google material design spinner*/
.spinner{animation:rotator 1.9s linear infinite;margin:15px
auto;display:block}
@keyframes
rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}
.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.9s ease-in-out infinite, colors 6s ease-in-out infinite}
@keyframes
colors{0%{stroke:#7bac0b}25%{stroke:#df7272}50%{stroke:#d21e32}75%{stroke:#e84c12}100%{stroke:#792e14}}
@keyframes
dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:146;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}
@media  (max-width: 1199px){.navbar-header .navbar-brand{background-size:150px;background-position:35px -2px}}
/*@media   (max-width: 991px)*/



/*amend seed-tech's stuff - after live? */

html .top-package-item:hover img  {
    opacity: 1;
    filter: sepia(0.3) contrast(1.1) saturate(0.8);
}

.modalx{display:none;}


/*page header*/
#content .post h1, #content .post .ribon-red-desktop {
    display: none;
}#content .post .entry h1{display:inherit;}
html div.ribon-red-desktop , html div.ribbon-red-desktop { 
    background: var(--pink-gradient);     height: 7px; }
html .post h1 {font-size: 32px; font-weight: 700; font-family: "Open Sans", sans-serif;}
 html hr{ 
    background: var(--light-silver-gradient);     height: 7px; }

h4.green-text{    font-size: 28px;    font-weight: 700;
    display: flex;     justify-content: center;
    align-items: center;     gap: 1rem;
    background:var(--green-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding: 0.4em 0;
}
.image3list{margin: 0.8em 0em 1.5em 0em;}
html .header_footer .header__navi .header__ul01>li.act>a {
        border-bottom: none;}
		
html #wpadminbar{ background: var(--brown-gradient);  z-index: 999999999;}
#wp-admin-bar-wp-logo{display:none;}


/*specific page styles*/
.page-id-4595 .entry table,.page-id-4595 .entry table tr, .page-id-4595 .entry table td{    border: none;}
.page-id-4595 .entry table td{ padding-right:2em;}
.page-id-4595 .ribon-red-desktop{background:var(--teal-gradient)}
.required {color:#d21e32;font-weight:bold;}


/*buttons*/


.ss-chkbox input{width: 3em !important ;
float: left !important ;}
.ss-chkbox span{display: inline-block; 
  position: relative;}

html .page-id-35517 .btnx,.button {    font-size: 15px;}
html #cf7md-form .mdc-textfield--focused .mdc-textfield__label {
    color: #197d46;
}
html #cf7md-form .mdc-select:focus {
    border-bottom: 1px solid #197d46;
}

html #cf7md-form .mdc-checkbox__background::before { 
    background: #197d46; 
}


html #cf7md-form .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after, #cf7md-form .mdc-multi-select:focus .mdc-list-item:checked, #cf7md-form .mdc-checkbox__background::before, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-radio__background::before, #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, #cf7md-form .mdc-button--primary.mdc-button--raised, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background::before, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before , .page-id-3392 .btn,  .page-id-3394 .btn, .ticketResultPanelInner .btn,
.page-id-35533 .btn, .agent-form-buttons .btn
{
    background: var(--small-green-gradient);
}
html #cf7md-form .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after, #cf7md-form .mdc-multi-select:focus .mdc-list-item:checked, #cf7md-form .mdc-checkbox__background::before, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,html  #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, html #cf7md-form .mdc-radio__background::before,html  #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,html  #cf7md-form .mdc-button--primary.mdc-button--raised, html #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background::before, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, #cf7md-form .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before {
  background-color: #66c45e;
}
html #cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus,html  #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, html #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, html #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,html  #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #197d46;
}

element.style {
}

html #cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus, html #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, html #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, html #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, html #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #197d46;
}
#cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus, #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #3f51b5;
} 

html #cf7md-form .mdc-button--primary.mdc-button--raised,
.page-id-35517 .btnx,.button , button#agent-jr-send, .ticketSearchPanel button,
html a.btnLarge ,html a.btnx , html a.btnSmall, 
html a.btnMedium,.button , button.btnx,
#flightbox #contact_form button#agent-jr-send,
 #flightbox #contact_form .btnLarge,  .page-id-3392 .btn, .page-id-3394 .btn,
 .ticketResultPanelInner .btn,.agent-form-buttons .btn,
 .page-id-35533 .btn
{
background: var(--green-gradient);
font-size: 20px;
font-family: "Open Sans", sans-serif;
padding: 8px 25px; color:#fff;
display: inline-block;
height: auto; width: auto;
text-decoration:none;
font-weight: bold;
	border: none;
border-radius: 3px;
min-width: 200px;
text-align: center;
margin-right:8px;margin-bottom:5px;
}

html a.btnLarge:hover ,html a.btnx:hover , html a.btnSmall:hover, html a.btnMedium:hover ,.button:hover ,button.cf7md-submit-btn:hover,button.btnx:hover, .ticketSearchPanel button:hover,
button#agent-jr-send:hover ,  .page-id-3392 .btn:hover, .page-id-3394 .btn:hover
 #flightbox #contact_form .btnLarge:hover, .page-id-3394 .btn:hover ,
 .ticketResultPanelInner .btn:hover,.agent-form-buttons .btn:hover,
 .page-id-35533 .btn:hover
 {
    background: var(--light-green-gradient)  !important ; 
	color:#fff; text-decoration:none;
} 


html .page-id-24151  .theme-park .row .col-sm-3 .thumbnail{
	min-height: 235px;
}.major-attractions h3{width:100%;clear:both;}
.page-id-24151 h3{
	margin:0.8em 0 0.5em;
}


/*button smol*/
 #flightbox #contact_form .btnx,.agent-form-buttons .btn,
  #flightbox #contact_form .btnLarge, html body .btnSmall,
  .page-id-35533 .btn
{font-size: 16px;padding: 5px 15px;min-width: 150px; }

/*tp search box blue small buttons*/
 .tourplan_plugin_section button.btn{font-size: 14px;min-width:inherit;}
 .tourplan_plugin_section	span.pikaday__container {    clear: left;
	 display: block;}
	.tourplan_plugin_section  .productName{font-weight:bold;}


/*admin edit button brn*/
.adminbutton,a.adminbutton,button.adminbutton{
    background-image: url(/u/admin-only.png),  var(--brown-gradient)  !important ;
    background-repeat: no-repeat;padding-right: 1em;

	font-size: 18px;       padding-left: 118px;
	font-family: "PT Mono", monospace,"Lucida Sans Typewriter"  !important ;
}html .adminbutton:hover,html a.adminbutton:hover,html button.adminbutton:hover{
	background-image: url(/u/admin-only.png),var(--green-brown-gradient)  !important ;
	  background-repeat: no-repeat  !important ;
	  filter: brightness(1.3) contrast(0.9) saturate(0.7);
}



.terms_and_conditions_section .btnx,.button {    margin: 10px;
    width: auto   ;     padding: 8px 7px;
    display: inline-block   ;}


html a.btnLarge:active ,html a.btnx:active , html a.btnSmall:active, html a.btnMedium:active ,.button:active ,button.cf7md-submit-btn:active,
button#agent-jr-send:active ,
 #flightbox #contact_form .btnLarge:active,
 html a.btnLarge:focus ,html a.btnx:focus , html a.btnSmall:focus, html a.btnMedium:focus ,.button:focus ,button.cf7md-submit-btn:focus,
button#agent-jr-send:focus ,
 #flightbox #contact_form .btnLarge:focus{
	 color:#fff;
 }
 
 .agent-form-buttons {margin-top:0.8em;}

/*email form option 2
add back .btnLarge - enable these 2 over-rights for email subscribe
#subscribeform  .form-submit-button{
	background: var(--pink-gradient)  !important ; 
	    font-size: 18px;     font-weight: 500;
}#subscribeform  .form-submit-button:hover{
	background: var(--light-silver-gradient)  !important ; 
}

*/

/*misc*/
.yellow-message a, .green-message a,.red-message a,.teal-message a, .brown-message a{
	color:#fff;text-decoration:underline;
}
.yellow-message a:hover, .green-message a:hover,.red-message a:hover,.teal-message a:hover,.brown-message a:hover{
    color: #eee;text-decoration:none;}
html body.page-id-705 .thumbnail {    background-color: #fff;}
html body.page-id-705 div.ribon-red-desktop, html body.page-id-705 div.ribbon-red-desktop {    background: var(--light-silver-gradient);}

	
	
	
/*search page*/
.search-results div.search_page {    margin-top: 1.5em;}
.search-results input.btnLarge{    background: var(--teal-flat-gradient);
    color: #fff;
    font-weight: bold;
    border: none;
    font-size: 18px;
    padding: 3px 22px;}
.search-results input.adminbar-input	{    font-size: 18px;
    width: 170px;
    margin-top: 1px;}
	.search-results input.btnLarge:hover{ background: var(--teal-gradient)}
.search-results h2.pagetitle	{    margin-bottom: 0.8em;
font-weight: 700;
        line-height: 1.3em;    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--blue-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-family: "Open Sans", sans-serif;}
.search-results .thumbnail small a {float: right;
    position: relative;
display: inline-block;}
.search-results .thumbnail small p{    margin-top: 1em;}

#adminbarsearch{width: 280px;
    float: right;
    clear: right;
    display: inline-block;
    margin: 0.3em 2em;}
.search-results .row{    width: 100%;
display: block;}
.search-results  .thumbnail a{    text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
display: flex;
gap: 1rem;
background: var(--blue-flat-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.5em;}
.search-results  .thumbnail a:hover{background:  text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
display: flex;
gap: 1rem;
background: var(--blue-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.5em;}
	
	
	
/*JR Passes pages*/

.personbox h3{max-width:85%;}
html .regional-rail-pass {
    background: transparent;
}html .regional-rail-pass .jrcard2{
	    background: var(--light-silver-flat-gradient);
    border-radius: 10px;display:block;position:relative;
    width: 30%;margin-top:8px;float:left;
margin-right: 2%;}
html .regional-rail-pass h4 {
    color: #333;font-weight:bold;
} html .regional-rail-pass .jrcard2:hover {
    background: var(--blue-flat-gradient-lighter);
    color: #fff;text-decoration:none;
} html .regional-rail-pass .jrcard2:hover h4{color:#fff;text-decoration:none;}
html .regional-rail-pass .jrcard2 img{width:50%;float:right;height:auto;    position: relative;
    top: -10px;
    left: -10px;}
html .regional-rail-pass .jrcard2 ul	{    display: inline-block;line-height:2em;}
html .regional-rail-pass .jrcard2 ul li{list-style:circle;}
html .regional-rail-pass .jrcard2:hover img	{filter: brightness(1.2) saturate(1.5) contrast(1.2);}

@media (max-width: 768px) {
	html .regional-rail-pass .jrcard2{ 
		width: 43%  !important ; }
		html .regional-rail-pass img{ 
		width: 95%  !important ; }
}

.jrpass-bookingflow div.col-sm-3{margin-bottom:0.7em;}

.rail-product button[disabled]{display:none;}
.page-id-35533  h2 .yellow-message{    font-size: 22px;}
.page-id-35533  h2 .yellow-message strong{    font-size: 130%;}

    html .jrpass-bookingflow .col-sm-3 {
        min-height: 410px;
	}
.terms_and_conditions h4{    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.6)));}
html div.rail_pass_inner { 
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.75)));
}html .page-id-35533 div.rail_pass_inner { 
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.85)));
}
.page-id-35533 .terms_and_conditions h4 {
    -webkit-mask-image: inherit;
}
html .toggle_section {
    margin-bottom: 5px;
	    border: 2px solid #CACACA;
}html .toggle_section .toggle_section {
    margin-bottom: 5px;
	    border: none  !important ;
}
html .terms-conditions h4, html .terms_and_conditions h4 {
    background: var(--green-gradient); padding: 10px 13px 9px 15px;
}
.terms_and_conditions_section h4{    margin-top: 15px;}
html h2.rail_pass_heading { 
    border-radius: 3px 8px 0 0;
	    max-width: 93%;
}html h3.rail_pass_title {
    background: var(--grey-flat-gradient-dark); 
}

.rail-product button.book {
    background: var(--green-gradient);
    color: #FFF;    border-radius: 5px;
}

html a.toggle_section_toggle h4 { 
      background: var(--light-silver-gradient);
    color: #222d56;
}
.page-id-35533 #tp-railpass-section-3 .md-top-margin, .page-id-35533 #tp-railpass-section-3 .rail-group {
    display: none;
}
ul#yenlist li {
    list-style: none;
    position: relative;
    float: left;
       padding: 5px 7px;
    margin-top: 1em;
    margin-left: 1em;
    min-height: 210px;
	background: var(--light-silver-flat-gradient);
    border-radius: 8px;
}body.page-id-35533 ul#yenlist {
    position: relative;
    margin-bottom: 1em;
    display: inline-block;    padding-left: 0;
}

html .rail-product  .rail_pass_heading { 
    margin: 0;
}html div.rail_pass_inner { 
    border-radius: 0 8px 3px 8px; 
}
html div.rail_pass_inner { 
    padding-top: 1em;
}

 html .rail-product button.book:hover {
    background: var(--light-green-gradient)   !important  ; 
 }html .rail-product button.book:disabled:hover {
   background: #999 !important   ; 
 }

html button.book:disabled {
    color: #4D4D4D !important;
}
body button.book:disabled {
    background: #999 !important;
}
html h3.red-heading {
    color: #d21e32;
    margin-top: 1em;
}html .tickets-second h3 { 
    color: #d21e32; 
}

.yellow-message .red-text, .red-message .red-text, .green-message .red-text, .teal-message .red-text{
	color: #ffe1e5; 
    font-style: italic; 
}
.page-id-705 .yellow-message .red-text, .page-id-30845 .teal-message .red-text,
.page-id-41898 .yellow-message .red-text 
 {
    width: 100%;
    display: block;
    text-transform: inherit;
    color: #fff;
    font-weight: inherit;
	font-style: inherit; 
}.page-id-41898 .yellow-message{display:block;}
.row img{    max-width: 100%;
height: auto;}








/*ticket page usj */

/*world expo combo*/
.page-id-38088 #tp_detail_panel .ticketSearchPanelInner .col-xs-6:nth-child(3),
.page-id-38088 #tp_detail_panel .ticketResultPanelInner .col-xs-6:nth-child(3)
{
	display:none;
}

.usjexpress .yellow-message{
    padding: 3px 5px;
    margin: 10px 0;
    text-indent: 0px;
    background-image: none;
    background: var(--yellow-gradient);
}

.page-id-791 #tab-2 table td{width:32%;}
html .ticketSearchPanel  h3.red-heading {
    color: #fff; 
    margin: 0.7em 0.5em 0.5em;
}

.calendar-wrapper table {
  clear:both;
  width:100%; 
  border-radius:3px;
  border-collapse:collapse;    margin: 0;
 }
.calendar-wrapper td {
  height:38px;
  text-align:center;
  vertical-align:middle; 
      padding:   1px;
}
.calendar-wrapper td.not-current {
  color:#d4d4d4;
} 
 
.calendar-wrapper thead td {
  border:none;
   text-transform:uppercase;
  font-size:1.35em;font-weight: 500;
}
    
.calendar-wrapper  td.one, .usj-cal-key td.one {background-color: #a3ff90;}
.calendar-wrapper  td.two, .usj-cal-key td.two {background-color: #ffb76b;}
.calendar-wrapper  td.three, .usj-cal-key td.three {background-color: #ffcaed;} 
.calendar-wrapper  td.four, .usj-cal-key td.four {background-color: #9ceeff;}
.calendar-wrapper  td.five, .usj-cal-key td.five {background-color: #ffe65f;}
.calendar-wrapper  td.six, .usj-cal-key td.six {background-color: #cf9cf9;}
.calendar-wrapper  td.seven, .usj-cal-key td.seven {background-color: #ccc;}

.usj-cal-key td {
    padding: 5px 15px;
}



/*ticket form search box sanrio blue*/
html .tourplan_plugin_section{    background: var(--blue-gradient);}
html  .tourplan_plugin_section div.ribon-red-desktop, html .tourplan_plugin_section  div.ribbon-red-desktop {    background: none; }

html .tourplan_plugin_section  h3.red-heading {
    color: #fff;    margin-top: 8px;
    margin-left: 0.7em;    margin-bottom: 8px;
}
html .tourplan_plugin_section .refreshSearchSection,html  .tourplan_plugin_section .productInfoSection {
    padding: 0 15px;
    background: none;
}
html .tourplan_plugin_section .ticketSearchPanel,html  .tourplan_plugin_section .ticketResultPanel {
    background: none;
}html .tourplan_plugin_section .refreshSearchSection h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0px; margin-top: 5px;
}
 html .tourplan_plugin_section .ticketSearchPanel .ticketSearchPanelInner,  html .tourplan_plugin_section .ticketResultPanel .ticketResultPanelInner {
    background: #e7f5ff;
    padding: 1em 0;
    margin: 15px;
    border: 0;
}
html .tourplan_plugin_section  .ticketResultPanelInner{
	margin-top:0  !important ;
}
html #tp_detail_section{
    padding-left: 0;    padding-right: 0;}

html table.pika-table .pika-button:hover {
    background: var(--blue-flat-gradient);
    border-color: #0033ff;
	opacity: 0.9;
}
html table.pika-table .is-selected .pika-button{
	    background: var(--green-flat-gradient);
		    border-color: #0f8900;
    box-shadow: inset 0 1px 3px #3e8f00;
}
html table.pika-table   .pika-button{text-align:center;border-radius:3px;}


	

/*JR Pass*/
.terms_and_conditions_section .jrpass-bookingflow {    display: inline-block;
    background: none  !important ;}
html .terms_and_conditions .thumbnail {
    background-color: inherit; 
}
#counterlabeljr4{clear:left;}
.jrpass-bookingflow .col-sm-3{
	    background: var(--light-silver-flat-gradient);
    border-radius: 10px;  margin: 10px;
}
.jrpass-bookingflow .col-sm-3 img{
	width:77%;height:auto; margin: 5px auto 10px auto;
}

@media (min-width: 768px) {
  html .jrpass-bookingflow .col-sm-3 {
    width: 20%;
  }
  html #counterlabeljr4{clear:inherit;}
}

.jrpass-bookingflow .iconmob{display:none;}
.jrpass-bookingflow 	i.icon{float: right;
	font-size: 28px;margin: 6px;}



/*tours*/

@media (max-width: 768px) {
  .itinerary p img{width:100%;clear:both;position:relative  !important ;}
  table.itinerary table {
    width: 100%  !important ;}
	html .itinerary p img{    max-width: 100%  !important ;}
	
}/*END SMALL SCREEN*/


.itinerary p img{    max-width: 28%  !important ;
height: auto;} 

.itinerary ol,.itinerary ul{    background: var(--blue-gradient);
    color: #fff;    display: block;
    width: 100%;    border-radius: 10px 10px 0 0;
    padding: 0.5em 1em;
    margin-bottom: 0;
    border: none;}
 .itinerary ol li,
  .itinerary ul li
  {    width: auto;
    position: relative;
    float: left;
    width: auto;
    margin-right: 1em;
    list-style: none;
      display: contents;}
.itinerary p img{position:absolute;top:0; right:0;}
 .itinerary table {    margin-top: 0;position:relative;}
 .itinerary  td {    margin-top: 0;position:relative;    min-height: 210px;
    display: block;}
  .itinerary  td td{   min-height: 2px;}
 
 
 .itinerary ul.icons{    background: var(--light-silver-gradient);
    color: #333;border-radius: 0px;    position: relative;
    top: -16px;
 font-weight: bold;}
  .itinerary ul.icons img{   max-width: 55px  !important ;}
   .itinerary  table table td{border:none;}
html .container .thumbnail {
    background: var(--light-silver-flat-gradient);
    border: medium none;
    border-radius: 8px;
    color: #1a1a1a;
	min-height: 200px;
}
html .container .thumbnail .caption,
html .container .thumbnail .caption a,
html .container .thumbnail .caption h4
{color: #1a1a1a;}

table.redupperlower {
    border-top: none; 
    border-bottom: none; 
    margin-top: 10px;
}



/*popup boxes*/
/* The Modal (background) - POPUP BOX  */
/*agent jr form update 2022*/
.page-id-35517 .personbox h3 {margin-bottom: 1em;}
.pushupclose i {
    float: right;
    padding-left: 0.7em;
	color:#d21e32;
} 
   .page-id-35517 .personbox .personbox div div, .page-id-35517 .personbox .personbox h3 {         top: 0px;
        margin-left: 0px;
    } 

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 18px;
    font-weight: bold;
        opacity: .9 !important;
		    width: 100%;
    text-align: right;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; 
}
form{width: 100%;display: inline-block;}



.closebox {
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url(/jr-pass-form/delete.svg);
    width: 45px;
    height: 45px;
    background-size: 45px;
}




/* Tabs */
ul.tabs{
  padding:0; 
 list-style: none;width:100%;
 position: relative;
    display: flex;
background:var(--pink-flat-gradient);color:#fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin: 25px 0 15px 0;

}
ul.tabs li{
position: relative;
display: block;
float: left; 
}
ul.tabs li a{ 
position: relative;
display: block;
text-decoration:none;
    padding: 15px 10px 13px ;
text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
border-bottom:solid 3px #fff;
cursor: default;
    color: rgb(255 231 232 / 75%);
	  border-bottom: solid 5px #ffffff00; 
}

	
ul.tabs a:hover,ul.tabs a:active,.greenbuttoninner a:hover{
background-color: inherit;
   color: #fff; border-bottom: solid 5px #ffffff55; 
}
ul.tabs a.active,ul.tabs a.active:hover,ul.tabs a.active:active{
font-weight: 700;
    outline:none;
   color: #ee6e73;
   border-bottom:solid 5px #ee6e73;
}


ul.tabs a.active, ul.tabs a.active:hover, ul.tabs a.active:active {
    color: #fff;
    border-bottom: solid 5px #fff;
}

.tab_contents_container td.bluetable { 
    background: var(--blue-flat-gradient);
    font-weight: bold;
    color: #ffffff;
}.tab_contents_container td{    padding: 3px 8px;}



.p50perc {
    position: relative;
    width: 48%;
    padding: 1%;
    float: left;
}


/*modal2*/
/*agent form*/
/* The Modal (background) - remade - conflict with seed-tech scripting libs css js*/
#myModal-1 {
    background: var(--green-gradient-transp);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
        padding: 5%;
    display: none;
}
.modal-contentx{
	background: var(--light-silver-gradient);
    padding: 0em 2em;
    border-radius: 20px;
    height: 100%;width:100%;
    overflow: scroll;padding-bottom: 5em;
}

/* The Close Button */
.close-btn {
    color: #f8f8f8;
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 50px;
    z-index: 102;
    font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

html  #contact_form #myModal-1   .material-icons ,#myModal-1   input{
    float: right;
    width: 2em;
    min-width: inherit;
    text-align: center;
}
#myModal-1   input{float:left;}
.jrdisplay{    background: var(--light-green-gradient);
    color: #fff;margin: 0 8%;
    padding: 1em 2em;
border-radius: 8px;}

#contact_form input,.page-id-791  #contact_form input[type='text']{
	    clear: left;
    display: block;
   width: 300px;
	margin-bottom:0.35em;
	        max-width: 80%  !important ;
}
#contact_form input[type='checkbox'],
#contact_form input[type='radio'],
#contact_form .material-icons
{
    float: left;
    width: 3em; 
    min-width: inherit;
} 
.bold{font-weight:bold;}
.personbox .personbox {
    width: 100%;position: relative;
	background:var(--light-silver-gradient);
	display: inline-block;
	    padding: 1em 2em;
    margin: 10px 0;
	    border-radius: 10px;
}.personbox .personbox  .red-text{font-weight:bold;    font-size: 18px;}
.personbox .personbox div div,
.personbox .personbox h3
{    position: relative;
           top: 8px;
        margin-left: 8px;}
.personbox .personbox  .material-icons{    text-align: center;
margin-bottom: 1em;}
.personbox .personbox div.col-xs-12 {
    max-width: 17%;
    position: relative;
    float: left;
	    margin-left: 0;
    padding-left: 0;
	
}.personbox .personbox div.col-xs-12 input{
min-width:inherit  !important ;}
.jrdisplay span{font-weight:bold;     display: block;   font-size: 18px;width:100%;}
	.jrdisplay p{font-size: 15px;
    line-height: 2.2em;}
#personboxadd{margin-top:1.3em;}
.page-id-35517 textarea, .page-id-35813 textarea {     width: 450px;
min-height: 80px;}
/*list of trips - train sector fare page */
 .page-id-35813 .personbox .personbox{    padding: 0.3em 2em;
    margin-top: 1em;margin-top:1em;}
 .page-id-35813 .personbox p{    line-height: 1em;}
 
 @media (max-width: 768px) {
.personbox .personbox div.col-xs-12 {
    max-width: inherit; 
    width: 100%;
}
}
 
 
 
/*checkout itinerary booking flow */
html .page-id-3392 .tourplan_plugin_section,
html .page-id-3394 .tourplan_plugin_section{
    background: none;
}
.page-id-3392 .progress_img ,
.page-id-3394 .progress_img {    filter: hue-rotate(195deg);}
html .page-id-3392 .scroll-magnet-item {margin-top: 54px;}
html .page-id-3392 .scroll-magnet-item  a,
html .page-id-3392 .scroll-magnet-item  button{font-size: 13px;
    width: auto;    display: inline-block;
    margin-right: 0.3em;
    min-width: inherit;
    padding: 3px 13px;}
html .page-id-3392 .scroll-magnet-item  button{float:right;}
html .page-id-3392 .service_button_section button{
    font-size: 11px;
padding: 8px 10px;}
html .page-id-3392 .v-collapse-content button{
	padding: 8px 10px; font-size: 11px;
}

html .page-id-3392 #servicelineSectionHeight  a,html  .page-id-3392  #servicelineSectionHeight button
{    background: var(--grey-flat-gradient) !important;}
html .page-id-3392 #servicelineSectionHeight  a:hover,html .page-id-3392 #servicelineSectionHeight  button:hover
{    background: var(--grey-gradient) !important;}
html .itinerary .itinerary-message {  
    background: var(--yellow-gradient);
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 33px;
}
.page-id-2871 .post h2{display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--green-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2em;
    font-weight: bold;
line-height: 2.2em;}
html h2.top-seller-gradient-clip-text {       line-height: 1.3em;}





/* 2023 tour template */
.image3list img{border-radius:5px;}
#top-banner23{width:100%;    margin-bottom: 1em;  background: var(--light-silver-gradient);
    padding-bottom: 1.5em;}.width50{position:relative;float:left;width:48%;margin-right:1%;}
body.page-template-page-tour-23 .image3list{margin:0 !important ;}
body.page-template-page-tour-23 #top-banner23 
.footer__inner01    .width50 {padding-bottom: 2em !important ;}
	body.page-template-page-tour-23 #top-banner23 
.footer__inner01  h2 {padding-bottom: 0.5em;font-size: 24px;}
.MuiGrid-root,.MuiGrid-root ul{width:100%;clear:both;display: inline-block;}
.MuiGrid-root{padding-top:1em;}
	.MuiGrid-root  li {width: 40%;padding-bottom: 1em;
float: left;padding-right: 3%;}
body.page-template-page-tour-23 #top-banner23{margin-bottom: 1.5em;}
	body.page-template-page-tour-23 #top-banner23 
.footer__inner01  li{width: 100%;
padding-bottom: 0.5em;
border-bottom: solid 1px #acacac;
	margin-bottom: 0.5em;}
body.page-template-page-tour-23 	#breadcrumbs{margin-bottom: 2em !important ;}
#top-banner23 img{width:100%  !important ; margin:0  !important ;}
.width50right {
  position: relative;
  float: right;
  width: 48%;
  padding-left: 1%;
  padding-right: 1%;
}
#top-banner23{color: #545454;}
.greyboxtour{background: var(--light-silver-flat-gradient-lighter);
width:100%; margin-top: 2em;
}
	#top-banner23 hr {border-color: #f5f3f0;}
	
 .page-id-35278  .button:hover{color:#fff;}
 
	
	body.page-template-page-tour-23  .tour24button:hover{text-decoration:none;}
.greyboxtour  .footer__inner {max-width: 1140px;
margin: 0 auto;
padding: 34px 0 28px;
  padding-top: 34px;
  padding-bottom: 28px;
position: relative;}
.greyboxtour h2{margin-top: 0;
font-size: 24px;}
#top-banner23 a.wpcf7-submit{color:#fff  !important  ; margin-top:1em;}

html #headerWrap.fixed { 
    background: #c00  !important ;
}



#tab-2, #tab-3,#tab-4,#tab-5{display:none;}

/*USJ*/
.tab_contents_container .usj h4 {
    background: none; 
    padding: 0; 
}table.usj {
    max-width: 100%;
    overflow: scroll;
    display: block;
}
/*express tables*/
.page-id-791 table.quad-split td{    vertical-align: top;}
.page-id-791 table.quad-split tr	{    border-bottom: none;}
.page-id-791 h2{    margin-bottom: 1em;}
h5{    font-size: 20px;
font-weight: bold;}
.page-id-791 .personbox .personbox div, 
.page-id-791 .personbox .personbox div div{width:100%;max-width:100%;display:inline-block;}
 .page-id-791 .personbox .personbox div div div{width:20%;display:inline-block;position:relative;float:left;}
  .page-id-791 .personbox .personbox div div div div{width:100%;}
.page-id-791 .personbox .personbox div.closebox	 {        width: 45px;}
.page-id-791 #footerWrapper h2{        margin-bottom: 0px;}





/*about page*/
.page-id-30 .greyboxtour { 
    display: none;
}
body.page-template-page-tour-23.page-id-30 #top-banner23 {
    margin-bottom: 0px; 
}body.page-template-page-tour-23.page-id-30 #breadcrumbs {
    margin: 0em !important;
}