.pn-ProductNav_Wrapper {
    position: relative;
    padding: 0 11px;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    background: #fff;
}

.pn-ProductNav {
    /* Make this scrollable when needed */
    overflow-x: hidden;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: unset;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* If JS present, let's hide the default scrollbar */
    /* positioning context for advancers */
    position: relative;
}

.js .pn-ProductNav {
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* Remove the default scrollbar for WebKit implementations */
}

    .js .pn-ProductNav::-webkit-scrollbar {
        display: none;
    }

.pn-ProductNav_Contents {
    margin-top: 5px;
    float: left;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.pn-ProductNav_Contents-no-transition {
    transition: none;
}

.pn-ProductNav_Link {
    text-decoration: none;
    color: #000;
    font-size: 1.2em;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

    .pn-ProductNav_Link + .pn-ProductNav_Link,
    .pn-ProductNav_Link {
        border-left: 0px solid #acacac;
        display: table-cell;
        font-size: initial;
        text-align: center;
        overflow: hidden;
        padding: 15px 30px;
    }


a.pn-ProductNav_Link.Attrhover::after,
a.pn-ProductNav_Link:hover:after {
    content: "";
    width: calc(100% + 64px);
    color: #56C700;
    border-bottom: 2px solid #56C700;
    position: relative;
    height: 0px;
    transform: translate(-32px, 0%);
    overflow: hidden;
    float: left;
    margin-top: 15px;
    margin-bottom: -15px;
}

.pn-ProductNav_Link.Attrhover,
a.pn-ProductNav_Link:hover {
    color: #56C700;
}

.pn-Advancer {
    /* Reset the button */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    /* Now style it as needed */
    position: absolute;
    top: 0;
    bottom: 0;
    /* Set the buttons invisible by default */
    opacity: 0;
    transition: opacity .3s;
}

    .pn-Advancer:focus {
        outline: 0;
    }

    .pn-Advancer:hover {
        cursor: pointer;
    }

.pn-Advancer_Left {
    left: -30px;
}

[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
    opacity: 1;
}

.pn-Advancer_Right {
    right: -30px;
}

[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
    opacity: 1;
}

.pn-Advancer_Icon {
    width: 20px;
    height: 44px;
    fill: #acacac;
}

    .pn-Advancer_Icon:hover {
        fill: #ff2864;
    }


@media screen and (max-width: 992px) {

    .tour-info-nav.pn-ProductNav_Wrapper {
        padding: 0px;
    }

    .tour-info-nav #pnProductNavContents {
        width: 100%;
    }

    .tour-info-nav .pn-ProductNav_Link + .pn-ProductNav_Link,
    .tour-info-nav .pn-ProductNav_Link {
        padding: 15px 0px;
        width: 33.25%;
        display: inline-block;
        text-align: center;
    }

    .tour-info-nav a.pn-ProductNav_Link.Attrhover::after,
    .tour-info-nav a.pn-ProductNav_Link:hover:after {
        width: 100%;
        transform: translate(0%, 0%);
        margin-top: 12px;
        margin-bottom: -15px;
    }
}




/* tour landing page*/

.pn-ProductNav_Wrapper {
    position: relative;
    padding: 0 11px;
    border-top: 0px solid #acacac;
    border-bottom: 0px solid #acacac;
    z-index: 89;
    width: 100%;
    background: #f5f5f5;
    display: inline-block;
}


.pn-landing-ProductNav_Contents ul {
    float: left;
    display: contents;
}

    .pn-landing-ProductNav_Contents ul li {
        display: inline-table;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

        .pn-landing-ProductNav_Contents ul li a {
            padding: 15px 30px;
            display: inline-table;
            font-size: 16px;
        }


        .pn-landing-ProductNav_Contents ul li:hover,
        .pn-landing-ProductNav_Contents ul li.Attrhover {
            border-bottom-color: #ff2864 !important;
            color: #ff2864;
        }

.pn-ProductNav_Contenssts ul li > a:hover {
    content: "";
    width: calc(100% + 64px);
    color: #ff2864;
    border-bottom: 2px solid #ff2864;
    position: relative;
    height: 0px;
    transform: translate(-32px, 0%);
    overflow: hidden;
    float: left;
    margin-top: 15px;
    margin-bottom: -15px;
}


/*** end tour landing    */