.price-summary {
    text-align: left;
    padding: 1.63rem;
    background-color: #fff;
    border: 0.1rem solid #00334e;
    color: #00334e;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0,51,78,.3);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0,51,78,.3);
    box-shadow: 3px 3px 0px 0px rgba(0,51,78,.3);
    border-radius: 4px;
    font-size: 110%;
}

.price-summary-label {
    color: #00334e;
}


#countdown-holder {
    position: fixed;
    z-index: 507;
    right: 66px;
    transition: all 0.2s linear;
    -webkit-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    -moz-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    padding: 27px;
    border-radius: 20px;
    font-size: 80%;
    max-width: 276px;
    text-align: center;
    top: 145px;
}

    #countdown-holder > div {
        font-weight: 900;
        display: inline-block;
        color: #dc2112;
        font-size: 120%;
    }

.alert {
    border: 0.1rem solid #dc2112;
    /* height: 6rem; */
    margin-top: .4rem;
    background-color: rgba(254,225,221,.5);
    color: #dc2112;
    text-align: center;
    margin-bottom: 1.6rem;
    line-height: 34px;
}

.cookie-warning {
    background-color: #f63121;
    border: 0.1rem solid #f63121;
    color: #fff;
    display: inline;
    position: fixed;
    bottom: 124px;
    padding: 2rem;
    border-radius: 9px;
    font-size: 14px;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(254,225,221,1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
    box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
    z-index: 502;
    max-width: 250px;
    right: 30px;
    text-align: center;
}

    .cookie-warning a {
        color: #fff;
        font-weight: 900;
    }

    .cookie-warning button {
        margin-top: 1rem;
    }

.break {
    margin-bottom: 15%;
}

#bar-notification, .admin-header-links {
    display: none;
}

/*come back to this */
@font-face {
    font-family: 'avenir-next-regular';
    src: url('/cdn/f/avenir-next-regular.woff') format('woff');
}

@font-face {
    font-family: 'avenir-next-bold';
    src: url('/cdn/f/avenir-next-bold.woff') format('woff');
}

@font-face {
    font-family: 'avenir-next-heavy';
    src: url('/cdn/f/avenir-next-heavy.woff') format('woff');
}

.big-gap-above {
    /* margin-top: 14rem; */
}

a.standard {
    color: #f83225;
    text-decoration: underline;
}

.wrapper .content.fill.confirmation {
    background-color: #00334e;
    background-image: url('/cdn/i/towerbridge_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
    height: auto;
}

.side-menu {
    background-color: #fff;
    border-radius: .4rem;
    transition: all 0.2s linear;
    -webkit-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    -moz-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    box-shadow: 0px 10px 33px 1px rgba(179,179,179,0.77);
    pointer-events: all;
    padding: 3rem;
    margin-left: 8rem;
    width: 34rem;
}

    .side-menu.fixed {
        position: fixed;
        top: 200px;
    }

    .side-menu h5 {
        margin-bottom: 0;
    }

    .side-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .side-menu ul li {
            padding-left: 1.3rem;
            padding: 1.3rem;
            transition: all 0.1s linear;
        }

            .side-menu ul li.active {
                padding-left: 2.3rem;
            }

                .side-menu ul li.active a {
                    font-weight: 800;
                    color: #f63121;
                }

            .side-menu ul li:before {
                content: "\f054";
                /* FontAwesome Unicode */
                font-family: FontAwesome;
                display: inline-block;
                margin-left: -1.3em;
                /* same as padding-left set on li */
                width: 1.3em;
                /* same as padding-left set on li */
                color: #f63121;
            }

            .side-menu ul li a {
            }

.wrapper .content.fill.confirmation h2 {
    color: #fff;
    margin-top: 180px;
    letter-spacing: .03rem;
}

.wrapper .content.fill.confirmation p, .wrapper .content.fill.confirmation p strong {
    color: #fff;
}

.wrapper .content.fill.confirmation .circle {
    background-color: #fff;
    width: 500px;
    height: 500px;
    margin: 20px auto;
    border-radius: 100%;
    overflow: hidden;
}

    .wrapper .content.fill.confirmation .circle .ticket {
        background-repeat: no-repeat;
        background-image: url(/cdn/i/ticket.png);
        background-position: center 57px;
        height: 500px;
        width: 319px;
        margin: auto;
        text-align: left;
        padding-top: 9rem;
        padding-left: 3rem;
        padding-right: 3rem;
        margin-top: 450px;
        opacity: 0;
    }

        .wrapper .content.fill.confirmation .circle .ticket p {
            color: rgba(40, 40, 40, .75);
            margin-bottom: 0;
            /* white-space: nowrap; */
            max-width: 259px;
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */
            font-size: 1.5rem;
        }

            .wrapper .content.fill.confirmation .circle .ticket p strong {
                color: rgba(40, 40, 40, 1);
            }

        .wrapper .content.fill.confirmation .circle .ticket hr {
            color: #00334e;
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-color: #f0f0f0;
        }

        .wrapper .content.fill.confirmation .circle .ticket h5 {
            margin-bottom: .8rem;
        }

        .wrapper .content.fill.confirmation .circle .ticket div.highlight {
            background-color: #f7f7f7;
            padding: 1.3rem 0;
            margin-bottom: .5rem;
        }

            .wrapper .content.fill.confirmation .circle .ticket div.highlight .fa {
                min-width: 3.0rem;
                text-align: center;
            }

.wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .experiences .container { /* replaced .wrapper with .experiences on Chelsea to separate those from the container in the header */
        max-width: 134rem;
    }

        .wrapper .container.service {
            margin-bottom: 26rem;
            min-height: 120rem;
        }

    .wrapper .container {
        /* padding-bottom: 7.5rem; */
        /* padding-top: 2rem; */
    }

    .wrapper .content {
        margin-top: 16rem;
    }

        .wrapper .content.fill {
            display: none;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -webkit-box-align: center;
            align-items: center;
            justify-content: center;
            text-align: center;
            position: relative;
            background-color: #fff;
            top: -200%;
            z-index: 505;
            width: 100%;
            height: calc(100vh - 14rem);
            /* min-height: 100vh; */
            margin-top: 9.7rem;
            transition: all .5s ease;
        }

            .wrapper .content.fill.active {
                top: 0;
                overflow: auto;
                display: block;
            }

                .wrapper .content.fill.active > div {
                    margin-top: 30px;
                    margin-bottom: 138px;
                    max-width: 100%;
                }

            .wrapper .content.fill.first {
                transition: none;
            }

        .wrapper .content.loading {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            /* display: none; */
            -webkit-overflow-scrolling: touch;
            outline: 0;
            background-color: #fff;
            margin-top: 0;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            min-height: 24em;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: none;
        }

            .wrapper .content.loading.active {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                height: 100vh;
                z-index: 505;
            }

.column.content p:first-of-type {
    color: rgba(40,40,40,1);
}

.column.content {
    margin-bottom: 5.3rem;
    margin-top: 5.3rem;
}

.header {
    xbackground-color: #f4f5f6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    xmin-height: 58.6rem; /* new disabled */
    display: flex;
    width: 100%; /* new */
    align: center; /* new */
    align-items: stretch;
    pointer-events: none;
    margin-top: 13.9rem; /* new 221217 from header2 */
}

.headerMI { /* mobile image */
    position: relative;
    xbackground-color: #f4f5f6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    xxxmin-height: 58.6rem;
    display: flex;
    width: 100%;
    align: center;
    align-items: stretch;
    xpointer-events: none; /* some headers have buttons */
    position: relative;
    padding: 0;
    xmargin-top: 13.9rem; /* at first 13.9 */
    xmargin: 0 0 70vw 0;
    height: 66.7vw;
    text-align: center;
}

.header2 { /* desktop video */
    position: relative;
    padding: 0;
    margin-top: 13.9rem; /* at first 13.9 */
    xmargin: 0 0 70vw 0;
    height: 33.4vw;
    align: center;
    text-align: center;
}

.mheader { /* mobile video */
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    xdisplay: flex;
    xalign-items: stretch;
    xpointer-events: none;
    border-top: 0;
    margin-bottom: 70vw;
    xpadding-bottom: 7.5rem;
    xpadding-top: 7.5rem;
    text-align: center;
}

/* removed background color or we get grey sticking out under a small video */
.header .video {
    overflow: hidden;
    width: 100%;
    position: absolute;
    height: 58.6rem; /* removed on Chelsea but all video headers should now be header2 or mheader */
    min-height: 33.4vw; /* new */
    xbackground-color: rgba(0,51,78,.3);
    z-index: 0;
    text-align: center;
}
.header .video video {
    height: auto;
    width: 130%;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.header2 .video {
    width: 100%;
    position: absolute;
    padding: 0;
    height: 33.4vw;
    z-index: 0;
}
.mheader .video { /* combine with above */
    overflow: hidden;
    width: 100%;
    position: absolute;
    padding: 0;
    height: 57rem; /* was 67rem but blocked the NYE banner */
    xbackground-color: rgba(0,51,78,.3);
    z-index: 0;
    text-align: center;
}

.header .overlay {
    width: 100%;
    position: absolute;
    height: 58.7rem;
    background-color: rgba(0,51,78,0.0);
    background-image: url(/cdn/i/splashes.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
}
.header2 .overlay {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 33.4vw;
    background-image: url(/cdn/i/splashes.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain; /* ? */
    z-index: 1;
}
.mheader .overlay, .headerMI .overlay {
    width: 100%;
    height: 67vw;
    position: absolute;
    xheight: 58.7rem;
    xbackground-color: rgba(0,51,78,0.0);
    background-image: url(/cdn/i/splashes.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.header .container, .header2 .container {
    width: 100%; /* new */
    border-top: 0;
    padding-bottom: 3.5rem; /* was 7.5rem */
    padding-top: 3.5rem; /* was 7.5rem - should use a margin-top instead? */
    position: absolute; /* was relative */
    text-align: center;
}
.header.blog .container {
    text-align: left;
}
.xheader2 .container, .mheader .container, .headerMI .container {
    width: 100%;
    align: center top;
    border-top: 0;
    margin-top: 3rem; /* 221217 */
    position: absolute;
    text-align: center;
    z-index: 3;
}

    .header.short {
        min-height: 47rem;
    }

    .header h1, .header2 h1 {
        color: #fff;
        font-family: 'avenir-next-bold';
        xtext-transform: uppercase;
        font-size: 6.7rem;
        line-height: 9.1rem;
        letter-spacing: .09rem;
        margin-bottom: 0;
    }
.headerMI h1 {
    color: #fff;
    font-family: 'avenir-next-bold';
    xtext-transform: uppercase;
    font-size: 6.7rem;
    line-height: 9.1rem;
    letter-spacing: .09rem;
    margin-bottom: 0;
}

.huppercase {
    text-transform: uppercase;
}

    .header.blog h1 {
        margin-bottom: -5px;
    }

    .header h3, .header2 h3 {
        color: #fff;
        font-size: 3.7rem;
        line-height: 5.1rem;
        font-weight: 300;
        margin-top: 1.2rem;
        margin-bottom: 0;
    }
.headerMI h3, .mheader h3 {
    color: #fff;
    font-size: 2.0rem;
    line-height: 3.0rem;
    font-weight: 300;
    margin-top: 1.2rem;
    margin-bottom: 0;
}

    .header h4, .header2 h4 {
        color: #fff;
    }

    .header a, .header2 a {
        color: #fff;
        pointer-events: all;
    }

        .header a:hover, .header2 a:hover {
            text-decoration: underline;
            text-underline-position: under;
        }

    .header p, .header2 p {
        color: #fff;
        font-size: 1.8rem;
        line-height: 2.4rem;
        font-weight: 900;
    }
.mheader p, .headerMI p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.0rem;
    font-weight: 900;
}

        .header p .fa, .header2 p .fa {
            color: #fff;
            font-size: 2.8rem;
            line-height: 2.4rem;
            font-weight: 900;
            width: 40px;
            height: 40px;
            background-color: #f63121;
            text-align: center;
            padding-top: 7px;
            border-radius: 4px !important;
        }

.header + section {
    border-top: 0;
}

/* new */
.XXX_mheader .video video {
    height: auto;
    width: 130%;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    xtransform: translate(-50%, -50%);
}

.header.short .overlay {
    height: 47.5rem;
    xheight: 33.4vm; /* new */
    width: 100%; /* new - remove again on Chelsea? */
    background-position: center bottom;
    background-repeat: no-repeat;
}

.header .button {
    margin-bottom: 4rem;
    margin-top: 2rem;
}

@keyframes a {
    0% {
        fill-opacity: 0;
        stroke-dashoffset: 38321;
    }

    25% {
        fill-opacity: 0;
        stroke: #9b4dca;
    }

    to {
        fill-opacity: 1;
        stroke-dashoffset: 0;
    }
}

.navigation {
    display: block;
    height: 13.9rem; /* was 9.7rem until 221217 */
    left: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

    .navigation .container {
        padding-bottom: 0;
        padding-top: 0;
        max-width: 168rem;
    }

    .navigation .navigation-list {
        list-style: none;
        margin-bottom: 0;
        margin-right: 5rem;
    }

    .navigation .top-most {
        background-color: #f9f9f9;
        height: 4.2rem;
    }

    .navigation .main-menu, .navigation .booking-menu {
        height: 9.7rem;
        background: #fff;
        border-bottom: solid 1px #E4E4E4;
    }

        .navigation .booking-menu .back-button {
            text-align: center;
            background-color: #FBFBFB;
        }

.navigation .navigation-item {
    float: left;
    margin-bottom: 0;
    margin-left: 2.76rem;
    position: relative;
    letter-spacing: .02rem;
}

    .navigation .navigation-item:first-child {
        margin-left: 0rem;
    }

    .navigation .navigation-item a {
        color: rgba(40,40,40,.9);
    }

.navigation .top-most .navigation-item a {
    font-weight: 100;
    font-size: 1.6rem;
    color: rgba(40,40,40,.75);
}

.navigation .navigation-item strong {
    color: #f83225;
}

.navigation .navigation-item a:hover {
    color: #dc2112;
}

.navigation .img {
    fill: #9b4dca;
    height: 2rem;
    position: relative;
    top: .3rem;
}

.navigation .navigation-title, .navigation .title {
    color: #606c76;
    position: relative;
}

.navigation .navigation-link, .navigation .navigation-title, .navigation .title {
    display: inline;
    font-size: 1.8rem;
    line-height: 9.6rem;
    padding: 0;
    text-decoration: none;
    font-weight: 600;
}

    .navigation .navigation-link.button {
        height: 4.6rem;
        display: block;
        padding: 0 2.6rem;
        color: #fff;
        margin-bottom: 0;
        margin-top: 2.4rem;
        line-height: 4.8rem;
        font-size: 1.6rem;
    }

        .navigation .navigation-link.button.button-outline {
            color: #dc2112;
        }

        .navigation .navigation-link.button:hover, .navigation .navigation-link.button:focus {
            color: #fff;
        }

    .navigation .navigation-link.active {
        color: #606c76;
    }

.navigation .top-most .navigation-link, .navigation .top-most .navigation-title, .navigation .top-most .title {
    line-height: 4.2rem;
}

/* booking menu */
.booking-menu .fa-chevron-left, .booking-menu .fa-chevron-right {
    line-height: 9.6rem;
    color: #f83225;
}

.booking-menu .fa-chevron-right {
    position: relative;
    margin-top: -30px;
    /* margin-right:  -10px; */
    display: block;
    float: right;
}

.booking-menu .column {
    max-height: 9.6rem;
    background-color: #fff;
    overflow: hidden;
    text-align: left;
    display: block;
}

    .booking-menu .column > div.hide {
        transition: all 0.2s linear;
        margin-left: -100%;
    }

.booking-menu .logo {
    margin-top: 2.8rem;
    margin-left: 5.1rem;
    overflow: hidden;
}

    .booking-menu .logo svg {
        max-width: 87%;
    }

.booking-menu small {
    display: block;
    margin-top: 2.3rem;
    margin-left: 3.1rem;
    letter-spacing: -.02rem;
    font-weight: 600;
}

    .booking-menu small.fee {
        margin-top: -6px;
        font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        font-weight: 100;
        font-size: small;
        margin-left: 17px;
    }

    .booking-menu small.has-fee {
        margin-top: 13px;
    }

.booking-menu .column > div > a {
    width: 90%;
    float: left;
}

    .booking-menu .column > div > span, .booking-menu .column > div > a > span {
        display: block;
        margin-left: 3.2rem;
        font-size: 1.5rem;
    }

        .booking-menu .column > div > a > span > div {
            display: inline;
        }

.booking-menu span.time {
    margin-left: 0;
}

.booking-menu .price {
    background: #00334e;
    color: #fff;
    font-family: 'avenir-next-heavy';
    transition: all 0.2s linear;
}

    .booking-menu .price.hide {
        opacity: 0;
    }

    .booking-menu .price span {
        font-size: 3.1rem;
        line-height: 3.1rem;
        margin-left: 3rem;
    }

/* Button extensions */
.button.alt {
    background-color: #00334e;
    border: 0.1rem solid #00334e;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(217,225,228,1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(217,225,228,1);
    box-shadow: 3px 3px 0px 0px rgba(217,225,228,1);
    margin-right: 2.5rem;
    padding-left: 4.8rem;
    padding-right: 4.8rem;
}

.button.white {
    background-color: #fff;
    color: #00334e;
    border: none;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(255,255,255,.3);
    -moz-box-shadow: 3px 3px 0px 0px rgba(255,255,255,.3);
    box-shadow: 3px 3px 0px 0px rgba(255,255,255,.3);
}

.button.button-outline.alt {
    background-color: #fff;
    border: 0.1rem solid #00334e;
    color: #00334e;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0,51,78,.3);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0,51,78,.3);
    box-shadow: 3px 3px 0px 0px rgba(0,51,78,.3);
}

.button.alt:hover {
    -webkit-box-shadow: 3px 3px 0px 0px rgba(153,173,184,1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(153,173,184,1);
    box-shadow: 3px 3px 0px 0px rgba(153,173,184,1);
}

.button.button-outline.alt:hover {
    background-color: #00334e;
    border: 0.1rem solid #fff;
    color: #fff;
}

.button.medium {
    line-height: 3.5rem;
    height: 3.5rem;
}

.button.large {
    line-height: 4.5rem;
    height: 5rem;
    padding: 0 5rem;
}

#uk-address .button.large {
    line-height: 6.1rem;
    margin-top: .2rem;
    height: 6.1rem;
}

.button.huge {
    line-height: 7.6rem;
    height: 7.6rem;
    padding: 0 5rem;
    color: #f63121;
    font-size: 1.74rem;
    margin-top: 2rem;
}

/* button-group */
.button-group {
    font-size: 0;
}

    .button-group .button {
        background-color: #fff;
        color: #b9b9b9;
        border-color: #b9b9b9;
        border-left-width: 0px;
        border-right-width: 0px;
        border-radius: 0rem;
        /* -webkit-box-shadow: 3px 3px 0px 0px rgba(237,237,237,1); */
        -moz-box-shadow: 3px 3px 0px 0px rgba(237,237,237,1);
        /* box-shadow: 3px 3px 0px 0px rgba(237,237,237,1); */
        line-height: 4.5rem;
        height: 4.5rem;
        padding: 0 4.5rem;
        font-size: 1.8rem;
    }

        .button-group .button:hover, .button-group .button:active, .button-group .button.active {
            background-color: #f63121;
            color: #fff;
        }

        .button-group .button:first-child {
            border-left-width: 1px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .button-group .button:last-child {
            border-right-width: 1px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            margin-left: -1px;
        }

    .button-group.small .button {
        padding: 0 2rem;
        line-height: 4.2rem;
        height: 4.2rem;
        font-size: 1.6rem;
        font-weight: 100;
    }

/* button-block */
.button-block {
    padding: 0 !important;
    display: block;
}

/* footer */
footer {
    padding-top: 5rem;
    padding-bottom: 15rem;
    z-index: 501;
    position: relative;
    background-color: #F7F7F7;
}

    footer p {
        font-size: 1.4rem;
        margin-bottom: 1.95rem;
    }

    footer .certificates {
        padding-top: 6rem;
    }

        footer .certificates img {
            max-height: 64%;
        }

        footer .certificates .column {
            text-align: center;
        }

    footer a {
        font-size: 1.4rem;
        color: #dc2112;
        font-weight: 800;
        margin-bottom: 2.7rem;
    }

    footer dt a {
        font-size: 1.4rem;
        color: rgba(40,40,40,.75);
        font-weight: 800;
    }

    footer h5 {
        font-weight: 900;
        text-transform: uppercase;
        font-family: 'avenir-next-bold';
        font-size: 1.4rem;
        margin-bottom: 1.95rem;
        color: #333;
    }

    footer h6 {
        font-weight: 900;
        font-family: 'avenir-next-bold';
        font-size: 1.4rem;
        margin-bottom: 0rem;
        color: #333;
    }

    footer .copyright {
        opacity: 0.5;
    }

    footer .card-logos img {
        max-width: 50px
    }

    footer .social .column {
        text-align: center;
        margin-bottom: 4.4rem;
    }

        footer .social .column i {
            font-size: 2.8rem;
            color: #f63121;
        }

    footer .newsletter input[type=text] {
        padding: 1rem 4rem 1rem 2rem;
        height: 6.0rem;
        border-radius: .1rem;
        transition: all 0.2s linear;
    }

    footer .newsletter button {
        position: relative;
        top: -6.33rem;
        padding: 0 1rem;
        margin-right: 1.2rem;
        float: right;
        height: 3.4rem;
    }

/* Blog */
.blog .grid-item div.image {
    padding-top: 65%;
    background-color: #dc2112;
    border-radius: 4px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.2s linear;
}

.blog .grid-item h2 {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-top: 1rem;
    color: #00334e;
    text-align: center;
}

.blog .grid-item a:hover div.image {
    opacity: .5;
}

.blog-post::first-letter {
    color: #dc2112;
    font-size: 50px;
    vertical-align: text-top;
    font-weight: 900;
    float: left;
    margin-right: 17px;
}

.blog-post img {
    display: block;
    margin: 30px auto;
}

article {
    max-width: 80rem;
    margin: auto;
}

    article img {
        display: block;
        margin: 0 auto;
    }

/* corporate-experiences */
.corporate-experiences {
    height: 74.7rem;
    margin-top: -13%;
    background-image: url('/cdn/i/corporate_bg-min.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .corporate-experiences h2 {
        margin-top: 36rem;
    }

/* join-our-team */
.join-our-team {
    height: 74.7rem;
    background-image: url('/cdn/i/jointheteam-bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    z-index: 501;
}

    .join-our-team h2 {
        margin-top: 36rem;
        color: #fff;
    }

/* book-today */
.book-today {
    height: 74.7rem;
    background-image: url('/cdn/i/Footer-cta-image.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 501;
}

.title img {
    margin-bottom: 16px;
}

.book-today h2 {
    margin-top: 23.5rem;
    margin-bottom: 3.8rem;
    color: #fff;
}

.book-today p {
    color: #fff;
    font-size: 2.3rem;
    margin-bottom: 4.4rem;
}

.book-today img {
    vertical-align: middle;
    margin-right: 2.3rem;
}

/* endorsed-by */
.endorsed-by {
    height: 90.6rem;
    margin-top: -15%;
    background-image: url('../i/waves_endorsedby-min.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .endorsed-by h2 {
        margin-top: 24.2rem;
        margin-bottom: 7.5rem;
        color: #fff;
    }

    .endorsed-by .grid-item {
        margin-bottom: 2rem;
    }

        .endorsed-by .grid-item > div {
            background-color: #fff;
            text-align: center;
            height: 11.3rem;
            line-height: 11.3rem;
        }

/* meet-the-crew */
.meet-the-crew {
    height: 161.1rem;
    background-image: url('../i/grey-white-break.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding-top: 18.3rem;
}

    .meet-the-crew h5 {
        color: #5e5e5e;
    }

    .meet-the-crew p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

/* team-member */
.team-member img.photo {
    border: 1.8rem solid #fff;
    border-radius: .3rem;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    max-width: 46.4rem;
}

.team-member img.ripple {
    margin-bottom: 4rem;
}

.team-member h5 {
    color: #5e5e5e;
    margin-top: 8.7rem;
}

.team-member h2 {
    margin-bottom: 4.1rem;
}

.container.team-member {
    padding: 0;
    margin-bottom: 85px;
}

/* breadcrumbs */
.breadcrumbs {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important;
    margin-top: -3.0rem;
    position: relative;
    margin-bottom: 6.7rem;
}

    .breadcrumbs a {
        font-family: 'avenir-next-bold';
        font-size: 1.4rem;
        margin-right: 2rem;
        color: #00334e;
    }

        .breadcrumbs a:hover {
            color: #f83225;
        }

        .breadcrumbs a::after {
            border-style: solid;
            border-width: 0.15em 0.15em 0 0;
            content: '';
            display: inline-block;
            height: 0.7rem;
            transform: rotate(45deg);
            vertical-align: middle;
            width: 0.7rem;
            color: #00334e;
            margin-left: 2.1rem;
        }

        .breadcrumbs a:last-child:after {
            display: none;
        }

/* tabs */
.tabs .column {
    text-align: center;
    font-size: 2.6rem;
    height: 18.6rem;
    line-height: 18.6rem;
    margin-bottom: 13rem;
    position: relative;
    vertical-align: middle;
    background-color: #fbfbfb;
    color: #dc2011;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 36px;
    transition: all 0.2s linear;
}

    .tabs .column:hover {
        background-color: #f83225;
        color: #fff !important;
        opacity: .5;
    }

        .tabs .column:hover h3 {
            color: #fff !important;
        }

    .tabs .column.skippers {
        background-image: url('/cdn/i/helm-red.png');
    }

        .tabs .column.active.skippers, .tabs .column.skippers:hover {
            background-image: url('/cdn/i/helm-white.png');
        }

    .tabs .column.guides {
        background-image: url('/cdn/i/compass-red.png');
    }

        .tabs .column.active.guides, .tabs .column.guides:hover {
            background-image: url('/cdn/i/compass-white.png');
        }

    .tabs .column.office {
        background-image: url('/cdn/i/handset-red.png');
    }

        .tabs .column.active.office, .tabs .column.office:hover {
            background-image: url('/cdn/i/handset-white.png');
        }

    .tabs .column.filming {
        background-image: url('/cdn/i/video-camera-red.png');
    }

        .tabs .column.active.filming, .tabs .column.filming:hover {
            background-image: url('/cdn/i/video-camera-white.png');
        }

    .tabs .column.events {
        background-image: url('/cdn/i/event-calendar-red.png');
    }

        .tabs .column.active.events, .tabs .column.events:hover {
            background-image: url('/cdn/i/event-calendar-white.png');
        }

    .tabs .column.saftey {
        background-image: url('/cdn/i/life-buoy-ring-red.png');
    }

        .tabs .column.active.saftey, .tabs .column.saftey:hover {
            background-image: url('/cdn/i/life-buoy-ring-white.png');
        }

    .tabs .column h3 {
        color: #f83225;
        margin-top: 11.5rem;
        font-size: 2.6rem;
    }

    .tabs .column.active h3 {
        color: #fff;
    }

    .tabs .column:after {
        top: 100%;
        left: calc(50% - 31px);
        content: " ";
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 33px 0 33px;
        border-color: #fbfbfb transparent transparent transparent;
        transition: all 0.2s linear;
    }

    .tabs .column.active {
        background-color: #f83225;
        color: #fff;
    }

        .tabs .column.active:after {
            top: 100%;
            left: calc(50% - 31px);
            content: " ";
            position: absolute;
            pointer-events: none;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 33px 0 33px;
            border-color: #f83225 transparent transparent;
        }

    .tabs .column:hover:after {
        top: 100%;
        left: calc(50% - 31px);
        content: " ";
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 33px 0 33px;
        border-color: #f83225 transparent transparent;
    }

/* booking-widget */
.booking-widget-holder {
    margin-bottom: 30px; /* anders */
    anders_margin-top: -17.8rem;
    anders_position: absolute;
    width: 100%;
}

    .booking-widget-holder .container {
        max-width: 140rem;
    }

    .booking-widget-holder form {
        margin-bottom: 0rem;
    }

.booking-widget {
    border: 1px solid red; /* anders */
    background-color: #fff;
    border-radius: .4rem;
    height: 9.6rem;
    width: 100%;
    text-align: center;
    transition: all 0.2s linear;
    -webkit-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    -moz-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    pointer-events: all;
    margin-left: 0;
}

    .booking-widget h4 {
        line-height: 1;
        font-weight: 900;
        font-size: 2.6rem;
        color: #01334e;
        margin-bottom: 0rem;
        margin-top: 2.4rem;
    }

    .booking-widget .button {
        padding-left: 4.9rem;
        padding-right: 4.9rem;
        font-size: 1.8rem;
        margin-top: 1.4rem;
        line-height: 7rem;
        height: 7rem;
    }

/* type of adventure control */
.column .control {
    text-align: left;
    background-image: url(/cdn/i/down.jpg);
    background-position: 90% 30px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: #fff;
    height: 6.1rem;
    z-index: 1;
    position: relative;
    padding-left: 2rem;
    padding-top: .5rem;
    padding-bottom: 9px;
    border-top-left-radius -radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .column .control > small {
        color: #2b2b2b;
        font-weight: 900;
    }

    .column .control.active {
        border-color: #f63121;
        border-bottom-color: transparent;
    }

    .column .control > p {
        color: #f83225;
        font-weight: 100;
        margin-top: 0rem;
        margin-bottom: 0.7rem;
        text-decoration: underline;
    }

    .column .control .dropdown {
        display: none;
        margin-left: -2rem;
    }

    .column .control.active .dropdown {
        display: block;
        border: 1px solid #f63121;
        border-top: 0;
        margin-top: -9px;
        margin-right: -1px;
        margin-left: -21px;
    }

    .column .control .dropdown ul {
        margin-bottom: 0px;
    }

        .column .control .dropdown ul li {
            line-height: 5.8rem;
            border-bottom: 0;
            padding-left: 2rem;
            margin-bottom: 0rem;
            transition: all 0.2s linear;
            z-index: 1;
            list-style: none;
            background-color: #fff;
            text-transform: none;
            color: rgba(40, 40, 40, .75);
            font-weight: 100;
            font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        }

            .column .control .dropdown ul li:hover {
                background-color: #f63121;
            }

                .column .control .dropdown ul li:hover a {
                    color: #fff;
                }

/* booking widget controls */
.booking-widget .control {
    border: 1px solid #cecece;
    border-radius: 3px;
    margin-top: 1.4rem;
    text-align: left;
    padding-left: 2rem;
    padding-top: .5rem;
    padding-bottom: 0;
    background-image: url('/cdn/i/down.jpg');
    background-position: 90% 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 0.2s linear;
    background-color: #fff;
    height: auto;
    z-index: 2;
}

    .booking-widget .control:hover, .booking-widget .control.active {
        border-color: #f63121;
    }

    .booking-widget .control > small {
        color: #2b2b2b;
        font-weight: 900;
    }

    .booking-widget .control > p {
        color: rgba(40, 40, 40, .75);
        font-weight: 100;
        margin-top: 0rem;
        margin-bottom: 0.7rem;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
    }

    .booking-widget .control .dropdown {
        display: none;
        margin-left: -2rem;
    }

    .booking-widget .control.active .dropdown {
        display: block;
        border: 0;
    }

    .booking-widget .control:not(.date) .dropdown ul {
        list-style: none;
        margin-bottom: 0rem;
    }

        .booking-widget .control:not(.date) .dropdown ul li {
            line-height: 3.8rem;
            /* border-bottom: 1px solid #f63121; */
            border-left: 1px solid #f63121;
            border-right: 1px solid #f63121;
            padding-left: 2rem;
            margin-bottom: 0rem;
            transition: all 0.2s linear;
        }

            .booking-widget .control:not(.date) .dropdown ul li a {
                line-height: 3.8rem;
                display: block;
                margin-bottom: 0rem;
                transition: all 0.2s linear;
            }

            .booking-widget .control:not(.date) .dropdown ul li:first-child {
                /* border-top: 1px solid #f63121; */
            }

            .booking-widget .control:not(.date) .dropdown ul li:last-child {
                border-top-width: 0px;
                border-bottom-width: 0px;
                border-bottom: 1px solid #f63121;
                */ border:;
                border-bottom-right-radius:;
            }

            .booking-widget .control:not(.date) .dropdown ul li:hover {
                background-color: #f63121;
                color: #fff;
            }

            .booking-widget .control:not(.date) .dropdown ul li a:hover {
                color: #fff;
            }

    .booking-widget .control.date {
        max-height: 70px;
    }

        .booking-widget .control.date .dropdown {
            border: 1px solid #f63121;
            border-radius: .3rem;
            margin-top: 2.3rem;
            width: 33.6rem;
            background-color: #fff;
            cursor: auto;
            position: relative;
            padding-bottom: 5px;
            z-index: 1;
        }

            .booking-widget .control.date .dropdown:after, .booking-widget .control.date .dropdown:before {
                bottom: 100%;
                left: 12%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .booking-widget .control.date .dropdown:after {
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #fff;
                border-width: 20px 11px 9px 11px;
                margin-left: -24px;
            }

            .booking-widget .control.date .dropdown:before {
                border-bottom-color: #dc2011;
                border-width: 20px 12px 10px 12px;
                margin-left: -25px;
            }

    .booking-widget .control .datepicker-inline {
        margin-left: 1.5rem;
        margin-top: 1.5rem;
        width: 31rem;
    }

        .booking-widget .control .datepicker-inline ul li {
            border: 1px solid #d9d9d9;
            border-radius: .3rem;
            height: 3.1rem;
            line-height: 3.1rem;
            width: 3.1rem;
            margin-right: 1.4rem;
            margin-bottom: 1.3rem;
            padding-left: 0rem;
            color: #00324d;
        }

            .booking-widget .control .datepicker-inline ul li.muted {
                visibility: hidden;
            }

            .booking-widget .control .datepicker-inline ul li.disabled {
                opacity: .3;
            }

            .booking-widget .control .datepicker-inline ul li:hover {
                border: 1px solid #6bac6c;
                color: #6bac6c;
                background-color: #fff;
            }

            .booking-widget .control .datepicker-inline ul li.picked {
                border: 1px solid #6bac6c;
                color: #fff;
                background-color: #6bac6c;
            }

    .booking-widget .control .datepicker-panel ul:first-of-type {
        width: 60%;
        margin: auto;
    }

    .booking-widget .control .datepicker-panel > ul > li[data-view='month current'], .booking-widget .control .datepicker-panel > ul > li[data-view='year current'], .booking-widget .control .datepicker-panel > ul > li[data-view='years current'] {
        width: 73%;
        margin-right: 0rem;
        border: 0;
        font-size: 1.8rem;
        color: #282828;
        margin-bottom: 0.7rem;
    }

    .booking-widget .control .datepicker-panel > ul > li[data-view='month prev'], .booking-widget .control .datepicker-panel > ul > li[data-view='month next'], .booking-widget .control .datepicker-panel > ul > li[data-view='years prev'], .booking-widget .control .datepicker-panel > ul > li[data-view='years next'], .booking-widget .control .datepicker-panel > ul > li[data-view='year prev'], .booking-widget .control .datepicker-panel > ul > li[data-view='year next'] {
        width: 2.4rem;
        height: 2.4rem;
        border: solid 2px #00324d;
        border-radius: 100%;
        line-height: 1.8rem;
        text-align: center;
        text-indent: 1px;
        font-weight: 900;
        margin-right: 0rem;
        margin-bottom: 0rem;
    }

    .booking-widget .control .datepicker-panel > ul > li[data-view='month prev'] {
        margin: 1px;
    }

    .booking-widget .control .datepicker-panel > ul[data-view='week'] li {
        border: 0;
        color: rgba(40, 40, 40, .75) !important;
        font-weight: 100;
        margin-bottom: 0.4rem;
    }

    .booking-widget .control.passenger-number {
    }

        .booking-widget .control.passenger-number .dropdown ul li {
            line-height: 4.2rem;
            border-bottom: 0 !important;
            padding-right: .4rem;
        }

            .booking-widget .control.passenger-number .dropdown ul li:first-of-type {
                padding-top: 1rem;
            }

            .booking-widget .control.passenger-number .dropdown ul li:last-of-type {
                padding-bottom: 1rem;
            }

            .booking-widget .control.passenger-number .dropdown ul li:hover {
                background-color: inherit;
                color: inherit;
            }

            .booking-widget .control.passenger-number .dropdown ul li i {
                float: right;
                width: 3.2rem;
                height: 3.2rem;
                line-height: 2.9rem;
                border: solid .2rem #f63121;
                border-radius: 100%;
                color: #f63121;
                text-align: center;
                font-size: 1.2rem;
                margin-right: 1rem;
                text-indent: .15rem;
                margin-top: .5rem;
            }

                .booking-widget .control.passenger-number .dropdown ul li i.disabled {
                    opacity: .5;
                }

                .booking-widget .control.passenger-number .dropdown ul li i:not(.disabled):active {
                    -moz-transform: inherit;
                    -ms-transform: inherit;
                    -o-transform: inherit;
                    -webkit-transform: inherit;
                    transform: scale(.95);
                }

/* glide */
.glide__arrows {
    position: absolute;
}

.glide--horizontal .glide__arrows {
    top: 56%;
    width: 92%;
    margin-left: 4%;
}

.about-us .glide--horizontal .glide__arrows {
    top: 48%;
    width: 72%;
    margin-left: 14%;
}

.glide--vertical .glide__arrows {
    left: 50%;
    height: 88%;
    margin-top: 6%;
}

.glide__arrow {
    font-size: 19px !important;
    position: absolute;
    z-index: 2;
    color: #f63121;
    text-transform: uppercase;
    font: 11px Arial,sans-serif;
    padding: 13px 18px;
    background-color: transparent;
    border: 1px solid #f63121;
    border-radius: 4px;
    transition: all 0.2s linear;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(254,225,221,1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(254,225,221,1);
    box-shadow: 3px 3px 0px 0px rgba(254,225,221,1);
}

    .glide__arrow.disabled {
        opacity: .33;
    }

    .glide__arrow:focus {
        outline: none;
    }

    .glide__arrow:hover {
        -webkit-box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
        -moz-box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
        box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
    }

.glide--horizontal .glide__arrow {
    -webkit-transform: translateY(-243%);
    transform: translateY(-243%);
}

    .glide--horizontal .glide__arrow.prev {
        left: 122px;
    }

    .glide--horizontal .glide__arrow.next {
        right: 126px;
    }

.glide--horizontal.wide .glide__arrow.prev {
    left: 23px;
}

.glide--horizontal.wide .glide__arrow.next {
    right: 5px;
}

.product .glide--horizontal.wide .glide__arrow.prev {
    left: -1px;
}

.product .glide--horizontal.wide .glide__arrow.next {
    right: -1px;
}

.glide--vertical .glide__arrow {
    -webkit-transform: translateX(65%);
    transform: translateY(65%);
}

    .glide--vertical .glide__arrow.prev {
        top: 0;
    }

    .glide--vertical .glide__arrow.next {
        bottom: 0;
    }

.glide__bullets {
    position: absolute;
    z-index: 2;
    list-style: none;
}

.glide--horizontal .glide__bullets {
    bottom: 8%;
    left: 0;
    width: 100%;
    height: 12px;
    text-align: center;
}

.glide--vertical .glide__bullets {
    top: 50%;
    right: 8%;
    width: 12px;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.glide__bullets > * {
    display: inline-block;
    background-color: rgba(255,255,255,0.5);
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.glide--horizontal .glide__bullets > * {
    margin: 0 5px;
}

.glide--vertical .glide__bullets > * {
    vertical-align: middle;
}

.glide__bullets > *.active {
    background-color: white;
}

.glide__bullets > *:focus {
    outline: none;
}

.glide__bullets > *:hover, .glide__bullets > *:focus {
    border: 2px solid white;
    background-color: rgba(255,255,255,0.5);
}

.glide .glide__slide img {
    border: 1.8rem solid #fff;
    border-radius: .3rem;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    margin-top: 8.1rem;
    max-width: 500px;
}

.glide .glide__slide p {
    padding-top: 6.1rem;
    font-size: 1.8rem;
    max-width: 60%;
    margin: auto;
    margin-bottom: 2.2rem;
}

.product .glide .glide__slide p {
    padding-top: 0px;
}

.product .glide .glide__slide h4 {
    padding-top: 2px;
    font-weight: 900;
    font-size: 23px;
    letter-spacing: 0.05rem;
}

.glide .glide__slide .box {
    background-repeat: no-repeat;
    background-position: center 101px;
}

/* team-members */
.team-members .grid-item {
    transition: all 0.2s linear;
    overflow: hidden;
    max-width: none;
}

.team-members .hide {
    transition: all 0.2s linear;
    max-width: 0px !important;
    padding: 0;
}

.team-members .image {
    height: 51.5rem;
    width: 95%;
    margin-bottom: 6.3rem;
    border: solid 10px #fff;
    outline: solid 2px #fff;
    transition: all 0.2s linear;
    background-position: center;
    margin-top: 4px;
    background-size: cover;
}

    .team-members .image:hover {
        cursor: pointer;
        outline: solid 2px #f83225;
    }

.team-members .hiring {
    padding-bottom: 32%;
    width: 95%;
    margin-bottom: 6.3rem;
    cursor: default;
    background-position: center bottom;
    text-align: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .team-members .hiring h2 {
        margin-top: 50%;
        margin-bottom: 0;
        color: #f83225;
    }

.meet-the-team {
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* background-size: cover; */
    /* background-image: url('/cdn/i/meettheteam-bg.png'); */
}

/* product */
.container.product {
    margin-top: 5.5rem;
}

    .container.product .review-icons {
        margin-top: 8rem;
        margin-bottom: 1.8rem;
        height: 9.2rem;
    }

    .container.product .gallery {
        min-height: 483px;
    }

    .container.product .review-icons img {
        margin-left: 1.3rem;
        margin-right: 1.3rem;
        max-height: 100%;
    }

    .container.product .column-50 a {
        color: #f83225;
    }

        .container.product .column-50 a.button-outline {
            color: #00334e;
        }

        .container.product .column-50 a:hover {
            color: #00334e;
        }

        .container.product .column-50 a.button-outline:hover {
            color: #fff;
        }

        .container.product .column-50 a > i.fa {
            margin-left: 2rem;
            margin-top: 2.6rem;
            font-size: 2.4rem;
        }

    .container.product .column-50 p > small {
        font-weight: 900;
        font-family: 'avenir-next-bold';
    }

    .container.product h2 {
        margin-bottom: 0;
    }

    .container.product h4 {
        margin-bottom: 2.5rem;
    }

        .container.product h4 i {
            color: #dc2112;
        }

    .container.product h3 {
        margin-top: 4rem;
        letter-spacing: -2px;
        color: #333333;
    }

    .container.product ul {
        list-style: none;
        margin-top: 2.6rem;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

        .container.product ul li {
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 100;
            font-family: 'avenir-next-bold';
            margin-bottom: 1rem;
            color: #333333;
        }

            .container.product ul li i {
                color: #f83225;
                margin-right: 8px;
            }

    .container.product img.ripple {
        margin-bottom: 4.2rem;
    }

    .container.product .picture .fa-play-circle-o {
        color: #f83225;
        font-size: 12rem !important;
        display: block;
        text-align: center;
        margin-top: calc(-50% - -7rem) !important;
    }

    .container.product .picture img {
        min-width: 100%;
    }

    .container.product .full-description {
        font-weight: 600;
        letter-spacing: .05rem;
    }

        .container.product .full-description p {
            opacity: .7;
            margin-bottom: 29px;
        }

            .container.product .full-description p:first-of-type {
                opacity: 1;
            }

/* slider base */
.box {
    text-align: center;
}

    .box h2 {
        padding-top: 0rem;
        max-width: 65%;
        margin: auto;
    }

.wide .box .author {
    max-width: 36% !important;
    margin-left: auto !important;
}

.box .author {
    max-width: 22%;
    margin: auto;
    text-align: left;
    margin-top: 3rem;
    margin-bottom: 9.1rem;
}

    .box .author .photo {
        width: 5.4rem;
        height: 5.4rem;
        border-radius: 100%;
        float: left;
        margin-right: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .box .author h5 {
        text-transform: capitalize;
        font-size: 1.8rem;
        margin-bottom: .3rem;
    }

    .box .author em {
        font-size: 1.6rem;
    }

.product .box .author {
    max-width: 43%;
    margin: auto;
    text-align: left;
    margin-top: 0rem;
    margin-bottom: 9.1rem;
    margin-left: 22.2rem;
}

    .product .box .author .photo {
        width: 5.4rem;
        height: 5.4rem;
        border-radius: 100%;
        float: left;
        margin-right: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .product .box .author h5 {
        text-transform: capitalize;
        font-size: 1.8rem;
        margin-bottom: .3rem;
    }

    .product .box .author em {
        font-size: 1.6rem;
    }

/* featured-reviews */
.featured-reviews {
    height: 75.7rem;
    background-color: #fbfbfb;
    text-align: center;
}

    .featured-reviews .button-group {
        margin-top: 3.9rem;
        margin-bottom: 8.8rem;
    }

    .featured-reviews .logos {
        height: 9.2rem;
        margin-bottom: 3.1rem;
    }

        .featured-reviews .logos img {
            max-height: 100%;
            margin: auto;
        }

    .featured-reviews .box {
        background-image: none !important;
    }

        .featured-reviews .box h3 {
            font-weight: 900;
            margin-bottom: 1.4rem;
            font-size: 2.6rem;
            letter-spacing: -.06rem;
        }

        .featured-reviews .box p {
            padding-top: 0rem;
            max-width: 45%;
            color: #282828;
        }

    .featured-reviews .button {
        margin-right: 0rem;
    }

/* about-us*/
.about-us {
    height: auto;
    background-color: #dc2112;
    text-align: center;
}

    .about-us .wave-top {
        background-image: url('/cdn/i/waves-top.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 350px;
    }

    .about-us .wave-bottom {
        background-image: url('/cdn/i/waves-bottom.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 372px;
    }

    .about-us h5 {
        color: #fff;
    }

    .about-us h2 {
        color: #fff;
        margin-top: 2.3rem;
        letter-spacing: .1rem;
        margin-bottom: 2.9rem;
    }

    .about-us p {
        color: #fff;
        max-width: 91%;
        margin: auto;
        margin-top: 1rem;
    }

    .about-us a {
        color: #fff;
        font-weight: 900;
    }

        .about-us a:hover {
            text-decoration: underline;
            text-underline-position: under
        }

    .about-us .glide .glide__slide img {
        margin-top: 5.4rem;
        z-index: 2;
    }

    .about-us .glide--horizontal .glide__arrow {
        transform: initial;
        -webkit-transform: initial;
    }

        .about-us .glide--horizontal .glide__arrow.prev {
            left: 132px;
            border: 0;
            z-index: 1;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .about-us .glide--horizontal .glide__arrow.next {
            right: 138px;
            border: 0;
            z-index: 1;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .about-us .glide--horizontal .glide__bullets {
        bottom: -1.5rem;
    }

        .about-us .glide--horizontal .glide__bullets .glide__bullet {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-color: #e5e5e5;
        }

        .about-us .glide--horizontal .glide__bullets .active {
            background-color: #f63023;
        }

    .about-us .glide .glide__slide .box {
        background-image: none;
    }

/* experiences */
.experiences h2 {
    color: #282828;
    margin-bottom: 0;
    margin-top: -1rem;
}

.experiences .title {
    margin-bottom: 2rem;
}

/* products */
.products .grid-item {
    transition: all 0.2s linear;
    margin-bottom: 6rem;
    z-index: 0;
    overflow: hidden;
}

    .products .grid-item.hide {
        transition: all 0.2s linear;
        max-width: 0px !important;
        padding: 0;
    }

    .products .grid-item .title {
        min-height: 8.2rem;
        margin: 0;
        width: 100%;
    }

        .products .grid-item .title h3 {
            color: #f63121;
            font-size: 2.7rem;
        }

    .products .grid-item .options {
        text-align: center;
    }

        .products .grid-item .options a:not(.button) {
            line-height: 1rem;
            font-weight: 900;
            color: #f83225;
            padding-top: 20px;
            display: block;
        }

            .products .grid-item .options a:not(.button):hover {
                color: #00334e;
            }

    .products .grid-item .overlay { /* .xxxoverlay on Chelsea */
        width: 100%;
        position: absolute;
        height: 26.3rem;
        background-color: rgba(0,51,78,.7);
        z-index: 1;
        opacity: 0;
        margin-left: 0;
        text-align: center;
        color: #fff;
        align-items: center;
    }

        .products .grid-item .overlay.serated {
            background-color: transparent;
            background-image: url('/cdn/i/serrated_container.png');
            opacity: 01;
            background-repeat: no-repeat;
            background-size: contain;
            z-index: 2;
        }

        .products .grid-item .overlay h3 {
            margin: auto;
            color: #fff;
        }

        .products .grid-item .overlay small {
            font-size: 65%;
            top: -7px;
            position: relative;
        }

        .products .grid-item .overlay .prices .column:nth-child(1) {
            margin-left: 8rem;
            margin-right: 8rem;
        }

        .products .grid-item .overlay .prices .column:nth-child(2) {
            text-align: center;
            border-left: solid 1px rgba(255,255,255,.5);
            max-height: 7.2rem;
            /* margin-left: 8rem; */
            font-weight: 100;
        }

        .products .grid-item .overlay .prices .column:nth-child(2) {
            text-align: center;
            max-height: 7.2rem;
            margin-right: 8rem;
            margin-left: -8rem;
            font-weight: 100;
        }

    .products .grid-item .image {
        border-radius: 5px;
        height: 25.6rem; /* gx - removing this crops the experience images on dekstop */
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        margin-bottom: 3.6rem;
        cursor: pointer;
    }

    .products .grid-item:hover .overlay {
        opacity: 1;
    }

    .products .grid-item:hover .image > img {
        filter: blur(5px);
        -webkit-filter: blur(5px);
    }

.mobile .products .grid-item:hover .image > img {
    filter: none;
    -webkit-filter: none;
}

.products .grid-item .image img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}

.products .grid-item .column-25 {
    text-align: right;
    margin-top: .5rem;
    margin-bottom: 0;
    color: rgba(40,40,40,.75);
    padding: 0;
}

    .products .grid-item .column-25 .fa {
        color: #f83225;
        font-size: 1.3rem;
        margin-top: 0;
        margin-left: .5rem;
    }

/* find-your-meeting-point */
.find-your-meeting-point {
    background-color: #f7f7f7;
    max-height: 44.4rem;
    -webkit-transition: max-height .4s;
    -moz-transition: max-height .4s;
    -ms-transition: max-height .4s;
    -o-transition: max-height .4s;
    transition: max-height .4s;
    overflow: hidden;
}

    .find-your-meeting-point .close {
        float: right;
        font-size: 3rem;
        padding: 0;
        width: 57px;
        height: 57px;
        line-height: 57px;
        border-radius: 100%;
        pointer-events: all;
    }

    .find-your-meeting-point.hide {
        max-height: 0;
    }

        .find-your-meeting-point.hide #map-holder {
            max-height: 0;
            margin-top: 0;
        }

    .find-your-meeting-point h3 {
        color: #f83225;
        font-family: 'avenir-next-heavy';
        font-weight: 900;
        font-size: 3.3rem;
        margin-bottom: 5.5rem;
        display: inline-block;
    }

    .find-your-meeting-point .button {
        display: none;
    }

    .find-your-meeting-point .grid-item {
        text-align: center;
        color: #f83225;
        font-weight: 900;
        font-size: 2rem;
    }

        .find-your-meeting-point .grid-item > div {
            -webkit-box-shadow: 4px 4px 0px 0px rgba(217,225,228,1);
            -moz-box-shadow: 4px 4px 0px 0px rgba(217,225,228,1);
            box-shadow: 4px 4px 0px 0px rgba(217,225,228,1);
            background-color: #fff;
            border-radius: 5px;
            margin-bottom: 2rem;
        }

            .find-your-meeting-point .grid-item > div > a {
                width: 100%;
                line-height: 7.5rem;
                color: #f83225;
                display: block;
            }

                .find-your-meeting-point .grid-item > div > a:hover {
                    opacity: .6;
                }

    .find-your-meeting-point .container {
        width: 157rem;
        padding-top: 4.2rem;
        z-index: 1;
        position: relative;
        height: 444px;
    }

    .find-your-meeting-point #map-holder {
        width: 100%;
        height: 444px;
        margin-top: -444px;
        visibility: hidden;
    }

    .find-your-meeting-point #map {
        width: 100%;
        height: 444px;
    }

    .find-your-meeting-point.show-map {
        height: 444px;
    }

        .find-your-meeting-point.show-map #map-holder {
            visibility: visible;
        }

        .find-your-meeting-point.show-map .container {
            pointer-events: none;
        }

        .find-your-meeting-point.show-map h3, .find-your-meeting-point.show-map p, .find-your-meeting-point.show-map .grid-item {
            display: none;
        }

        .find-your-meeting-point.show-map .button {
            display: inline-block;
            pointer-events: all;
        }

/* accordian */
.accordion {
    margin: 0px;
    margin-top: 4rem;
}

    .accordion dt a {
        color: #00334e;
        font-size: 2.5rem;
    }

        .accordion dt a .fa {
            color: #f83225;
            float: right;
            margin-top: .8rem;
        }

    .accordion dt, .accordion dd {
        margin-bottom: 0;
    }

        .accordion dt a {
            display: block;
        }

    .accordion div {
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        border: 1px solid #5e5e5e;
        margin-bottom: .8rem;
        padding: 2.6rem;
    }

        .accordion div:active {
            border-color: #00334e;
        }

    .accordion dd {
        margin: 0;
    }

/*  booking-step */
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.booking-step h2 {
    color: #292929;
}

.booking-step hr {
    border-color: #e5e5e5;
    margin-top: 5rem;
    margin-bottom: 6rem;
}

.booking-step p.lead {
    font-size: 4rem;
    color: #292929;
    margin-bottom: 7.5rem;
}

.booking-step ul.passengers {
    margin-bottom: 8rem;
}

    .booking-step ul.passengers li {
        width: 35rem;
        display: inline-block;
        padding-top: 5px;
    }

        .booking-step ul.passengers li.disabled {
            opacity: .3;
            pointer-events: none;
        }

        .booking-step ul.passengers li:first-of-type {
            border-right: solid 1px #e4e4e4;
            width: 38rem;
            padding-right: 4rem;
        }

        .booking-step ul.passengers li span {
            float: left;
            text-align: right;
            width: 55%;
            font-size: 2rem;
            line-height: 2rem;
            padding-top: 6px;
            opacity: 1;
            color: #292929;
            font-weight: 600;
        }

        .booking-step ul.passengers li small {
            font-weight: 100;
            font-size: 77%;
            font-style: italic;
            letter-spacing: -1px;
        }

            .booking-step ul.passengers li small i {
                opacity: 0;
                color: #f63121;
                margin-left: .5rem;
            }

        .booking-step ul.passengers li > i {
            float: right;
            width: 5rem;
            height: 5rem;
            line-height: 4.6rem;
            border: solid .2rem #f63121;
            border-radius: 100%;
            color: #f63121;
            text-align: center;
            font-size: 2.2rem;
            margin-right: 1.4rem;
            text-indent: .15rem;
            margin-top: .5rem;
            cursor: pointer;
            float: right;
        }

            .booking-step ul.passengers li > i.disabled {
                opacity: .3;
                cursor: default;
            }

            .booking-step ul.passengers li > i:not(.disabled):active {
                -moz-transform: inherit;
                -ms-transform: inherit;
                -o-transform: inherit;
                -webkit-transform: inherit;
                transform: scale(.95);
            }

.booking-step .voucher-link {
    display: block;
    font-style: italic;
    color: #f63121;
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-decoration: underline;
    text-underline-position: under;
    outline: 0;
    font-size: 1.4rem;
}

.booking-step .datepicker-inline {
    margin-left: 1.5rem;
    margin-top: 1.5rem;
    width: 58%;
    margin-left: auto;
    margin-right: auto;
}

    .booking-step .datepicker-inline ul li {
        border: 2px solid #6bac6c;
        height: 5.1rem;
        line-height: 4.5rem;
        width: 12%;
        margin-right: 1.4rem;
        margin-bottom: 1.3rem;
        padding-left: 0rem;
        color: #6bac6c;
        font-size: 1.8rem;
        font-weight: 600;
        transition: all 0.2s linear;
    }

.booking-step .datepicker-inline ul li[data-view^='day'] {
    border-radius: 8px;
    border: 1px solid #6bac6c;
}

.booking-step .datepicker-inline ul li.disabled {
    border: 2px solid #e5e5e5;
    color: #e5e5e5;
}

.booking-step .datepicker-inline ul li.muted {
    opacity: 0;
    pointer-events: none;
    cursor: default;
}

.booking-step .datepicker-inline ul li[data-view='day']:not(.disabled):hover {
    box-shadow: 0 0 0pt 1pt #6bac6c;
    background-color: #fff;
}

.booking-step .datepicker-inline ul li.picked {
    color: #fff;
    background-color: #6bac6c;
}

    .booking-step .datepicker-inline ul li.picked:hover {
        color: #fff;
        background-color: #6bac6c !important;
        box-shadow: none !important;
    }

.booking-step .datepicker-panel ul:first-of-type {
    width: 60%;
    margin: auto;
}

.booking-step .datepicker-panel > ul > li[data-view='month current'], .booking-step .datepicker-panel > ul > li[data-view='year current'], .booking-step .datepicker-panel > ul > li[data-view='years current'] {
    width: 73%;
    margin-right: 0rem;
    border: 0;
    font-size: 1.8rem;
    color: #282828;
    margin-bottom: 0.7rem;
    height: auto;
    font-size: 2rem;
}

.booking-step .datepicker-panel > ul > li[data-view='month prev'], .booking-step .datepicker-panel > ul > li[data-view='month next'], .booking-step .datepicker-panel > ul > li[data-view='years prev'], .booking-step .datepicker-panel > ul > li[data-view='years next'], .booking-step .datepicker-panel > ul > li[data-view='year prev'], .booking-step .datepicker-panel > ul > li[data-view='year next'] {
    width: 2.6rem;
    height: 2.6rem;
    border: solid 2px #00324d;
    color: #00324d;
    border-radius: 100%;
    line-height: 2rem;
    text-align: center;
    text-indent: 1px;
    font-weight: 900;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-top: 6px !important;
}

.booking-step .datepicker-panel > ul > li.disabled {
    opacity: .6;
}

.booking-step .datepicker-panel > ul:first-of-type {
    padding-left: 3rem;
}

.booking-step .datepicker-panel > ul > li[data-view='month prev'] {
    margin: 1px;
}

.booking-step .datepicker-panel > ul[data-view='week'] li {
    border: 0;
    color: rgba(40, 40, 40, .75) !important;
    font-weight: 100;
    margin-bottom: 0.4rem;
}

/* voucher-details */
.booking-step.voucher-details {
    text-align: center;
    position: relative;
}

    .booking-step.voucher-details fieldset {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }

        .booking-step.voucher-details fieldset label {
            text-align: left;
        }

        .booking-step.voucher-details fieldset .checkboxes {
            text-align: left;
            font-size: 1.4rem;
            margin-bottom: 1.9rem;
        }

            .booking-step.voucher-details fieldset .checkboxes span {
                margin-right: 2.6rem;
            }

/* supplement-tickets */
.booking-step.supplement-tickets {
    text-align: center;
    position: relative;
}

    .booking-step.supplement-tickets fieldset {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }

        .booking-step.supplement-tickets fieldset label {
            text-align: left;
        }

        .booking-step.supplement-tickets fieldset .checkboxes {
            text-align: left;
            font-size: 1.4rem;
            margin-bottom: 1.9rem;
        }

            .booking-step.supplement-tickets fieldset .checkboxes span {
                margin-right: 2.6rem;
            }

.supplement-tickets ul li {
    font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 20px;
    padding-right: 30px;
    text-align: left;
    list-style: none;
    margin-bottom: 12px;
    margin-top: 10px;
}

    .supplement-tickets ul li i {
        float: right;
        width: 3.2rem;
        height: 3.2rem;
        line-height: 2.9rem;
        border: solid .2rem #f63121;
        border-radius: 100%;
        color: #f63121;
        text-align: center;
        font-size: 1.2rem;
        margin-right: 1rem;
        text-indent: .15rem;
        margin-top: 0px;
        cursor: pointer;
    }

        .supplement-tickets ul li i.disabled {
            opacity: .5;
        }

        .supplement-tickets ul li i:not(.disabled):active {
            -moz-transform: inherit;
            -ms-transform: inherit;
            -o-transform: inherit;
            -webkit-transform: inherit;
            transform: scale(.95);
        }

    .supplement-tickets ul li:hover {
        background-color: inherit;
    }

        .supplement-tickets ul li:hover a {
            color: inherit;
        }

.mobile .supplement-tickets label {
    font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 13px;
}

.mobile .supplement-tickets ul li {
    font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 17px;
    padding-right: 30px;
    text-align: left;
    list-style: none;
    margin-bottom: 12px;
    margin-top: 10px;
}

/* giftccard-extension */
.booking-step.giftccard-extension {
    text-align: center;
    position: relative;
}

    .booking-step.giftccard-extension fieldset {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }

        .booking-step.giftccard-extension fieldset label {
            text-align: left;
        }

        .booking-step.giftccard-extension fieldset .checkboxes {
            text-align: left;
            font-size: 1.4rem;
            margin-bottom: 1.9rem;
        }

            .booking-step.giftccard-extension fieldset .checkboxes span {
                margin-right: 2.6rem;
            }

.giftccard-extension ul li {
    font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 20px;
    padding-right: 30px;
    text-align: left;
    list-style: none;
    margin-bottom: 12px;
    margin-top: 10px;
}

    .giftccard-extension ul li i {
        float: right;
        width: 3.2rem;
        height: 3.2rem;
        line-height: 2.9rem;
        border: solid .2rem #f63121;
        border-radius: 100%;
        color: #f63121;
        text-align: center;
        font-size: 1.2rem;
        margin-right: 1rem;
        text-indent: .15rem;
        margin-top: 0px;
        cursor: pointer;
    }

        .giftccard-extension ul li i.disabled {
            opacity: .5;
        }

        .giftccard-extension ul li i:not(.disabled):active {
            -moz-transform: inherit;
            -ms-transform: inherit;
            -o-transform: inherit;
            -webkit-transform: inherit;
            transform: scale(.95);
        }

    .giftccard-extension ul li:hover {
        background-color: inherit;
    }

        .giftccard-extension ul li:hover a {
            color: inherit;
        }

/* lead passenger */
.booking-step.lead-passenger {
    text-align: center;
    position: relative;
}

    .booking-step.lead-passenger fieldset {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }

        .booking-step.lead-passenger fieldset label {
            text-align: left;
        }

        .booking-step.lead-passenger fieldset .checkboxes {
            text-align: left;
            font-size: 1.4rem;
            margin-bottom: 1.9rem;
        }

            .booking-step.lead-passenger fieldset .checkboxes span {
                margin-right: 2.6rem;
            }

/* payment-details */
.booking-step.payment-details {
    text-align: center;
    position: relative;
}

    .booking-step.payment-details fieldset {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }

        .booking-step.payment-details fieldset label {
            text-align: left;
        }

        .booking-step.payment-details fieldset .checkboxes {
            text-align: left;
            font-size: 1.4rem;
            margin-bottom: 1.9rem;
        }

            .booking-step.payment-details fieldset .checkboxes span {
                margin-right: 2.6rem;
            }

/* select-time */
.booking-step.select-time {
    text-align: center;
}

    .booking-step.select-time .no-trips {
        text-align: center;
        margin: 150px 0;
        font-size: 2rem;
        font-weight: 800;
    }

    .booking-step.select-time hr {
        margin-bottom: 5.5rem;
    }

    .booking-step.select-time .control {
        border: solid 1px #cecece;
        border-radius: 3px;
        padding-left: 18px;
        padding-top: 5px;
        height: 6.8rem;
        -webkit-box-shadow: 3px 3px 0px 0px rgba(239,239,239,1);
        -moz-box-shadow: 3px 3px 0px 0px rgba(239,239,239,1);
        box-shadow: 3px 3px 0px 0px rgba(239,239,239,1);
    }

    .booking-step.select-time .next-stage {
        margin-top: 9.6rem;
        margin-bottom: 9.6rem;
    }

        .booking-step.select-time .next-stage a {
            padding: 0 5rem;
            font-size: 17px
        }

    .booking-step.select-time .column-60 small {
        display: block;
        font-family: 'avenir-next-bold';
        font-weight: 900;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 1rem;
        margin-top: 2px;
    }

    .booking-step.select-time .column-60 span {
        font-size: 2rem;
        min-width: 22rem;
        display: inline-block;
    }

    .booking-step.select-time .column-60 .fa-chevron-left, .booking-step.select-time .column-60 .fa-chevron-right {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1rem;
        border: solid 2px #00324d;
        color: #00324d;
        border-radius: 100%;
        line-height: 1.8rem;
        text-align: center;
        font-weight: 900;
        margin-bottom: 0rem;
        cursor: pointer;
    }

    .booking-step.select-time .column-60 .fa-chevron-left {
        margin-right: 2rem;
        text-indent: 0px;
    }

        .booking-step.select-time .column-60 .fa-chevron-left.disable {
            pointer-events: none;
            cursor: default;
            opacity: .4;
        }

    .booking-step.select-time .column-60 .fa-chevron-right {
        margin-left: 2rem;
        text-indent: 3px;
    }

    .booking-step.select-time .column-60 .fa-calendar {
        width: 4.2rem;
        height: 4.2rem;
        font-size: 1.4rem;
        border: solid 2px #f83225;
        color: #f83225;
        border-radius: 100%;
        line-height: 3.6rem;
        text-align: center;
        font-weight: 900;
        margin-bottom: 0rem;
        cursor: pointer;
        margin-left: 2.9rem;
        margin-right: -5.8rem;
        text-indent: 1px;
    }

    .booking-step.select-time .time-of-day {
        text-align: left;
    }

        .booking-step.select-time .time-of-day small {
            color: #2b2b2b;
            font-weight: 900;
        }

    .booking-step.select-time .trip {
        margin-top: 3.7rem;
        transition: all 0.2s linear;
    }

        .booking-step.select-time .trip ~ .trip {
            margin-top: 2.0rem;
        }

        .booking-step.select-time .trip .column-25 {
            background-color: #f4f4f4;
            text-align: left;
            xpadding: 18px 0px 0px 26px;
            padding: 18px 26px;
            transition: all 0.2s linear;
        }

        .booking-step.select-time .trip.active .column-25 {
            background-color: #6bac6c;
            color: #fff;
        }

            .booking-step.select-time .trip.active .column-25 h3 {
                color: #fff;
            }

        .booking-step.select-time .trip .column-25 h3 {
            transition: all 0.2s linear;
        }

        .booking-step.select-time .trip .column-25 h5 {
            transition: all 0.2s linear;
            margin-top: -20px;
        }

        .booking-step.select-time .trip .column-25 i {
            float: right;
            margin-top: 13px;
            margin-right: -10px;
            color: #00324d;
            font-size: 20px;
            transition: all 0.2s linear;
        }

        .booking-step.select-time .trip.active .column-25 i {
            color: #fff;
        }

        .booking-step.select-time .trip .column-25 p {
            line-height: 22px;
            font-size: 13px;
            max-height: 68px;
            overflow: hidden;
            margin-bottom: 0px;
        }

        .booking-step.select-time .trip .column {
            background-color: #fbfbfb;
        }

            .booking-step.select-time .trip .column div {
                height: 5rem;
                width: 13.81%;
                font-size: 1.8rem;
                font-weight: 900;
                line-height: 5rem;
                color: #6bac6c;
                border: solid 2px #6bac6c;
                float: left;
                border-radius: 4px;
                margin-top: 1rem;
                margin-bottom: 1rem;
                margin-left: 1.1rem;
                margin-right: 1.1rem;
                background-color: #fff;
                cursor: pointer;
                transition: all 0.2s linear;
            }

                .booking-step.select-time .trip .column div.off-peak {
                    line-height: 4rem;
                }

                    .booking-step.select-time .trip .column div.off-peak:after {
                        content: "Lowest price!";
                        font-size: 10px;
                        display: block;
                        position: relative;
                        top: -26px;
                    }

                .booking-step.select-time .trip .column div:hover {
                    box-shadow: 0 0 0pt 1pt #6bac6c;
                }

                .booking-step.select-time .trip .column div.active {
                    background-color: #6bac6c;
                    color: #fff;
                }

                .booking-step.select-time .trip .column div.old {
                    pointer-events: none;
                    background-color: #fff;
                    border-color: #fff;
                    color: #fbfbfb;
                }

                .booking-step.select-time .trip .column div.hide {
                    width: 0;
                    overflow: hidden;
                    margin-left: 0;
                    margin-right: 0;
                    border: 0;
                }

        .booking-step.select-time .trip .column-15 {
            background-color: #f4f4f4;
            text-align: left;
            padding: 2.2rem;
            transition: all 0.2s linear;
        }

        .booking-step.select-time .trip.active .column-15 {
            background-color: #6bac6c;
            color: #fff;
            position: relative;
        }

        .booking-step.select-time .trip .column-15 h4 {
            margin-bottom: .3rem;
            font-size: 2.8rem;
            font-weight: 900;
            letter-spacing: 1px;
            transition: all 0.2s linear;
        }

        .booking-step.select-time .trip .column-15 small {
            display: block;
        }

            .booking-step.select-time .trip .column-15 small.fee {
                font-style: italic;
                font-size: 65%;
                display: block;
                margin-top: -10px;
            }

        .booking-step.select-time .trip .column-15 h2 {
            font-size: 3.2rem;
            margin-top: 2rem;
            margin-bottom: 0;
            color: #00334e;
            transition: all 0.2s linear;
        }

        .booking-step.select-time .trip.active .column-15 h2, .booking-step.select-time .trip.active .column-15 h4 {
            color: #fff;
        }

/* loader */
@keyframes loader {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}

.loading {
    z-index: 5 !important;
}

    .loading > div {
        background-image: url(/cdn/i/loader.png);
        width: 63px;
        height: 7px;
        background-repeat: repeat-x;
        background-position: 0 0;
        animation: loader 5s linear infinite;
    }

.white-popup-block .loading {
    text-align: center;
    top: 50%;
    margin: auto;
    position: absolute;
    display: inline-block;
    left: calc(50% - 32px);
}

/* bottom-banner */
.bottom-banner {
    background-color: #569441;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 8.5rem;
    z-index: 502;
}

    .bottom-banner.red {
        background-color: #f63121;
    }

    .bottom-banner img {
        background-color: #fff;
        display: inline-block;
        margin-left: 2.4rem;
        border-left: 14px solid #fff;
        border-right: 14px solid #fff;
        border-top: 10px solid #fff;
        border-bottom: 22px solid #fff;
        vertical-align: middle;
    }

    .bottom-banner.red img {
        background-color: transparent;
        display: inline-block;
        margin-left: 2.4rem;
        border: 0;
        vertical-align: middle;
        height: 72%;
    }

    .bottom-banner h3 {
        color: #fff;
        display: inline-block;
        line-height: 85px;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 71px;
        font-weight: 900;
        font-size: 37px;
        font-family: 'avenir-next-heavy';
        letter-spacing: -0.15rem;
        margin-right: 91px;
    }

    .bottom-banner .button {
        line-height: 4.4rem;
        height: 4.4rem;
        top: 17px;
        position: absolute;
    }

    .bottom-banner.white {
        opacity: 1;
        z-index: 502;
        height: 9.6rem;
        max-height: 9.6rem;
        background-color: #fff;
        -webkit-box-shadow: 0px 10px 33px 10px rgba(179,179,179,0.77);
        -moz-box-shadow: 0px 10px 33px 10px rgba(179,179,179,0.77);
        box-shadow: 0px 10px 33px 10px rgba(179,179,179,0.77);
    }

    .bottom-banner.video {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: relative;
    }

    .bottom-banner.white h4 {
        margin: 0;
        font-weight: 300;
        font-family: 'avenir-next-bold';
        letter-spacing: .05rem;
    }

    .bottom-banner.white h5 {
        margin: 0;
        font-weight: 100;
        font-size: 29px;
        font-family: 'avenir-next-regular';
        line-height: 2.4rem;
    }

    .bottom-banner.white small {
        margin: 0;
        color: #00334e;
        font-weight: 600;
        display: inline-block;
        margin-top: 11px;
    }

    .bottom-banner.white em {
        margin: 0;
        font-weight: 100;
        font-style: normal;
        color: rgba(40,40,40,.75);
        margin-bottom: 1px;
        display: inline-block;
        font-size: 80%;
    }

    .bottom-banner.white .button {
        margin-right: 0;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        font-family: 'avenir-next-bold';
        font-weight: 100;
        letter-spacing: .05rem;
        font-size: 14px;
        margin: 0;
        margin-top: .8rem;
    }

        .bottom-banner.white .button.wide {
            padding-left: 3.8rem;
            padding-right: 3.8rem;
            font-size: 17px;
        }

    .bottom-banner.video .button.wide {
        display: block;
    }

.blog-banner {
    text-align: center;
    background-color: #569441;
    border-radius: 5px;
    margin: 22px;
    margin-top: 76px;
    color: #fff;
    padding-bottom: 16px;
}

    .blog-banner .head {
        background-color: #f9f9f9;
        width: 140px;
        height: 140px;
        margin: auto;
        border-radius: 100%;
        border: solid 1px #569441;
        text-align: center;
        z-index: 501;
        margin-top: -65px;
        margin-bottom: 9px;
    }

        .blog-banner .head > img {
            margin: auto;
            margin-top: 30px;
        }

    .blog-banner h3 {
        color: #fff;
    }

/* blog */
.featured-article {
    margin-bottom: 16px;
}

    .featured-article .entry-title {
        font-size: 35px;
        font-weight: 900;
        line-height: 45px;
        text-transform: capitalize;
    }

    .featured-article .entry-meta {
    }

        .featured-article .entry-meta a {
            color: #f63121;
            text-transform: capitalize;
        }

    .featured-article .entry-excerpt {
        margin: 25px 0;
    }

.article-grid {
}

    .article-grid .featimg {
        line-height: 0;
        position: relative;
        margin-bottom: 5px !important;
        text-align: center;
        overflow: visible;
    }

        .article-grid .featimg > img {
            width: 100%;
            z-index: 2;
            position: relative;
        }

    .article-grid .entry-title {
        font-weight: 900;
        margin-bottom: .5rem;
    }

    .article-grid .entry-metadata {
        font-size: 1.4rem;
        margin-bottom: 2.4rem;
    }

        .article-grid .entry-metadata a {
            color: #f63121;
            text-transform: capitalize;
        }

/* locations */
.locations {
    text-align: center;
    height: 100vh;
}

    .locations .back-to-locations {
        top: 172px;
        left: 55px;
        position: absolute;
        font-weight: 700;
        color: #fff;
        pointer-events: all;
        z-index: 501;
    }

    .locations .title {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .locations .london-eye {
        background-image: url('/cdn/i/LondonEye_BG.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
    }

    .locations .tower-bridge {
        background-image: url('/cdn/i/london-bridge-pier-min.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .locations h1 {
        font-family: avenir-next-bold;
        color: #fff;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: 0.10rem;
    }

    .locations p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 0;
    }

/* location-block */
.location-block {
    -webkit-box-shadow: 0px 3px 33px 10px rgba(179,179,179,0.57);
    -moz-box-shadow: 0px 3px 33px 10px rgba(179,179,179,0.57);
    box-shadow: 0px 3px 33px 10px rgba(179,179,179,0.57);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3.5rem !important;
    margin-bottom: 17.5rem !important;
}

    .location-block img {
        border-radius: 4px;
        margin-bottom: 2.2rem;
    }

    .location-block h3 {
        margin-bottom: 2.2rem;
    }

.boat {
    display: inline;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 2;
    transition: all .5s ease;
    -webkit-animation: diving 3s ease-in-out infinite;
    animation: diving 3s ease-in-out infinite;
}

    .boat.up {
        transform: rotate(180deg) translate(50%, 50%);
    }

    .boat img {
        z-index: 5;
        position: relative;
    }

/* popup */
.white-popup-block {
    background-color: #fff;
    padding: 5rem 12.5rem;
    max-width: 68.2rem;
    width: 68.2rem;
    transition: all 0.2s linear;
    -webkit-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    -moz-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    border-radius: .4rem;
    margin: auto;
}

    .white-popup-block.large {
        max-width: 69.4rem;
        width: 69.4rem;
        padding: 1rem 9.5rem;
        z-index: 4;
    }

    .white-popup-block.video {
        padding: 3rem 0rem;
        max-width: 100rem;
        width: 93rem;
    }

.mfp-content h3 {
    text-align: center;
}

.mfp-content p {
    text-align: center;
}

#redeem-voucher .fa-ticket {
    font-size: 10rem;
    color: #569441;
    margin-bottom: 17px;
}

/* review-tiles */
.review-tiles {
    background-color: #fbfbfb;
}

    .review-tiles .reviews {
        margin-bottom: 6.6rem;
    }

    .review-tiles img.ripple {
        margin-top: 2.6rem;
        margin-bottom: 5.5rem;
    }

    .review-tiles .grid-item {
        margin-bottom: 0;
    }

        .review-tiles .grid-item > div {
            border: 1px solid #f63121;
            border-radius: .4rem;
            text-align: center;
            margin-bottom: 2rem;
            -webkit-box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
            -moz-box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
            box-shadow: 3px 3px 0px 0px rgba(252,181,175,1);
            background-color: white;
            min-height: 26.0rem;
        }

        .review-tiles .grid-item h3 {
            font-weight: 900;
            font-size: 27px;
            margin: 27px 15px 0;
            height: 10.5rem;
        }

.curve-break {
    background-image: url('/cdn/i/break-curve.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 26rem;
    margin-bottom: 8.9rem;
}

.curve-break-alt {
    background-image: url('/cdn/i/break-curve-alt.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 26rem;
}

/* contact-page */
.contact-page .title h2 {
    margin-top: 2.3rem;
    margin-bottom: 5rem;
}

.contact-page .title img {
    margin-bottom: 5.5rem;
}

.contact-page .contact-block {
    margin-top: 16rem;
}

    .contact-page .contact-block > div {
        background-color: #fbfbfb;
    }

    .contact-page .contact-block h3 {
        display: inline-block;
        vertical-align: top;
        color: #f63121;
        font-weight: 500;
        font-family: 'avenir-next-bold';
        font-size: 33px;
        margin-left: 4.8rem;
        margin-top: 2.7rem;
        margin-bottom: 0;
    }

    .contact-page .contact-block p {
        display: inline-block;
        color: #f63121;
        margin-left: 5rem;
        font-size: 2.9rem;
    }

    .contact-page .contact-block a {
        color: #f63121;
    }

    .contact-page .contact-block .fa {
        color: #f63121;
        font-size: 76px;
        margin-left: 80px;
        margin-top: 35px;
        float: left;
    }

.show-map .link-circle {
    display: block;
}

.link-circle {
    background-color: rgba(246,49,33,.7);
    color: #fff;
    width: 17.7rem;
    height: 17.7rem;
    border-radius: 100%;
    text-align: center;
    padding: 37px 1.5rem 1.5rem;
    font-weight: 100;
    font-size: 21px;
    position: absolute;
    z-index: 500;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: calc(150% - 8.85rem);
    display: none;
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.the-terms li {
    font-weight: 300;
    margin-bottom: 2.0rem;
    margin-top: 0;
    color: #00334e;
    font-size: 3rem;
    line-height: 5.7rem;
    font-family: 'avenir-next-bold';
    letter-spacing: 0px;
}

    .the-terms li h2 {
        display: inline;
        font-size: 3rem;
    }

    .the-terms li li {
        color: rgba(40, 40, 40, .75);
        font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: .01em;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

img.job-image {
    margin-right: 3rem;
    margin-top: 1rem;
    border: 1.8rem solid #fff;
    border-radius: .3rem;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.44);
    max-width: 340px;
    margin-bottom: 15rem;
}

.altButtons {
    display: none;
}

    .altButtons a {
        margin-bottom: 0 !important;
    }





/****** MEDIA ******/



@media (min-width: 40rem) {
    .header {
        xmargin-top: 10.8rem; /* disabled 221217 */
    }
}

@media (min-width: 40rem) {
    .header .button {
        margin-bottom: 4rem;
        margin-top: 2rem;
    }
}

@media (min-width: 80rem) {
    .navigation .navigation-list {
        margin-right: 0;
    }
}

@media (max-width: 1060px) {
    .booking-step .datepicker-inline ul li {
        width: 11%;
    }
}

/* small screens */
@media (max-width: 1500px) {
    .navigation .navigation-item {
        margin-left: 1.3rem;
    }
}

/* smaller screens */
@media (max-width: 1400px) {
    .navigation .navigation-item #book-tickets, .navigation .navigation-item #book-vouchers {
        display: none;
    }

    .tablet-menu {
        display: block !important;
        margin-top: -80px !important;
    }
}

/* tablets */
@media (max-width: 1275px) {
    .header, .header2 {
        margin-top: 10.8rem;
    }
    /* gives too much space above */
    .noxheader {
        margin-top: 10.8rem;
    }

    .altButtons {
        display: block;
    }

    .tablet-menu {
        display: block !important;
        margin-top: 32px;
    }

    #countdown-holder {
        right: 11px;
        max-width: 222px;
        text-align: center;
    }

    .wrapper .content.fill {
        margin-top: 0;
    }

        .wrapper .content.fill.active > div {
            margin-top: 0;
        }

            .wrapper .content.fill.active > div h2 {
                margin-top: 2rem;
            }

    .column .control {
        font-size: 12px;
        padding-left: 9px;
        margin-top: 22px;
    }

    .bottom-banner:not(.video) {
        display: none;
    }

    .navigation {
        position: relative;
        height: 10rem;
    }

        .navigation .top-most .navigation-item a {
            font-size: 12px;
        }

        .navigation .container {
            text-align: left !important;
        }

        .navigation .main-menu {
            height: 16rem;
        }

        .navigation .navigation-list {
            display: block;
            margin-right: 0;
            margin-bottom: 4px;
        }

        .navigation .navigation-link, .navigation .navigation-title, .navigation .title {
            font-size: 15px;
            line-height: 33px;
            margin-left: auto;
            margin-right: auto;
            display: inline-table;
            text-align: center;
        }

            .navigation .navigation-link.button {
                height: 33px;
                margin-top: 0px;
                line-height: 32px;
                font-size: 10px;
                float: right;
            }

        .navigation .navigation-item {
            margin-left: 3rem;
        }

    /* here goes a background image of the same size but it must also scale the same */
    /* the min-height pushed down the title below too far */
    .header {
        xmin-height: 46.6rem; /* disabled on Chelsea */
        width: 100%;
        xbackground-image: url(/cdn/i/HomeBanner.jpg);
    }
    /* here goes a background image of the same size but it must also scale the same */
    /* the min-height pushed down the title below too far */

    /* moved out to its own
        .header .video {
            height: 286px;
            display: none;
        }
*/
        /* ao should the fixed height really remain here? */
        .header .overlay {
            height: 46.6rem;
        }
        .noxheader .overlay {
            height: 46.6rem;
        }

        .header h3, .header2 h3, {
            font-size: 2.7rem;
            line-height: 3.1rem;
        }

        .header h1, .header2 h1 {
            font-size: 4.3rem;
            line-height: 5.1rem;
            /* width: 60%; */
            margin: auto;
        }

    .booking-widget .control > small {
        font-size: 12px;
    }

    .booking-widget .control > p {
        font-size: 14px;
    }

    .booking-widget .button {
        height: 55px;
        margin-top: 22px;
        line-height: 54px;
        font-size: 18px;
        padding-left: 1.9rem;
        padding-right: 1.9rem;
    }

    .products .grid-item .title h3 {
        font-size: 20px;
    }

    .products .grid-item .column-25 .fa {
        font-size: 10px;
    }

    .products .grid-item .image {
        height: 19.6rem; /* gx */
    }

    .products .grid-item .options a:not(.button) {
        line-height: 14px;
    }

    .endorsed-by h2 {
        margin-top: 14.2rem;
        margin-bottom: 7.5rem;
    }

    .corporate-experiences {
        margin-top: -32%;
    }

        .corporate-experiences h2 {
            margin-top: 26rem;
        }

    .about-us {
        min-height: 96rem;
    }

        .about-us h5 {
            margin-top: 0;
        }

        .about-us .glide--horizontal .glide__arrow.prev {
            left: 32px;
        }

        .about-us .glide--horizontal .glide__arrow.next {
            right: 28px;
        }

    .find-your-meeting-point {
        max-height: 37.4rem;
        overflow: auto;
    }

        .find-your-meeting-point .container {
            width: 102rem;
        }

        .find-your-meeting-point .grid-item > div > a {
            line-height: 4.5rem;
            font-size: 12px;
        }

        .find-your-meeting-point.show-map .button {
            left: 0px;
            float: left;
        }

    .white-popup-block {
        padding: 6rem 11.5rem;
    }

    .row .column.column-40 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    fieldset .row .column.column-40 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .row .column.column-60 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #trips .row .column.column-60 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    fieldset .row .column.column-60 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    #trips .row .column.column-20 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    #trips .row .column.column-15 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row .column.column-offset-20 {
        margin-left: 0%;
    }

    .contact-page .contact-block p {
        font-size: 1.9rem;
    }

    .locations .back-to-locations {
        top: 210px;
    }

    .button.huge {
        line-height: 5.6rem;
        height: 5.6rem;
        font-size: 1.3rem;
    }

    .routes {
        margin-left: 8%;
    }

    .boat img {
        width: 50%;
        margin-left: 19px;
    }

    .side-menu {
        margin-left: 0rem;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin-top: 67px;
    }

        .side-menu input {
            height: 43px;
        }

    .booking-step.select-time .trip .column div {
        height: 4rem;
        line-height: 4rem;
        width: 15.3%;
    }

    .booking-menu .price {
        text-align: left;
    }

    .booking-menu .column > div > span, .booking-menu .column > div > a > span, .booking-menu small {
        margin-left: 0;
    }

        .booking-menu small.fee {
            margin-left: 0;
        }

    .wrapper .content.fill.confirmation h2, .lead-passenger h2 {
        margin-top: 28rem;
    }

    .column .control.active .dropdown {
        margin-top: 0;
        margin-right: -1px;
        margin-left: -10px;
    }

    .booking-widget .control.date .dropdown {
        margin-top: 34px;
    }

    .products .grid-item .overlay .prices .column:nth-child(1) {
        margin-left: 5rem;
        margin-right: 9rem;
    }

    .products .grid-item .overlay { /* .xxxoverlay on Chelsea */
        height: 19.3rem;
    }

    .booking-widget h4 {
        font-size: 20px;
    }

    .locations h1 {
        font-size: 50px;
    }

    .side-menu.fixed {
        position: relative;
        top: auto;
    }

    .booking-menu .price span {
        margin: 0;
    }
}

@media (max-width: 1000px) {
    .Xheader .Xvideo {
        height: 286px;
        display: none;
    }
    .booking-step .datepicker-inline {
        width: 73%;
    }

        .booking-step .datepicker-inline ul li {
            width: 11.01%;
        }
}

/* tablets */
@media (max-width: 768px) {

    .booking-widget-holder {
        display: none;
    }

    .products .row .column.column-66 {
        flex: 0 0 50%;
        max-width: 50%;
    }


    fieldset .row .column.column-40, .row .column.column-40, .row .column.column-33, .row .column.column-34 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row .column.column-66, .row .column.column-67, .row .column.column-50, .blog-post .row .column.column-33 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tabs.row .column.column-33 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .about-us .glide--horizontal .glide__arrow.prev {
        left: -50px;
    }

    .about-us .glide--horizontal .glide__arrow.next {
        right: -50px;
    }

    .featured-reviews .box p {
        max-width: 73%;
    }

    .box .author {
        max-width: 25%;
    }

    .glide--horizontal .glide__arrow.next {
        right: 0;
    }

    .glide--horizontal .glide__arrow.prev {
        left: 0;
    }

    .endorsed-by {
        height: 72.6rem;
    }

        .endorsed-by .grid-item > div {
            height: 7.3rem;
            line-height: 7.3rem;
        }

    .side-menu {
        display: none;
    }

    #countdown-holder {
        display: none;
    }

    .booking-step .datepicker-inline {
        width: 73%;
    }

        .booking-step .datepicker-inline ul li {
            width: 11.01%;
        }
}




.offer-banner {
    position: absolute;
    margin-top: -302px;
    margin-left: -7px;
    z-index: 5001;
}

.snow-cap {
    position: absolute;
    margin-top: -320px;
    margin-left: -7px;
    z-index: 5001;
    /* width: 100%; */
}

.button-snow-cap {
    width: 180px;
    position: absolute;
    margin-top: 4px;
    margin-left: -178px;
    z-index: 998;
}


.mobile .offer-banner {
    position: relative;
    margin-top: -125px;
    margin-left: -1px;
    z-index: 5001;
    padding-bottom: 42px;
}

.mobile .snow-cap {
    position: relative;
    margin-top: -128px;
    margin-left: -1px;
    z-index: 5001;
    padding-bottom: 97px;
}

.mobile .snow-cap {
    position: relative;
    margin-top: -128px;
    margin-left: -1px;
    z-index: 5001;
    padding-bottom: 97px;
}

#affiliate-banner-64::before {
    background-image: url(/cdn/i/bow.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 150px;
    height: 120px;
    float: right;
    position: relative;
    top: 75px;
    right: -39px;
    margin-top: -120px;
}

#affiliate-banner-64::before {
    background-image: url(/cdn/i/bow.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 150px;
    height: 120px;
    float: right;
    position: relative;
    top: 75px;
    right: -39px;
    margin-top: -120px;
    z-index: 499;
}

#affiliate-banner-64::after {
    background-image: url(/cdn/i/tag.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    float: right;
    position: relative;
    top: -254px;
    right: -77px;
    margin-bottom: -150px;
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: 29px -50px;
    z-index: 500;
}

.mobile #affiliate-banner-64::before {
    top: 75px;
    right: -39px;
}

.mobile #affiliate-banner-64::after {
    top: -175px;
    right: -79px;
}

/* fathers day dash */

#affiliate-banner-69::before {
    background-image: url(/cdn/i/rock-star.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 200px;
    height: 120px;
    float: right;
    position: relative;
    top: 83px;
    right: -100px;
    margin-top: -120px;
    z-index: 499;
    animation: swing ease-in-out 1s infinite alternate;
}


.mobile #affiliate-banner-69::before {
    top: 75px;
    right: -39px;
}

@keyframes swing {
    0% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(-3deg);
    }
}

.affiliate-model-64::before {
    background-image: url(/cdn/i/bowtag.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: block;
    width: 250px;
    height: 350px;
    float: right;
    z-index: 5000;
    position: relative;
    right: -200px;
    top: -65px;
    margin-bottom: -350px;
}

.trip-booking-widget {
    background-color: #fff;
    transition: all 0.2s linear;
    -webkit-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    -moz-box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    box-shadow: 0px 10px 33px -7px rgba(179,179,179,0.77);
    /* padding: 16px; */
    border-radius: 4px;
    margin-top: -300px;
    z-index: 1024;
    position: relative;
}

    .trip-booking-widget hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: -20px;
        margin-right: -20px;
    }

    .trip-booking-widget.fixed {
        position: fixed;
        top: 170px;
        display: block;
        margin: auto;
    }

    .trip-booking-widget ul.tabs {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 100%;
    }

        .trip-booking-widget ul.tabs li {
            background: #f8f8f8;
            color: #bbbbbb;
            display: inline-block;
            padding: 18px 0px;
            cursor: pointer;
            width: 50%;
            margin-bottom: 0;
            text-transform: capitalize;
            font-size: 20px;
            text-align: center;
            border-bottom: 1px solid #cecece;
        }

            .trip-booking-widget ul.tabs li.current {
                background: #fff;
                color: #f63121;
                border-bottom: 1px solid transparent;
            }

            .trip-booking-widget ul.tabs li:first-of-type {
                border-top-left-radius: 4px;
                border-right: 1px solid #cecece;
            }

            .trip-booking-widget ul.tabs li:last-of-type {
                border-top-right-radius: 4px;
            }

    .trip-booking-widget .tab-content {
        display: none;
        background: #fff;
        padding: 20px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .trip-booking-widget .tab-content.current {
            display: inherit;
        }

    .trip-booking-widget .booking-step .datepicker-inline {
        width: 90%;
        -ms-touch-action: auto;
        touch-action: auto;
    }

        .trip-booking-widget .booking-step .datepicker-inline ul li {
            height: 27px;
            line-height: 22px;
            width: 10%;
            font-size: 14px;
            border-radius: 2px;
            font-weight: 100;
            margin-bottom: .8rem;
            text-align: center;
            padding-left: 0;
            color: #6bac6c;
        }

            .trip-booking-widget .booking-step .datepicker-inline ul li.picked {
                color: #fff;
            }

    .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='month current'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='year current'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='years current'] {
        width: 73%;
        margin-right: 0rem;
        border: 0;
        font-size: 1.8rem;
        color: #282828;
        margin-bottom: 0.7rem;
        height: auto;
        font-size: 2rem;
    }

    .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='month prev'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='month next'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='years prev'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='years next'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='year prev'], .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='year next'] {
        width: 2.6rem;
        height: 2.6rem;
        border: solid 2px #00324d;
        color: #00324d;
        border-radius: 100%;
        line-height: 2rem;
        text-align: center;
        text-indent: 1px;
        font-weight: 900;
        margin-right: 0rem;
        margin-bottom: 0rem;
        margin-top: 6px !important;
    }

    .trip-booking-widget .booking-step .datepicker-panel ul:first-of-type {
        width: 100%;
        margin-bottom: 10px;
    }

    .trip-booking-widget .booking-step .datepicker-panel > ul > li[data-view='month current'] {
        margin-bottom: 0;
        margin-top: .7rem;
        font-weight: 100;
        text-transform: capitalize;
    }

    .trip-booking-widget .booking-step .datepicker-panel > ul[data-view='days'] {
        margin-top: 1rem;
    }

    .trip-booking-widget .control {
        padding: 0;
        height: auto;
    }

        .trip-booking-widget .control.active {
            border-color: transparent;
        }

            .trip-booking-widget .control.active.hide-header > p, .trip-booking-widget .control.active.hide-header > small {
                display: none;
            }

            .trip-booking-widget .control.active .dropdown {
                border: none;
                margin-right: -20px;
                margin-left: -20px;
                background-color: #fff;
                z-index: 2;
                position: relative;
                height: auto;
            }

        .trip-booking-widget .control .dropdown {
            height: 0px;
            display: block;
            margin-left: -2rem;
            overflow: hidden;
        }

        .trip-booking-widget .control.passenger-number .dropdown ul li {
            font-family: 'avenir-next-regular', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
            font-size: 20px;
            padding-right: 30px;
        }

            .trip-booking-widget .control.passenger-number .dropdown ul li i {
                float: right;
                width: 3.2rem;
                height: 3.2rem;
                line-height: 2.9rem;
                border: solid .2rem #f63121;
                border-radius: 100%;
                color: #f63121;
                text-align: center;
                font-size: 1.2rem;
                margin-right: 1rem;
                text-indent: .15rem;
                margin-top: 1.2rem;
            }

                .trip-booking-widget .control.passenger-number .dropdown ul li i.disabled {
                    opacity: .5;
                }

                .trip-booking-widget .control.passenger-number .dropdown ul li i:not(.disabled):active {
                    -moz-transform: inherit;
                    -ms-transform: inherit;
                    -o-transform: inherit;
                    -webkit-transform: inherit;
                    transform: scale(.95);
                }

        .trip-booking-widget .control .dropdown ul li:hover {
            background-color: inherit;
        }

            .trip-booking-widget .control .dropdown ul li:hover a {
                color: inherit;
            }

    .trip-booking-widget .departure-times {
        width: 100%;
        max-height: 200px;
        overflow-x: auto;
        margin-bottom: 10px;
    }

        .trip-booking-widget .departure-times div[data-departure] {
            height: 5rem;
            width: 46.5%;
            font-size: 1.8rem;
            font-weight: 900;
            line-height: 5rem;
            color: #6bac6c;
            border: solid 2px #6bac6c;
            float: left;
            border-radius: 4px;
            margin-top: .5rem;
            margin-bottom: .5rem;
            margin-left: .5rem;
            margin-right: .5rem;
            background-color: #fff;
            cursor: pointer;
            transition: all 0.2s linear;
            text-align: center;
        }

            .trip-booking-widget .departure-times div[data-departure].old {
                display: none;
            }

            .trip-booking-widget .departure-times div[data-departure]:active {
                box-shadow: 0 0 0pt 1pt #6bac6c;
            }

            .trip-booking-widget .departure-times div[data-departure].active {
                background-color: #6bac6c;
                color: #fff;
            }

            .trip-booking-widget .departure-times div[data-departure].off-peak {
                line-height: 4rem;
            }

                .trip-booking-widget .departure-times div[data-departure].off-peak:after {
                    content: "Lowest price!";
                    font-size: 10px;
                    display: block;
                    position: relative;
                    top: -25px;
                }

        .trip-booking-widget .departure-times a {
            color: #f63121;
        }

    .trip-booking-widget .totals {
        background-color: #f4f4f4;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -23px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .trip-booking-widget .totals .info {
            margin: 0;
            letter-spacing: -1px;
            line-height: .8;
        }

            .trip-booking-widget .totals .info small {
            }

        .trip-booking-widget .totals .price {
            margin: 0;
            margin-bottom: -15px;
            margin-top: -15px;
        }

@media (max-width: 1275px) {
    .trip-booking-widget .tab-content {
        display: none;
        background: #fff;
        padding: 10px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .trip-booking-widget .booking-step .datepicker-inline ul li {
        height: 23px;
        line-height: 22px;
        width: 9%;
        font-size: 11px;
        border-radius: 2px;
        font-weight: 100;
        margin-bottom: .4rem;
        text-align: center;
        padding-left: 0;
        color: #6bac6c;
    }

    .trip-booking-widget .departure-times div[data-departure] {
        height: 3rem;
        width: 29.5%;
        font-size: 12px;
        font-weight: 900;
        line-height: 3rem;
        color: #6bac6c;
        border: solid 2px #6bac6c;
        float: left;
        border-radius: 4px;
        margin-top: .5rem;
        margin-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
        background-color: #fff;
        cursor: pointer;
        transition: all 0.2s linear;
        text-align: center;
    }

    .trip-booking-widget .totals .price {
        font-size: 25px;
        margin-bottom: -20px;
    }

    .trip-booking-widget .totals #fee {
        font-size: 11px;
    }

    .trip-booking-widget .control.active .dropdown {
        margin-right: -10px;
        margin-left: -10px;
    }

    .trip-booking-widget .departure-times div[data-departure].off-peak:after {
        content: "Lowest price!";
        font-size: 9px;
        display: block;
        position: relative;
        top: -16px;
    }

    .trip-booking-widget .departure-times div[data-departure].off-peak {
        line-height: 23px;
    }

    .trip-booking-widget .totals .info small {
        font-size: 14px;
    }
}