.trip-block.G4B.ProgressWrapperHidden {
    padding-bottom: 0;
}

.trip-block {
    padding: 0;
    text-align: left;
    min-width: 28rem;
    border-radius: 0.3rem;
    max-width: 57.2rem;
}

.trip-block.n, .trip-block.ne, .trip-block.nw { margin-top: -1.5rem; }
.trip-block.s, .trip-block.se, .trip-block.sw { margin-top: 1.5rem; }
.trip-block.e { margin-left: 1.5rem; }
.trip-block.w { margin-left: -1.5rem; }

.trip-block.n:before, .trip-block.ne:before, .trip-block.nw:before,
.trip-block.s:before, .trip-block.se:before, .trip-block.sw:before,
.trip-block.n:after, .trip-block.ne:after, .trip-block.nw:after,
.trip-block.s:after, .trip-block.se:after, .trip-block.sw:after {
    border-width: 1.5rem;
    margin-left: 0;
    transform: translateX(-50%);
}

.trip-block.e:before, .trip-block.w:before,
.trip-block.e:after, .trip-block.w:after {
    border-width: 1.5rem;
    margin-top: 0;
    transform: translateY(-50%);
}

.trip-block.n:after, .trip-block.ne:after, .trip-block.nw:after,
.trip-block.s:after, .trip-block.se:after, .trip-block.sw:after,
.trip-block.e:after, .trip-block.w:after {
    border-width: calc(1.5rem + 2px);
}

.trip-block:before, .trip-block:after {
    border: medium solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

.trip-block:before { z-index: 1; }
.trip-block:after { z-index: 0; }

.trip-block.n:before, .trip-block.n:after,
.trip-block.s:before, .trip-block.s:after {
    left: 50%;
}

.trip-block.e:before, .trip-block.e:after,
.trip-block.w:before, .trip-block.w:after {
    top: 50%;
}

.trip-block.s:before, .trip-block.s:after {
    bottom: 100%;
}

.trip-block.e:before, .trip-block.e:after {
    right: 100%;
}

.trip-block.w:before, .trip-block.w:after {
    left: 100%;
}

.trip-block.n:before, .trip-block.n:after,
.trip-block.ne:before, .trip-block.nw:before,
.trip-block.ne:after, .trip-block.nw:after {
    top: 100%;
}

.trip-block.se:before, .trip-block.sw:before,
.trip-block.se:after, .trip-block.sw:after {
    bottom: 100%;
}

.trip-block.ne:before,
.trip-block.se:before,
.trip-block.ne:after,
.trip-block.se:after {
    left: 3.6rem;
}

.trip-block.nw:before,
.trip-block.sw:before,
.trip-block.nw:after,
.trip-block.sw:after {
    right: 3.6rem;
    transform: translateX(50%);
}

.trip-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 0;
    display: block;
    margin: 1rem;
}

.trip-close:before {
    font-family: "g4b-icon-font";
    content: "\e822";
    font-size: 2.6rem;
}

.trip-content-wrapper {
    position: relative;
    padding: 2rem 2rem 9rem 23.6rem;
    min-height: 30rem;
}

.NoProgressBar .trip-content-wrapper {
    padding-bottom: 2rem;
    min-height: 23rem;
}

.trip-image {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 7rem;
    width: 29.4rem;
    height: 21rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    margin-left: -2.6rem;
}

.NoProgressBar .trip-image {
    margin-bottom: 0;
}

.trip-header {
    font-family: 'Roboto Condensed';
    color: #2bc191;
    font-size: 3.6rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.trip-content {
    clear: right;
    font-size: 2rem;
    color: #8bb6e5;
    line-height: 1.25;
}

.trip-progress-bar {
    height: 0.5rem;
    margin-top: -1px;
    background-color: #2bc191;
    position: absolute;
    top: 0;
    left: 0;
}

.trip-overlay {
    height: 100% !important;
    opacity: 1 !important;
    background: rgba(0,0,0,0.7);
}

.trip-progress-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 1.5rem 2rem;
    border-top: 1px solid #567eb3;
}

.NoProgressBar .trip-progress-wrapper {
    display: none;
}

.trip-progress-wrapper:before,
.trip-progress-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.trip-prev, .trip-next {
    font-family: 'Roboto Condensed';
    font-size: 2.4rem;
    text-transform: uppercase;
    line-height: 4rem;
    display: block;
    padding: 0;
}

.trip-prev {
    float: left;
}

.trip-prev:before,
.trip-next:after {
    content: "";
    font-family: "g4b-icon-font";
    display: inline-block;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
    color: #344a68;
    background-color: #4ffbf1;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    box-shadow: 0 -0.1rem 0 0 rgba(255, 255, 255, 0.8), 0.1rem 0.1rem 0 0 rgba(0,0,0,0.3);
    text-shadow: 0.1rem 0.1rem 0 rgba(255,255,255,0.6), -0.1rem -0.1rem 0 rgba(0,0,0,0.6);
}

.trip-prev:before {
    content: "\e81b";
    margin-right: 1rem;
}

.trip-next:after {
    content: "\e811";
    margin-left: 1rem;
}

.trip-next {
    float: right;
}

.trip-block.G4B {
    background: rgba(52,74,104,0.8);
    color: #8bb6e5;
    border: 1px solid rgba(86,126,179,0.8);
    border-radius: 0.3rem;
}

.trip-block.G4B.n:before, .trip-block.G4B.ne:before, .trip-block.G4B.nw:before { border-top-color: rgba(52,74,104,1); }
.trip-block.G4B.s:before, .trip-block.G4B.se:before, .trip-block.G4B.sw:before { border-bottom-color: rgba(52,74,104,1); }
.trip-block.G4B.e:before { border-right-color: rgba(52,74,104,1); }
.trip-block.G4B.w:before { border-left-color: rgba(52,74,104,1); }

.trip-block.G4B.n:after, .trip-block.G4B.ne:after, .trip-block.G4B.nw:after { border-top-color: rgba(86,126,179,0.8); }
.trip-block.G4B.s:after, .trip-block.G4B.se:after, .trip-block.G4B.sw:after { border-bottom-color: rgba(86,126,179,0.8); }
.trip-block.G4B.e:after { border-right-color: rgba(86,126,179,0.8); }
.trip-block.G4B.w:after { border-left-color: rgba(86,126,179,0.8); }

@media screen and (orientation:portrait) {
    .trip-block {
        min-width: 0;
        max-width: none;
        width: calc(100% - 4rem) !important;
    }

    .trip-content-wrapper {
        min-height: 29.6rem;
        padding-left: 25rem;
    }

    .NoProgressBar .trip-content-wrapper {
        min-height: 22.6rem;
    }

    .trip-image {
        width: 25rem;
        height: 19.6rem;
    }
}